/* CSS DOCUMENT */


/* ---- MAIN STYLES ---- */

 body {
padding:0px;
margin:0px;
width:100%;
height:100%;
background-color: #60a9d6;
background-image: url('images/pagecontent_background.gif');
background-repeat: no-repeat;
background-position: 50% 80px;
font-family: Verdana, helvetica, sans-serif;
font-size:9px;
color:#fff;
}

.blackbackground {
background-color: #000000;
background-image: none;
}

p {
line-height:14pt;		
padding: 4px 0;
margin: 0;
}	
			 
.whiteline {
border: 0; 
background-color: #fff; 
height: 1px;
margin: 10px 0;
padding:0;
float: left; 
clear: both; 
width: 700px;
}

label {
color:#fff;
width:100px;
vertical-align:top;
padding: 0 50px 0 0;
margin: 0; 
display:block;
float:left;	
}				   

p input {
width:250px;
height:16px;
font-size:9px;
padding: 0;
margin: 0; 
clear:none;
display:inline;
border:1px solid black;
}

td input {
font-size:10px;
padding: 0;
margin: 0; 
clear:none;
display:inline;
border:1px solid black;
} 

p .contactbutton {
width:75px;
height:20px;
padding: 0;
margin: 0; 
clear:none;
display:inline;
border:none;
}
p textarea {
width:250px;
height:130px;
border:1px solid black;
}

#pagetop p {	
line-height:11pt;
width:420px;
padding:30px 30px 30px 0px;
}

#pagetop h1 {
padding-bottom:10px;
line-height:25px;
letter-spacing:4px;
font-family:verdana;
font-size: 64px;
font-weight: normal;
}

h2 {
padding-top:12px;
padding-bottom:3px;
margin:0;
color:#000000;
font-size:12px;
font-weight:normal;
}

.non_catalog {
padding-top:12px;
padding-bottom:3px;
margin:0;
color:#ffffff;
font-size:12px;
font-weight:bold;
}

h3 {
margin:0px;
color:#fff;
font-size:10px;
font-weight:bold;
}



/* ---- END OF MAIN STYLES ----*/

#pagecontainer {
width:700px;
margin:0px auto;
}								  

#pagecontainer.homepage {	
width: 100%;
background-image: url('images/home_bg_repeater.jpg');
background-position: top center;
background-repeat: no-repeat;
background-color:#000000;
text-align: center;
}

#mainimage {
margin:0px auto;
width:700px;
height:301px;
}

#headercontainer {
width: 100%;
margin: 0;	
padding: 0;
background-color: #000;
}
		
#header {
padding:25px 0;
width: 700px;
margin: 0 auto;	
position: relative;	 
background-color: #000;
z-index: 10;
}		  
  
#pagelogo {
height:50px;
width:236px;
}

#top_logo {
width: 98px;
height: 84px;
position: absolute;				  
bottom: -20px;	  
left: 602px; 
}

#small_sl_head {
position:absolute;
bottom:-55px;
right:20px;
}

#nav_container{
height:16px;
width:100%;
padding: 0;
position: relative;	
z-index: 1;
}
			  
#nav_container.frontpage{
background-color:#60a9d6;
}

#nav_container{
background-color:#404041;
}

body > #nav_container {
height:20px;
}			

#nav {
width:700px;
height: 0;
margin:0 auto;
padding: 0;
}

/* ---------- CSS drop out menu -------------------*/
#nav li {float: left;list-style-type:none;}
#nav li a {display:block;text-decoration:none;color:#fff;padding:4px 14px;}	 

#nav li ul {padding: 0;margin: 0;position: absolute;left: -999em;}
#nav li ul li {clear: both; padding: 0;margin: 0;border-top:1px dotted #a0b7c2;}
#nav li ul li a {padding: 2px 14px; margin: 0; color:#fff; font-size: 9px; font-style:italic; width: 90px;}
#nav.frontpage li ul li a {padding: 2px 14px; margin: 0; color:#fff; font-size: 9px; font-style:italic; width: 90px;}

#nav li:hover ul, #nav li.sfhover ul {padding: 0;margin: 0;left: auto;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {padding: 0;margin: 0;left: auto;background-color:#414041;} 
#nav li:hover ul a:hover, #nav li li:hover ul a:hover, #nav li.sfhover ul a:hover, #nav li li.sfhover ul a:hover {background-color:#fff;color:#000;} 

#nav.frontpage li:hover ul, #nav.frontpage li li:hover ul, #nav.frontpage li.sfhover ul, #nav.frontpage li li.sfhover ul {padding: 0;margin: 0;left: auto;background-color:#60a9d6;} 
#nav.frontpage li:hover ul a:hover, #nav.frontpage li li:hover ul a:hover, #nav.frontpage li.sfhover ul a:hover, #nav.frontpage li li.sfhover ul a:hover {background-color:#fff;color:#000;} 
/* --------------end of Drop out menu CSS ------------*/

#left, #right, #bottomright, #bottomleft {
float:left;
margin:20px 0px;
min-height:200px;
height:200px;
text-align:left;
line-height:11pt;
}
#bottomright, #bottomleft {
text-align:left;
}

#left, #bottomleft {
border-right:1px solid white; 
width:319px;
padding:15px 30px 30px 0px;
}		   

#right, #bottomright {	
width:290px;
padding:15px 0px 30px 30px;	   
}

#top {
padding:25px 0;
height:80px;
}

#bottom {
padding:25px 0;
}

#pagecontainer > #right, #pagecontainer > #left, #pagecontainer > #bottomleft, #pagecontainer > #bottomright {
height:auto;
}

/* --- FEATURES PAGE ---- */ 
#features {
margin-top: 25px;
height: 450px;
}
#features p {
font-size: 11px;
line-height: 22px;
letter-spacing: 1px; 
padding: 80px 0px 0px 0px;
}
#features img {
clear: both;
padding: 5px;
border: none;
}

#features_left {
height:643px;
width:450px;
float:left;
}

#features_right {
height:498px;
width:300px;
float:left;
padding:100px 0px 0px 40px;
}
/* ---- END OF FEATURES ---- */

#footer {
width:700px;
padding: 25px 0px;
margin:0px auto;
text-align:right;
font-size:12px;
letter-spacing:2px;
border-top:1px solid white;	
}


#top span {color:#fff;display:block;width:60px;float:left;padding:3px 0;clear:left;}
#top span.contact_detail {color:#fff;display:inline;width:400px;clear:none;}