/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

/*general tags
---------------------------------------------------------------*/
html{
	font-size:100%;
}
body{
	background:#1d8aca url(../images/backimg.jpg) repeat-x;
	color:#1d8aca;
	margin:0 0;
	font-size:16px;
}


	
a{
	color:#1d8aca;
	text-decoration:underline;
}
a:hover{
	color:#1d8aca;
}

/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 920px;background:#d6eefa url(../images/pageback.jpg) repeat-x; 
		padding:20px; border:#E2E2E2 solid 1px; }


/* Header
-------------------------------------------------------------- */

#header { margin: 20px auto 0px auto;}
#header h1 {
	text-indent:-999999px;
	background:#fff url(../images/logo.jpg) no-repeat;
	width:520px;
	height:152px;
	text-align:left;
	float:left;
	margin:30px 0px 0px 70px ;
	
}


#header #headermenu{
	float:right;
	margin-right:-34px;
	color:#FFF;
	text-align:right;
	width:280px;
}

#header #headermenu a{
	color:#fff;
	text-decoration:none;
}
#header #headermenu a:hover{
	color:#fff;
	text-decoration:none;
	
	
}

#header #headermenu .itemcon{
	background: url(../images/menuborder.png) no-repeat 100% -5px;
	height:43px;
	padding:0px 0px 0px 10px;
	
}
#header #headermenu .itemcon .itemmenu{
	height:28px;
	background: #2c94d1;
	padding-right:20px;
}

/* Body
-------------------------------------------------------------- */

#content { 
margin:0px auto 20px auto;
width:920px;

}


#content p.small{
	font-size:9px;
	line-height:10px;
	text-align:justify;
	
	
}
#animcon{
	width:880px;
	height:342px;
	background-color:#fff;
	padding:5px;
	margin:20px auto;
	border:#b5daec solid 1px;
}
#animheader{
	width:860px;
	height:322px;
	margin:10px 10px;
	

}


.titlecon{
	background: url(../images/titleheadimg.jpg) no-repeat 0 0;
	height:80px;
	margin-left:-40px;
	width:600px;
		
}

.titlecon h2{
	font-size:18px;
	text-transform:uppercase;
	color:#FFF;
	background-color:#ef1924;
	width:auto;
	padding:10px 0px 0px 40px;
	height:40px;
}


#range ul{
	float:left;
}

#benefits{
clear:both;
}


#imagegallery{
	margin:20px auto;

}
.imgcon{
	border:#b5daec solid 1px;
	width:140px;
	height:100%;
	float:left;
	margin:5px;
	background-color:#fff;
	
}
#imagegallery img{
	margin:10px;
	
}
.clear{
	clear:both;
}

.bluetext{
	font-weight:bold;
}
.redtext{
	font-weight:bold;
}

ol{
	margin-left:30px;
}
/* Footer
-------------------------------------------------------------- */
#footer {  margin-top: 20px; background:url(../images/bluedingo.jpg) 0 0 no-repeat; height:160px; }
#footer p.quiet {  text-align:right; padding:50px 0px 0px 0px; color:#1d8aca;}