/* CSS Document */

img{
border:0;	
}

html,
body {
margin:0;
padding:0;
height:100%;
}

body{
    font-size:82%;
    font-family:Helvetica, Tahoma, Geneva, sans-serif;
	line-height:1.5em;
	background:url(images/bg.jpg) repeat-x;
}

body{
    padding:0;
    margin:0;	
    height:100%;
}

h1, h2, h3, p{
    padding:12px 0 0 0;
    margin:0;		
}

h1{
	font-family:Helvetica, Tahoma, Geneva, sans-serif;
    font-size:1.35em;	
    color:#005eb2 !important;
    text-shadow: 1px 1px #fff;
	font-style:normal !important;
}


h1 a{
    color:#005eb2 !important;
    text-decoration:none;	
}

h2{
    margin-top:14px;	
	padding:0 0 4px 0;
}


#container{
    width:1150px;
    position:relative;
    margin:0 auto;	
    min-height:100%;
}

#header{
    height:270px;	
	background:url(images/header.jpg) no-repeat;
}

#nav{
padding:212px 0 0 325px;
z-index:101;
position:relative;
}


#nav a{
font-family:Helvetica, Tahoma, Geneva, sans-serif;
line-height:1em;	
float:left;
font-size:1.1em;
text-decoration:none;
color:#fff;
padding:0 14px;
z-index:100;
}

#nav a:hover{
color:#f2eb23;
z-index:100;
}

#sections{
 margin:10px 0;
 padding-bottom:80px;
 overflow:hidden;
}

#subpage{
 padding-bottom:60px;
 overflow:hidden;

}

#sections div{
width:500px;
margin:10px 20px 10px 24px;
float:left;	
}

#sections div h1{
border-bottom: dotted 1px #999;
margin: 0px 0 5px 0 !important;
padding: 2px 0 4px 0 !important;
display:inherit;

}

#sections div a{
text-decoration:none;	
color:#636;
}

#sections div a:hover{
	 color:#003;
}

#subpage{
margin:18px 0;	
}

#sections div img{
	margin:0 5px 0 -3px;
	float:left;
   }


#subpage span a{

	color:#666;
}

#subpage span {
	font-size:.9em;
	color:#666;
	display:block;
}

#videos{
float:right;
width:350px;	
padding:0 0 0 20px;
}

#videos a{
	padding:10px 0 0 0;
	line-height:1.2em;
}

#photos{
float:right;
width:400px;	
padding:0 0 0 20px;
}

#sidebar{
  float:right; width:300px;
  padding-left:20px;	
}


#footer{
background:url(images/shadow.png) top center no-repeat;
font-size:.9em;
color:#666;
text-align:center;
position:absolute;
bottom:0;
width:100%;
height:50px;
padding-top:10px;
}

#footer a{
color:#666;	
}

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

.clear{
clear:both;
display:block !important;
}

.learn {
	display: block;
	margin:10px 0 0 190px;
	width: 110px;
	height: 33px;
	background: url('images/learn.png') bottom;
	text-indent: -99999px;
}
.learn:hover {
	background-position: 0 0;
}

#sample{
width:380px;	
float:left;
display:block;	
padding:0 4px 0 0;
}

#sample img{
float:left;
padding-right:0px;	
}

#content{
width:376px;
padding:0 20px;	
float:left;	
display:block;	

}

#promo{
padding: 0 20px 0 5px;
width:160px;
float:left;	
display:block;	
}

.promo-text{
   font-size:.85em;
   line-height:1.2em;
   margin:0 0 0 18px;	
   padding:0 0 15px 0;
}

#browse{
margin-left:-17px;	
}

.bottom-divider{
border-bottom:1px dotted #ccc;	
}

#logo{

	position:absolute;
	left:0px;
	top:0;
	z-index:1000;

}

#content span{
font-size:.8em;	
line-height:1.3em;
}

#highlight{
margin:10px 0;
clear:both;
}

#highlight img{
	margin-left:-20px;
}

#highlight div{
margin:0 11px;
float:left;	
font-size:.8em;
width:185px;
padding:20px;
line-height:1.35em;
}

#highlight h2{
	color:#039;
	margin:0 0 4px 0;
	padding:0 0 2px 0;
	font-size:1.05em;border-bottom:1px dotted #ccc;
}