/*
eyesparks.com
-------------------
11/12/2007
-------------------	
*/


/* ------------- Main Layout Definitions --------------*/
/* ----------------------------------------------------*/
*						{ margin:0; padding:0; }
html					{ min-height: 100%; margin-bottom: 1px;  }
body					{ font-family: Arial, Verdana, sans-serif; margin:0; padding:0; background:#F4EBE0 url(images/background.jpg) repeat-x top;text-align:center; }

p 						{ font-family: Arial, Verdana, sans-serif; font-size: 0.8em; color:#000000; margin: 0 0 10px 0; }
h1 						{ display:none;  }
h2 						{ font-size: 1.3em; margin: 0 0 15px 0;}
h3 						{ font-family: Trebuchet MS, sans-serif; font-size: 1em; margin: 0 0 5px 0; font-weight:bold;}
h4 						{ font-family: Trebuchet MS, sans-serif; font-size: 0.9em; margin: 0 0 5px 0; }
h5 						{ font-family: Trebuchet MS, sans-serif; font-size: 0.7em; color:#FFFFFF; margin:0 0 0 15px;}
h2, h3, h4				{ color:#2A5E81; padding:0; }
img 					{ margin: 0; padding:0; border:none;}
td						{ font-family: Arial, Verdana, sans-serif; font-size: 0.9em; color:#000000; }
th						{ width:75px; font-family: Arial, Verdana, sans-serif; font-size: 1.3em; color:#7fb5cc; }
tr						{ margin:10px; }
span					{ font-family: Arial, Verdana, sans-serif; font-size: 0.8em; }

#container 				{ width: 760px; margin: 0 auto; padding:0; text-align:left;  background:url(images/contentback.jpg) repeat-y;}
#container2				{ width: 760px; margin: 0 auto; padding:0; text-align:left;  background:url(images/contentback2.jpg) repeat-y;}




/* ------------------- Header Area --------------------*/
/* ----------------------------------------------------*/
#headerFlash 			{width: 760px;  height:164px;}



/* ----------------- Navigation Area ------------------*/
/* ----------------------------------------------------*/
ul#nav 					{ height:23px; width: 760px; text-align:center; list-style: none; background: #00B1FF; margin:0; padding:0; clear:both;}
ul#nav li 				{ list-style: none; float:left; margin: 0; padding: 0; text-indent: -9999px; }
ul#nav li  				a{height:23px; display:block; margin: 0; padding:0; color:#FFFFFF; text-decoration:none;}
ul#nav li.butt1 		a{width:62px; background-image: url(images/buttons/butt1.gif);}
ul#nav li.butt2 		a{width:105px; background-image: url(images/buttons/butt2.gif);}
ul#nav li.butt3 		a{width:170px; background-image: url(images/buttons/butt3.gif);}
ul#nav li.butt4 		a{width:97px; background-image: url(images/buttons/butt4.gif);}
ul#nav li.butt5 		a{width:103px; background-image: url(images/buttons/butt5.gif);}
ul#nav li.butt6 		a{width:73px; background-image: url(images/buttons/butt6.gif);}

ul#nav li.butt1 a:hover,
ul#nav li.butt2 a:hover,
ul#nav li.butt3 a:hover,
ul#nav li.butt4 a:hover,
ul#nav li.butt5 a:hover,
ul#nav li.butt6 a:hover {background-position: 0px 23px;}

body#home 				#nav li.butt1 a, 
body#about 				#nav li.butt2 a, 
body#technical			#nav li.butt3 a, 
body#installation		#nav li.butt4 a, 
body#case				#nav li.butt5 a, 
body#contact 			#nav li.butt6 a {background-position: 0px 23px;}




/* ------------------ Content Area --------------------*/
/* ----------------------------------------------------*/
#content	 			{margin:15px 15px 0 15px; width:730px; }

#mainContent	 		{margin:15px 7px 0 7px; float:right; width:570px;
						voice-family: "\"}\"";
						voice-family: inherit; }
html>body #mainContent	{width:570px; margin:15px 15px 0 15px; }

#box1		 			{width: 350px; float:left; margin:0; }
#box2		 			{width: 350px; float:right; margin:0; }

#smallbox				{width:180px; float:left; margin:0 0 15px 0;}
#smallbox2				{width:180px; float:left; margin:0 0 15px 95px;}
#smallbox3				{width:250px; height:280px; float:left; margin:0 10px 0 0;}

#smallcontactbox		{width:180px; height:180px; float:left; margin:0 60px 15px 0; text-align:center;}
#europeMap				{width:530px; height:450px; background:url(images/europe.jpg);}
.northAmerica			{background:url(images/NorthAmerica.gif)}
.Australia				{background:url(images/Australia.gif)}
.Asia					{background:url(images/Asia.gif)}
.Japan					{background:url(images/Japan.gif)}
.MiddleEast				{background:url(images/MiddleEast.gif)}

ul						{ margin:0; padding:0; }
li						{ list-style:none; margin:0 0 5px 5px; padding: 0; display:list-item; line-height:1.0em; text-decoration:none; font-size: 0.8em;}



/* -------------------- SubNav Area -------------------*/
/* ----------------------------------------------------*/
#subNav 		{ width:145px !important; width:145px;  height: 200px; float:left; background: #FFFFFF url(images/subnavBottom.gif) no-repeat; background-position:bottom; margin:0; padding: 15px 0 0 15px;}
#subNav ul 		{ margin:0; padding:0;}
#subNav ul li 	{ list-style:none; margin:0 0 15px 0; padding: 0; display:list-item; line-height:1.0em; text-decoration:none; font-size: 0.8em; font-weight:600; }
#subNav ul li  	a{ margin: 0; color:#2A5E81; text-decoration:none;}
#subNav ul li  	a:hover{ color:#000000; }




/* ------------------- Footer Area --------------------*/
/* ----------------------------------------------------*/
#footer					{ height:25px; background:url(images/footerBanner.gif) repeat-x; position:relative; margin:0; }
#footContent			{ height:25px; width:760px; background:url(images/footer.gif); margin: 0 auto; text-align:left; }
#footContent			a{ color:#FFF; }