@charset "utf-8";
/* CSS Document for Webshot Multimedia */
* {margin:0; padding:0;}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4b5058;
	background:url(../images/body_bg.jpg) repeat-x top left #ffffff;
}

div#wrapper {position:relative; width:950px; margin:0 auto; }

div#header {width:950px; height:120px; position:relative}
div#header img {float:left;}
div#hdr_phone { position:absolute; top:40px; right:18px;}

/*Menus*/
#topnav {float:right; margin-top:90px;}
#topnav ul {list-style:none; float:right; padding-right:15px;}
#topnav ul li.first {float:left; height:30px;}
#topnav ul li {float:left; /*border-right: 1px solid #7e7f7e;*/ background:url(../images/nav_bg.png) bottom right no-repeat;}
#topnav a:link, #topnav a:visited {text-decoration:none; color:#4b5058; display:block; float:left; width:100%; height:22px; padding:8px 20px 0 20px;}
#topnav a:hover {color:#ff0000;}

/* Content container */
div#content_wrapper {width:950px; min-height:500px;  margin-top:4px;} 

/* Home Page */
div#banner {width:950px; height:285px; padding:10px 0;}
div#banner img {position: absolute; opacity: 0; filter: alpha(opacity=0); z-index:100; }
div#banner img.first { opacity: 1; filter: alpha(opacity=100); z-index:100;}

div#home_features {position:relative; width:950px; min-height:350px; font-family:Tahoma, Arial, Helvetica, sans-serif;}
div#home_features p {font-size:12px;}
div#home_features a {font-weight:bold; font-size:14px;}

/*Box 1*/
div#box1 {width:200px; padding-left:15px; padding-right:10px; height:175px; padding-top:10px; position:absolute; top:0px; left:15px; background:url(../images/HomeBox_bg.png) top left no-repeat;}
div#box1 a {position:absolute; top:155px; left:110px;}

/*Box 2*/
div#box2 {width:200px; padding-left:15px; padding-right:10px; height:175px; padding-top:10px; position:absolute; top:0px; left:242px; background:url(../images/HomeBox_bg.png) top left no-repeat;}
div#box2 a {position:absolute; top:155px; left:110px;}

/*Box 3*/
div#box3 {width:200px; padding-left:15px; padding-right:10px; height:175px; padding-top:10px; position:absolute; top:0px; left:469px; background:url(../images/HomeBox_bg.png) top left no-repeat;}
div#box3 a {position:absolute; top:155px; left:110px;}

/*Home Savings box */
div#home_savings {width:653px; padding: 10px 10px 10px 15px; height:126px; top:188px; left:15px; background:url(../images/home_savings_bg.jpg) no-repeat; position:absolute;}

/*Home_Quote and Left_Quote boxes*/
div#home_quote {width:240px; height:335px; position:absolute; top:0px; left:699px;}
div#left_quote {width:240px; height:335px; position:relative; margin-top:15px; }
div.get_quote {width:240px; height:325px; padding-top:10px; background:url(../images/Request_Quote_bg.png) top left no-repeat; text-align:center;}
div.get_quote h2 {margin:0;}
table#quote_table {position:absolute; left:5px; top:150px; margin:0;}
table#quote_table td {padding:5px 0px 10px 10px}

/* Footer */
div#footer {clear:both; background:url(../images/footer_bg.jpg) repeat-x #f0f0ef; font-size:12px; text-align:left}
div#footer_text {width:900px; margin:0 auto; padding:20px 25px 0;}

/*Left Nav on Subpages */
div#left_col {float:left; width:250px; padding-left:15px; padding-top:10px;}
div#left_nav {width:250px; background:url(../images/left_top_bg.jpg) top left no-repeat; min-height:42px;}

div#left_nav h1 {color:#ff0000; height:35px; padding-top:10px; padding-left:45px; margin:0;}

div#left_nav ul {width:250px; list-style:none; margin:0; padding:0;}
div#left_nav ul li {background:url(../images/left_bg.jpg) repeat-y; width:235px; padding-left:15px; height:39px;border-bottom:1px solid #4b5058; }
div#left_nav ul li.last {background:url(../images/left_bottom_bg.jpg) bottom left no-repeat; border:none;}

div#left_nav ul li a:link, div#left_nav ul li a:visited {display:block; width:205px; padding-left:30px; height:30px; padding-top:10px; color:#4b5058; background:url(../images/bullet_grey.png) 2px 12px no-repeat;}
div#left_nav ul li a:hover {color:#ff0000;}
div#left_nav ul li a.current {color:#ff0000; background:url(../images/bullet_red.png) 2px 12px no-repeat}

/* Request Quote in left column */
div#left_col div.get_quote {}

/* Content area on sub pages with left column */
div#sub_content {float:left; position:relative; width:646px; padding: 7px 13px 10px 25px; margin-left:-1px; margin-top:11px; border-left:1px solid #4b5058;}
/*Use classes of sub_content to control the min-height needed to accommodate the different heights of left_nav - so that the border extends all the way past the quote box on all pages, regardless of length of content */
div#sub_content.who_we_are {min-height:500px;}
div#sub_content.what_we_do {min-height:720px;}
div#sub_content.contact_us {min-height:500px;}

div#subcontent_pic_hdr {width:630px; min-height:160px; padding-top:25px; padding-right:16px; margin-bottom:20px;}
div#subcontent_pic_hdr p {font-size:1.1em; line-height:1.2;}

/*Table for price information */
table.price_table {border-color:#d4d3d3;}
table.price_table td {padding:4px 10px; }

/* General Styles */
h1, h2, h3, h4 {margin:0 0 0.5em 0; color:#282525; font-weight:normal;}
p {padding: 0 0 1em 0;}

a:link, a:visited {color:#ff0000; text-decoration:none;}
a:hover {color:#0066FF;}

h1 {font-size:22px; color:#FF0000;}
h2 {font-size:18px;}
h3 {font-size:15px; color:#333333;}
h4 {font-size:12px;}

ul {margin-left:25px;}

div#content ul, div#content ol, div#sub_content ul, div#sub_content ol {padding:0 0.5em; margin-left:1.7em;}
div#content li, div#sub_content li {padding:0.3em 1em 0.5em 1em;}

a img {border:none;}
a:link, a:active, a:visited {outline: none;} /*Remove dotted borders in Firefox */
a:focus {-moz-outline-style: none;} /*Remove dotted borders in Firefox */

.lgtxt {font-size:1.2em;}
.smalltext {font-size:0.8em;}

.black {color:#000000;}
.mediumgrey {color:#9f9b9b;}
.lightgrey {color:#d4d3d3;}
.darkgrey {color:#4b5058;}
.red {color:#FF0000;}

.clearfloats {clear:both;}
.right {float:right;}
.left {float:left;}
.centered {text-align:center;}
.padded {padding:0 15px 0 30px;}