/*

Silhouette Surveilance - Inline CSS Styles - v1.0

Global CSS for Firefox 2.x and Safari

*/

html {height:100%;}

body{margin:0px; background:url(../images/mainbg.gif) 50% 0 repeat-y; background-color:#444; color:#444; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; height:100%;}

/* Layout Styles.
===================================================== */

/* ############### On the TOP */

#wrapper{height:auto; width:766px; position:relative; margin-left:auto; margin-right:auto; padding:0;}
#header{width:766px; position:relative;}
#top{width:766px; height:39px; background:url(../images/head_top.gif); text-indent:-9999px; margin:0;}
#graphic{width:766px; height:228px; background:url(../images/head_graphic.gif) no-repeat; text-indent:-9999px;}
#nav{width:766px; height:67px; background:url(../images/head_nav.gif) no-repeat;}
#cat{position:absolute; top:126px; left:30px; width:223px; height:200px; }
.skiplink{position:absolute; left:320px; top:11px; font-weight:bold;}
.date{position:absolute; right:30px; top:11px;}

/* ############### main NAVIGATION */

#mainnav {position:absolute; top:29px; right:15px; width:444px;}
#mainnav li{float:left; list-style-type:none; text-indent:-9999px;}
#mainnav li a{display:block; height:67px; outline:none}

/* ############### main NAVIGATION IMAGES */

li#navhome a, li#navservices a, li#navabout a, li#navassist a, li#navcontact a { background:url(../images/navbg.gif); }

li#navhome a 						{ background-position:0 0; width:71px; left:0 }
li#navhome a:hover					{ background-position:0 -67px }
body#pagehome li#navhome a 			{ background-position:0 -134px }

li#navservices a 						{ background-position:-71px 0; width:82px; left:71px }
li#navservices a:hover					{ background-position:-71px -67px }
body#pageservices li#navservices a 		{ background-position:-71px -134px }

li#navabout a 					{ background-position:-153px 0; width:92px; left:153px }
li#navabout a:hover				{ background-position:-153px -67px }
body#pageabout li#navabout a 	{ background-position:-153px -134px }

li#navcontact a 						{ background-position:-245px 0; width:104px; left:245px }
li#navcontact a:hover					{ background-position:-245px -67px }
body#pagecontact li#navcontact a 		{ background-position:-245px -134px }

/* ############### services NAVIGATION */

#sernav {width:223px; height:200px; margin-left:-40px;}
#sernav li{list-style-type:none; text-indent:-9999px;}
#sernav li a{display:block; width:223px; outline:none;}

/* ############### services NAVIGATION IMAGES */

li#serInsurance a, li#serCorporate a, li#serMatrimonial a, li#serVehicle a, li#serProcess a, li#serSecurity a { background:url(../images/serbg.gif); }

li#serInsurance a 						{ background-position:0 0; height:30px;}
li#serInsurance a:hover					{ background-position:223px 0; }

li#serCorporate a 						{ background-position:0 -30px; height:30px;}
li#serCorporate a:hover					{ background-position:223px -30px; }

li#serMatrimonial a 					{ background-position:0 -60px; height:30px;}
li#serMatrimonial a:hover				{ background-position:223px -60px; }

li#serVehicle a 						{ background-position:0 -90px; height:35px;}
li#serVehicle a:hover					{ background-position:223px -90px; }

li#serProcess a 						{ background-position:0 -120px; height:30px;}
li#serProcess a:hover					{ background-position:223px -124px; }

li#serSecurity a 						{ background-position:0 -150px; height:35px;}
li#serSecurity a:hover					{ background-position:223px -152px; }



/* ############### The CONTENT */

#content{width:700px; margin-left:auto; margin-right:auto; font-size:1.2em;}

/* ############### COLUMNS */

.side_rightcol{float:right; width:200px;}

.side_leftcol{float:left; width:200px;}

.main_rightcol{float:right; width:480px;}

.main_leftcol{float:left; width:480px;}

.nonelist li{margin-bottom:10px; list-style:none;}

/* ############### On the BOTTOM */

#footer{clear:both; height:auto; width:700px; position:relative; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; border-top:1px solid #ccc; color:#666; font-size:1.1em;}
.foot_cell{float:left; padding-right:40px; line-height:1.5em;}
.foot_para{margin:0 0 20px 0;}

/* Image Styles.
===================================================== */

.side_img{margin: 20px 0 0 0;}
.floatl{float:left; margin:0 5px 5px 0;}
.floatr{float:right; margin:0  5px 5px;}

/* Paragraph Styles.
===================================================== */

p{margin:0 0 10px 0; line-height:1.5em;}
#footer p{margin:5px 0 15px 0}
h1{margin:10px 0 5px 0; font-weight:bold; font-size:18px; color:#333; background-color:inherit;}
h2{margin:5px 0 12px 0; font-weight:bold; font-size:14px; color:#333; background-color:inherit;}
h3{margin:8px 0 5px 0; font-weight:bold; font-size:1em; color:#666; background-color:inherit;}

/* Global Link Styles.
===================================================== */

a{color:#06f; background-color:inherit; text-decoration:none;}
a:link{color:#06f; background-color:inherit;}
a:visited{color:#06f; background-color:inherit;}
a:hover{color:#00f; background-color:inherit; text-decoration:underline;}
h2 a:link{color:#666; background-color:inherit;} 
h2 a:visited{color:#666; background-color:inherit;}
h2 a:hover{color:#06c; text-decoration:none; background-color:inherit;}
#footer a:link{color:#666; background-color:inherit;  text-decoration:underline;}
#footer a:visited{color:#666; background-color:inherit;  text-decoration:underline;}
#footer a:hover{color:#000; background-color:inherit; text-decoration:none;}

/* Form Styles.
===================================================== */

form{margin-left:auto; margin-right:auto; margin-bottom:0px; padding:0 5px 5px 0px;}
fieldset{margin-bottom:10px; padding:10px; border:1px dotted #666666; width:435px;}
legend{padding:0 10px; text-transform: uppercase; color:#666; font-size: 1.0em; background-color:inherit;}
label{color:#666; background-color:inherit;}
input, textarea{color:inherit; background-color:#FFF; border:1px solid #666666; padding:2px;}
.submit{color:inherit; background-color:#eee;}
.select{color:#000; background-color:inherit;}
.dull{color:#999; background-color:inherit;}
textarea{width:425px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.2em;}
.buttons{color:#000; background-color:#eee; border:1px solid #000;}
span.cursor{cursor: pointer;}
.error{font-weight:bold; color:#f00; background-color:inherit;}

/* End of */