/* Colors 

Background dk blue: #033b58
Link a br orange: #f26522

text shaodw: #02121f

Teal: #19a89d
Pea Green: #c8de78
Peep Yellow: #fbf599

Drop Shadow: #243941

*/

/* Main */

.clouds {
	width:100%; 
	height:475px;  
	background: url(images/clouds.png) repeat-x 0 bottom; 
}

html	{
	background: #b0d9d7;
}

body	{
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
color: #191021;
text-shadow: #fff 1px 1px 1px;
}

.medtxt	{
font-size: 14px;
}

#wrapper	{
width: 960px;
margin: -5px auto;
}

#header	{
height: 195px;
}

#main h1	{
margin-left: 20px;
}

#divider img	{
height: 5px;
width: 940px;
margin: 0 10px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#main ul {
display: inline;
}

#main ul li {
margin-top: 25px;
margin-bottom: 25px;
margin-left: 10px;
margin-right: 10px;
}


li.thumb {
	width: 300px;
	height: 170px;
	position: relative;
	float: left;
	display: inline-block;
	padding-bottom: 10px;
	left: 0;
}

.thumb-container {
	display: block;
	width: 300px;
	height: 170px;
	background-color: #f26522;
	border: solid 1px #fff;
	-moz-box-shadow: 0px 0px 10px #01111e;
	-webkit-box-shadow: 0px 0px 10px #01111e;
	box-shadow: 0px 0px 10px #01111e;
}

.thumb-type {
	padding: 10px 30px;
	position: absolute;
	z-index: 50;
	width: 230px;
	height: 120px;
}

.thumb-type h3	{
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	float: left;
	width: 210px;
	text-shadow: #a0410d 1px 1px 1px;
}

.thumb-type p{
	color: #fffbc0;
	clear: both;
	font: 11px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #a0410d 1px 1px 1px;
	padding-bottom: 3px;
}

.thumb-bg {
	display: block;
	height: 170px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}

div.options {
	position: relative;
margin-top: 10px;
text-shadow: none;

}

div.options a{
	font-weight: bold;
text-transform: uppercase;
background-color: #19a89d;
color: #fff;
padding: 4px 5px;

}

div.options a:hover{
background-color: #fff;
color: #19a89d;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 

img.shadow	{
	-moz-box-shadow: 0px 0px 10px #01111e;
	-webkit-box-shadow: 0px 0px 10px #01111e;
	box-shadow: 0px 0px 10px #01111e;
} */

.shadow	{
float: left;
}

#sub_main1	{
width: 460px;
float: left;
}

#sub_main1 h1, #sub_main1 p	{
margin-left: 20px;
} 

#sub_main3 p	{
color: #fffbc0;
}

#sub_main2	{
width: 180px;
float: left;
}

#sub_main2 img	{
margin: 27px 20px 0 20px;
} 

#sub_main3	{
float: left;
width: 294px;
}


#sub_main3 h1, #sub_main3 p { 
margin-left: 15px;
} 

a	{
color: #f26522;
text-decoration: none;
}

a:hover	{
color: #19a89d;
text-decoration: none;
}

#footer	{
float: left;
margin-top: 40px;
padding-bottom: 50px;
}

#footer p	{
font-size: 10px;
margin-left: 18px;
float: left;	
}

#footer ul	{
float: right;
}

#footer ul li	{
float: left;
display: inline;
margin-right: 20px;
}

#footer a	{
color: #fff;
font-weight: bold;
text-transform: uppercase;
}

#footer a:hover	{
color: #f26522;
}

#sw_logo {
background-image: url(images/theskywatcher_birds.png);
width: 109px;
height: 110px;
text-indent: -9999px;
margin: 42px 16px;
float: left;
border:none;
}

#sw_logo_index {
width: 109px;
height: 110px;
margin: 100px auto;
position:relative;
}

#sw_logo_index a img {
border: none;
}

#nav	{
padding-top: 50px;
float: right;
}

#nav ul	{
overflow: hidden;
}

#nav ul li	{
float: left;
list-style: none;
text-align: center;
margin: 0 10px;
text-transform: uppercase;
}

#nav ul li a	{
color: #fff;
}

#nav ul li a:hover	{
color: #f26522;
}


#nav ul li img	{
display: block;
border: none;
}

#about, #work, #blog, #shop	{
width: 60px;
height: 80px;
}

#icons	{
margin-left: 20px;
}

.ico_small, .ico_small li	{
display: inline;
margin: 10px;
padding: 0;
float: left;
}

#ico_email	{
  width:21px;
  height:21px;
  text-decoration:none;
  text-indent: -9999px;
  display:block;
  background-image:url(images/email_ico.png);
  background-position:0 0; 
  }

#ico_email:hover,#ico_email:active  { background-position:0 21px; }

#ico_twitter	{
  width:21px;
  height:21px;
  text-decoration:none;
  text-indent: -9999px;
  display:block;
  background-image:url(images/twitter_ico.png);
  background-position:0 0; 
  }

#ico_twitter:hover,#ico_twitter:active  { background-position:0 21px; }

#ico_behance	{
  width:21px;
  height:21px;
  text-decoration:none;
  text-indent: -9999px;
  display:block;
  background-image:url(images/behance_ico.png);
  background-position:0 0; 
  }

#ico_behance:hover,#ico_behance:active  { background-position:0 21px; }

h1	{
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #191021;
text-transform: uppercase;
}	

.titles	{
margin: 27px 0;
}

.quote_txt	{
margin: 25px 120px;
}