body{
	background-color:#ECF0F3;
	font-family:Arial;
}

a{
	color:#4391EB;
}
a:hover{
	color:#21A1F7;
}
a:visited {
	
}

#container{
	width:800px;
	margin:0 auto;
}

#header h1{
	float:left;
}
h1 img{	width:318px;
	height:48px;}
	
#navigation{
	float:right;
	margin-top:5px;
}

#navigation ul{
	height:39px;
	overflow:hidden;
}

#navigation ul li{
	list-style:none;
	display:inline;
}

#navigation a{
	height:50px;
	float:left;
	overflow:hidden;
}
.home{
	width:62px;
	background:url('../images/menu.png') no-repeat;
}
.products{
	width:83px;
	background:url('../images/menu.png');
	background-position: -62px 0px; 
}.pricing{
	width:68px;
	background:url('../images/menu.png');
	background-position: -145px 0px; 
}.contact{
	width:80px;
	background:url('../images/menu.png') no-repeat;
	background-position: -212px 0px; 
}
.home:hover{
	background-position: 0px -39px; 
}
.products:hover{
	background-position: -62px -39px; 
}.pricing:hover{
	background-position: -145px -39px; 
}.contact:hover{
	background-position: -212px -39px; 
}


li.selected .home{
	background-position: 0px -78px; 
}li.selected .products{
	background-position: -62px -78px; 
}li.selected .pricing{
	background-position: -145px -78px; 
}li.selected .contact{
	background-position: -212px -78px; 
}
#navigation ul li.selected a,
#navigation ul li a:hover{
}

#imagebar{
	position:relative;
	text-align:center;
	width:100%;
	height:291px;
	clear:both;
}
.pics {  
    height:291px;  
    width:100%;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {
    background-color: #eee;  
    height:291px;  
    width:800px;   
    top:  0; 
    left: 0;
	display:none;
} 
#show{display:block;}
#bar_text{
	position:absolute;
	left:15px;
	bottom:10px;
	z-index:1000;
	height:33px;width:480px;
}

#content,#header,#footer{clear:both;}

#content{
	font-size:13px;
	margin-top:10px;
}

#sitemap li{padding:10px;}


#end_content,#top_content{
	height:70px;
	padding:10px;
	font-size:13px;
	clear:both;
	text-align:center;
	background:url("../images/bottom.gif") top center no-repeat;
}
#end_content p,#top_content p{
	margin-bottom:10px;
}
#end_content b,#top_content b{
	white-space:nowrap;
}
.section{
	float:left;
	width:245px;
	line-height:140%;
	text-align:justify;
	margin-right:8px;
	margin-left:8px;
	margin-bottom:20px;
}.section h2 img{
	margin-left:-10px;
}.section p{
	margin-top:-10px;
}.section img{
	height:39px;
}
#product_section,#thumbs{
	width:260px;
	margin-left:20px;
	margin-bottom:0px;
}
#footer{
	font-size:10px;
	text-align:center;	
	margin-top:20px;
}

#footer a{
	color:#000;
	text-decoration:none;
}

#footer a:hover{
	text-decoration:underline;
}
address{
	font-weight:bold;
	margin-left:20px;
}

#checksoon{
	margin-bottom:35px;
	width:800px;height:200px;
	overflow:hidden;
}
#checksoon:hover img{
	margin-top:-200px;
}
input, form, fieldset, label, select, legend { /* Resets padding of form
												  elements. Can be included in
												  a separate CSS reset file instead  */
	margin:0;
	padding:0;
}

#myform {
float:left;
	font-size:1.2em; /* Can go up to 1.5em without breaking anything. Higher
						values will require increasing the width of the span
						and labels */
	width:510px; /* 	Changing this value is cool, but go too wide and you'll
						have to adjust the widths on the input fields as well.
						The fixed width causes the contained elements to wrap,
						giving them the appearance that they are 'block' - but
						really they're not :-) */

}

#myform fieldset {

	margin:0 0 20px 0;
	background-color:#21A1F7;
	border:solid 1px #aedcf5;
	padding:20px 15px 10px 15px;
	position:relative; /* To assist in fixing the background bleed issue on IE */
}

#myform fieldset:hover {
	background-color:#4391EB;
	border:solid 1px #21A1F7;
}

#myform fieldset:hover input {
	background-color:#fff;
	border:solid 1px #21A1F7;
}

#myform fieldset:hover select {
	background-color:#fff;
	border:solid 1px #21A1F7;
}

#myform fieldset:hover .narrow { /*	Needed to stop border hover on radio buttons
									and checkboxes in IE */
	border:none;
	background-color:#21A1F7; 
}

#myform legend {
	position:absolute; /* Fixes background bleed issue on IE. Fieldset must be
						  position:relative for this to work */
	top:-8px;
	color:#000; /* Just adding a little variation */
	font-size:1.2em;
	
	position:absolute; /* Stops IE from centering the legend text. Seriously - why IE, why?!!! */
	left:10px;
}

#myform label {
	width:180px; /* Must match the exact width specified in the span */
	display:block;
	float:left;
	padding:0;
	text-align:right;
	margin:0 10px 8px 0;
	color:#fff;
}

#myform span {
	font-size:.8em;
	display:block;
	width:180px; /* Must match the exact width specified in the label */
	text-align:right;
	font-weight:normal;
	color:#fff;
}

#myform em {
	font-size:.8em;
	font-style:normal;
	font-weight:normal;
	color:#007bae;
	position:relative;
	top:-7px; /* Moves the em's up a little to line up with the radio buttons
				 and checkboxes*/
}

#myform input {
	width:280px;
	height:20px;
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#000;
	font-size:1em;
	padding:5px 3px 3px 3px;
}

#myform input:hover {
	border:solid 1px #41a9d8;
}

#myform .narrow {
	width:13px;
	margin:0 0 0 15px; /* Add a little spacing between radio button options */
	border:none; /* Removes borders from radio buttons and checkboxes in IE  */
}

#myform .narrow:hover {
	border:none; /* Removes boders from radio buttons and checkboxes in IE on hover  */
}

#myform select {
	width:190px;
	height:29px;
	border:solid 1px #aedcf5;
	margin:0 0 13px 0;
	color:#3f87e9;
	font-size:1.2em;
	padding:4px 3px 2px 3px;
}

#myform select:hover {
	border:solid 1px #41a9d8; /* Hover efefct won't work in IE, but then you're
								 probably not surprised */
}

#myform .submit {
	width:92px;
	height:35px;
	float:right;
	border:none;
	border:0;
	color:#fff;
	padding:0;
	background-color:#21A1F7;
}

#myform .submit:hover {
	background-position:bottom;
	border:none;
	border:0;
	cursor:pointer;
	background-color:#4391EB;
}

#comments {
	height:100px !important; /* Must be important otherwise it wont be honoured */
}
#last{display:none;}

.message{
	width:510px;
	display:none;
	margin:10px;
	padding:10px;
	}
	

.offer{
	background-color:#21A1F7;
	padding:20px;
	height:225px;
	margin-bottom:20px;
}
.offer h2{font-size:40px;}
.offer h3{font-size:30px;}
.offer p{margin:5px;}
.offer_pics{float:left;width:300px; height:225px;overflow:hidden;background-color:#fff;border:1px solid #4391EB;}
.offer_text{width:400px;float:right;color:#fff;}

#video_container{
	width:100%;
	height:240px;
}#video_container object{
	float:left;
	
}#video_container .showroom{
	width:250px;
	height:220px;
	float:left;
	margin:0 5px;
}
#fallback{width:280px;height:220px;}
li.brand{clear:both;}