/* CSS Document */

body {font-family:Geneva, Arial, Helvetica, sans-serif; padding:15px; margin:0; background:#999999;}

#design_control{width:800px; margin:0 auto; border:2px #000000 solid;}
#header{background:#FFFFFF; position:relative;}
#header{background:url(../images/webdesign_headertile.jpg) repeat-x; height:91px;}
#header img {border:0}
#footer {width:800px; margin:0 auto; text-align:center; margin-top:15px;}
#footer p {margin:5px; font-size: 0.7em}
#footer img{border:0;}

#content{background:#dbeff8 url(../images/website_design_content_tile.jpg) repeat-x;  }

.full_content_wrapper {margin-left:15px;}
.content_wrapper{margin-left:218px;}

#web_cambs_logo{position:absolute; left:10px; top:13px; width:370px; height:49px;}
#strapline {position:absolute; left:10px; top:59px; }
#strapline h1{font-size:10pt; margin:0; font-weight:normal;}
#keywords {position:absolute; width:350px; right:5px; top:5px;}
#keywords h1{font-size:8pt; margin:0; font-weight:normal;}

#site_navigation{ position:relative; background: url(../images/navigation_background.gif) no-repeat; height:31px;}
#site_navigation ul{ list-style-type: none;	padding: 0;	margin: 0;	white-space: nowrap; position:absolute; left:25px; top:0px }
#site_navigation li{margin: 0 0.0em; padding: 0; float:left; text-align:center; }
#font_size{position:absolute; right:6px; top:54px;}
#font_size img {border:0}
#font_size a{text-decoration:none; color:#0c6fa1; font-size:14pt;}

#box_nav{float:left; width:197px; margin:15px 2px 5px 10px; z-index:100;}
#box_nav img {border:0; margin-bottom:10px;}
#left_spacer{height:1150px;}

#box_nav .webdesigntest, #box_nav .webdesign, #box_nav .domains, #box_nav .webdesign, #box_nav .hosting, #box_nav .ecommerce
{margin-bottom:10px; position:relative;}

#box_nav .webdesign h1, #box_nav .domains h1, #box_nav .hosting h1, #box_nav .ecommerce h1
{margin:0; font-size:16pt; text-align:center; color:#FFFFFF; padding-top:4px;
position:absolute; width:185px; top:0; left:4px; 

}

#box_nav .webdesign h1 a, #box_nav .domains h1 a, #box_nav .hosting h1 a, #box_nav .ecommerce h1 a{
display:block; 
text-decoration:none; 
color:#FFFFFF; 
width:188px; 
height:97px;
}

#box_nav .webdesign a, #box_nav .hosting a, #box_nav .domains a, #box_nav .ecommerce a {text-decoration:none; color:#FFFFFF;}

#box_nav .webdesign p, #box_nav .hosting p, #box_nav .domains p, #box_nav .ecommerce p {
margin:0; color:#FFFFFF; font-size:10pt; text-align:center; padding-top:32px; margin-left:5px; margin-right:5px;}

#box_nav .webdesign {width:185; height:103px; background: url(../images/webdesign_box_blank.gif) no-repeat;}
#box_nav .hosting {width:185; height:103px; background: url(../images/webhosting_box_blank.gif) no-repeat;}
#box_nav .domains {width:185; height:103px; background: url(../images/domains_box_blank.gif) no-repeat;}
#box_nav .ecommerce {width:185; height:103px; background: url(../images/ecommerce_box_blank.gif) no-repeat;}


/*
#box_nav .domains p, #box_nav .ecommerce p
{margin:0; color:#FFFFFF; font-size:10pt; text-align:center; margin-top:4px}


#box_nav .ecommerce a{text-decoration:none; color:#FFFFFF; display:block; background: url(../images/ecommerce_box_blank.gif) no-repeat;width:185px; height:92px; padding:5px;}
#box_nav .hosting a{text-decoration:none; color:#FFFFFF; display:block; background: url(../images/webhosting_box_blank.gif) no-repeat;width:185px; height:92px; padding:5px;}
#box_nav .webdesign a{text-decoration:none; color:#FFFFFF; display:block; background: url(../images/webdesign_box_blank.gif) no-repeat;width:185px; height:92px; padding:5px;}
#box_nav .domains a{text-decoration:none; color:#FFFFFF; display:block; background: url(../images/domains_box_blank.gif) no-repeat;width:185px; height:92px; padding:5px;}*/

#box_nav .info{font-size:10pt; position:absolute; left:15px; bottom:12px; }


/*

#site_navigation li a {color:#FFFFFF; text-decoration:none; border:0px #000000 solid; width:135px; display:block;
background: url('../images/home_button.gif') 0px -63px no-repeat; line-height:29px; height:29px;}
*/


/*#site_navigation li a{background: url('../images/home_button.gif') 0px 0px no-repeat; text-align:center; width:94px; height:38px; 
bottom:0;}

#site_navigation2 li a{text-decoration:none; color:#FFFFFF; line-height:38px; height:38px; 
font-size:0.8em; font-weight:bold; display:block; float:left; padding-left:12px; padding-right:13px;
 }
#site_navigation li a:hover{background: url('../images/home_button.gif') 0px -31px no-repeat;}
#selected li a{background: url('../images/home_button.gif') 0px -2px no-repeat;}
*/

.selected a, .unselected a, .selected_quote a, .unselected_quote a, .selected_home a, .unselected_home a, .unselected_contact a, .selected_contact a, .unselected_faq a, .selected_faq a, .unselected_portfolio a, .selected_portfolio a{color:#FFFFFF; text-decoration:none;width:135px; display:block;line-height:29px; height:29px; }

.selected a {background: url('../images/home_button.gif') 0px -2px no-repeat;}
.unselected a {background: url('../images/home_button.gif') 0px -63px no-repeat;}
.unselected a:hover{background: url('../images/home_button.gif') 0px -33px no-repeat;}

.selected_home a {background: url('../images/home_button.gif') 0px -2px no-repeat;}
.unselected_home a {background: url('../images/home_button.gif') 0px -63px no-repeat;  }
.unselected_home a:hover{background: url('../images/home_button.gif') 0px -33px no-repeat;}

.selected_quote a {background: url('../images/quote_button.gif') 0px -2px no-repeat;}
.unselected_quote a {background: url('../images/quote_button.gif') 0px -63px no-repeat;  }
.unselected_quote a:hover{background: url('../images/quote_button.gif') 0px -33px no-repeat;}

.selected_contact a {background: url('../images/contact_button.gif') 0px -2px no-repeat;}
.unselected_contact a {background: url('../images/contact_button.gif') 0px -63px no-repeat;  }
.unselected_contact a:hover{background: url('../images/contact_button.gif') 0px -33px no-repeat;}

.selected_faq a {background: url('../images/faq_button.gif') 0px -2px no-repeat;}
.unselected_faq a {background: url('../images/faq_button.gif') 0px -63px no-repeat;  }
.unselected_faq a:hover{background: url('../images/faq_button.gif') 0px -33px no-repeat;}

.selected_portfolio a {background: url('../images/portfolio_button.gif') 0px -2px no-repeat;}
.unselected_portfolio a {background: url('../images/portfolio_button.gif') 0px -63px no-repeat;  }
.unselected_portfolio a:hover{background: url('../images/portfolio_button.gif') 0px -33px no-repeat;}

.text{position:absolute; left:-9000px;}
.fleft {float:left; border:0;}
.fright {float:right;border:0; margin-left:5px;}

.box_heading {margin-top:15px; width:568px; height:31px; background: url('../images/textbox_top.gif') no-repeat;}

.box_heading_full {margin-top:15px; width:768px; height:31px; background: url('../images/text_box_top_full.gif') no-repeat; }
.box_heading_full h1 {margin:0px 0px 0px 25px; font-size:14pt; width:340px; padding-top:5px; color:#FFFFFF; text-align:center;}



.blue_box_heading {margin-top:15px; width:568px; height:31px; background: url('../images/textbox_blue_top.gif') no-repeat;}
.blue_box_content{width:534px; padding:15px; font-size:0.8em; border-left:2px #0c6fa1 solid;border-right:2px #0c6fa1 solid; background:#FFFFFF}
.blue_box_bottom {margin:0; width:568px; background: url('../images/textbox_blue_bottom.gif') no-repeat;}

.orange_box_heading {margin-top:15px; width:568px; height:31px; background: url('../images/textbox_orange_top.gif') no-repeat;}
.orange_box_content{width:534px; padding:15px; font-size:0.8em; border-left:2px #ed4b04 solid;border-right:2px #ed4b04 solid; background:#FFFFFF}
.orange_box_bottom {margin:0; width:568px; background: url('../images/textbox_orange_bottom.gif') no-repeat;}


.purple_box_heading {margin-top:15px; width:568px; height:31px; background: url('../images/textbox_purple_top.gif') no-repeat;}
.purple_box_content{width:534px; padding:15px; font-size:0.8em; border-left:2px #6f27b8 solid;border-right:2px #6f27b8 solid; background:#FFFFFF}
.purple_box_bottom {margin:0; width:568px; background: url('../images/textbox_purple_bottom.gif') no-repeat;}

.red_box_heading {margin-top:15px; width:568px; height:31px; background: url('../images/textbox_red_top.gif') no-repeat;}
.red_box_content{width:534px; padding:15px; font-size:0.8em; border-left:2px #b51203 solid;border-right:2px #b51203 solid; background:#FFFFFF}
.red_box_bottom {margin:0; width:568px; background: url('../images/textbox_red_bottom.gif') no-repeat;}



.box_heading h1, .blue_box_heading h1, .orange_box_heading h1, .purple_box_heading h1, .red_box_heading h1 {margin:0px 0px 0px 25px; font-size:14pt; width:340px; padding-top:5px; color:#FFFFFF; text-align:center;}
.box_content{width:554px; padding:5px; font-size:0.8em; border-left:2px #000000 solid;border-right:2px #000000 solid; background:#FFFFFF}
.box_content h2, .blue_box_content h2, .orange_box_content h2, .box_content_full h2{margin-bottom:0; font-size:1.2em;}

.box_content_full{width:754px; padding:5px; font-size:0.8em; border-left:2px #000000 solid;border-right:2px #000000 solid; background:#FFFFFF}



.textbox_bottom, .textbox_bottom_short{margin-bottom:15px; width:568px; height:12px; background: url('../images/textbox_bottom.gif') no-repeat;}
.textbox_bottom_light{margin-bottom:15px; width:568px; height:15px; background: url('../images/textbox_bottom_light.gif') no-repeat;}
.textbox_bottom_light_full{margin-bottom:15px; width:768px; height:15px; background: url('../images/textbox_bottom_light_768.gif') no-repeat;}

#missing{width:568px; height:128px; background: url('../images/missing_568.gif') no-repeat;}

.half_box_heading {margin-top:15px; width:279px; height:31px; background: url('../images/half_texttop.gif') no-repeat;}
.half_box_heading h1 {margin:0px 0px 0px 25px; font-size:12pt; width:230px; padding-top:5px; color:#FFFFFF; text-align:center;}

.halfbox_wrapper, .halfbox_wrapper_left{width:278px; float:left;}
.halfbox_wrapper_left{margin-right:10px;}

.half_box_content {width:265px; padding:5px; font-size:0.8em; border-left:2px #000000 solid;border-right:2px #000000 solid; background:#FFFFFF}
.half_textbox_bottom{margin-bottom:15px; width:279px; height:11px; background: url('../images/half_textbottom.gif') no-repeat;}

.footer{text-align:center; margin-top:15px; font-size:0.7em}

.portfolio_wrapper{margin-left:5px; overflow:hidden;}
.portfolio{width:175px; height:130px; float:left; margin-right:8px; padding-top:3px; margin-bottom:15px; text-align:center; background: url('../portfolio/portfolio_pod.jpg') no-repeat;}
.portfolio a{color:#FFFFFF; text-decoration:none; font-size:9pt}
.portfolio img{border:0;}