@charset "utf-8";

/* Common Page Structure Elements */
body  {font: 100% Verdana, Arial, Helvetica, sans-serif;background: #093b60;background-repeat:no-repeat;margin: 0;padding: 0;text-align: center;color: #000000;font-size:12px;}
#container {width: 988px;background: #FFFFFF;margin: 0 auto;border: 2px solid #000000;text-align: left;} 
#header {background: #FFF;}
#logo_container {float:left;background:url(../images/logo.jpg);width:361px;height:88px;}
#top_right_container {float:right;width:627px;padding:0px;height:87px;}
#top_right {width:627px;height:63px;}
#hm #nav_container {}
#ab #nav_container {}
#port #nav_container {}
#banner {}

#sidebar1_port {float: right;width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */background: #FFF;padding: 15px 10px 15px 10px;margin-right:10px;}
#sidebar1 {float: left;width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */background: #FFF;padding: 15px 10px 15px 10px;margin-left:5px;}
#sidebar_top {background:url(../images/sidebar_top.jpg);background-repeat:no-repeat;width:200px;height:10px;margin-bottom:0px;padding-bottom:0px;}
#sidebar_top_port {width:200px;height:11px;background:#FFF;background-repeat:no-repeat;}
#sidebar_bottom {background:url(../images/sidebar_bottom.jpg);widtsh:200px;height:11px;background-repeat:no-repeat;}
#sidebar_bottom_port {width:200px;height:11px;background:#FFF;background-repeat:no-repeat;}
#sidebar_content_container {background-color:#093b60;border-left:1px solid #000;border-right:1px solid #000;margin-top:0px;padding-top:0px;}
.homepage_port_titles {font-size:12px;margin:10px;margin-top:10px;text-align:center;color:#FFF;}

/* Global Navigation */
#container #nav{padding:0px;margin:0px;list-style:none;}
#container #nav li {padding-top:6px;float:left;background-image:url(../images/nav_btn_blue.gif);width:122px;height:20px;margin-left:2px;
margin-top:62px;}

#container #nav li a{color:#FFF;font-weight:400;}
#container #nav li a:hover{color:#ccc;}
#container #nav li#hm a{margin-left:38px;}
#container #nav li#ab a{margin-left:28px;}
#container #nav li#sv a{margin-left:13px;}
#container #nav li#po a{margin-left:9px;}
#container #nav li#co a{margin-left:18px;}

a.body_links {color:#093b60;text-decoration:underline;}
a.body_links:hover {color:#999;}


/* Our Services Sub Navigation */
#sub_nav_container {width:988px;background:#bfbfbf;padding-top:2px;padding-bottom:2px;height:13px;}
#container #sub_nav {padding:0px;margin:0px;list-style:none;margin-left:455px;}
#container #sub_nav li {float:left;margin-left:5px;background-image:url(../images/sub_nav_background.gif);background-repeat:no-repeat;padding-left:20px;}
#container #sub_nav li a {color:#093b60;}
#container #sub_nav li a:hover {color:#FFF;}

/* Our Services - Content Management Sub Navigation */
#cm #container #nav li#sv{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#cm #container #sub_nav li#currentPage a{color:#FFF;}
#cm #container #sub_nav li#currentPage a:hover{color:#093b60;}

/* Our Services - Graphic Design Sub Navigation */
#gd #container #nav li#sv{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#gd #container #sub_nav li#currentPage a{color:#FFF;}
#gd #container #sub_nav li#currentPage a:hover{color:#093b60;}

/* Our Services - SEO Sub Navigation */
#seo #container #nav li#sv{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#seo #container #sub_nav li#currentPage a{color:#FFF;}
#seo #container #sub_nav li#currentPage a:hover{color:#093b60;}

/* Our Services - Web Design Sub Navigation */
#wd #container #nav li#sv{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#wd #container #sub_nav li#currentPage a{color:#FFF;}
#wd #container #sub_nav li#currentPage a:hover{color:#093b60;}

/* Our Portfolio - Web Design Sub Navigation */

#container #sub_nav_port {padding:0px;margin:0px;list-style:none;margin-left:685px;}
#container #sub_nav_port li {float:left;margin-left:5px;background-image:url(../images/sub_nav_background.gif);background-repeat:no-repeat;padding-left:20px;}
#container #sub_nav_port li a {color:#093b60;}
#container #sub_nav_port li a:hover {color:#FFF;}
#port #container #sub_nav_port li#currentPage a{color:#FFF;}


#hm #container #nav li#hm{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#hm #container #nav li#hm a:hover{color:#093b60;}
#ab #container #nav li#ab{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#ab #container #nav li#ab a:hover{color:#093b60;}
#sv #container #nav li#sv{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#sv #container #nav li#sv a:hover{color:#093b60;}
#port #container #nav li#po{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#port #container #nav li#po a:hover{color:#093b60;}
#co #container #nav li#co{background-image:url(../images/nav_btn_gray.gif);width:122px;height:20px;margin-left:3px;
margin-top:62px;}
#co #container #nav li#co a:hover{color:#093b60;}

#mainContent {margin: 0 0 0 220px; padding: 0 20px;}
#mainContent_port {margin: 0 0 0 10px; padding: 0 0px;}
#main_content_top_top {background:url(../images/main_content_top.jpg);width:710px; height:10px;margin-top:15px;background-repeat:no-repeat;padding-bottom:0px;margin-bottom:0px;}
#main_content_top {background-color:#ccc;border-left:1px solid #000;border-right:1px solid #000;width:708px;margin-top:0px;padding-top:0;}
#main_content_top_bot {background:url(../images/main_content_bottom.jpg);width:710px; height:10px;background-repeat:no-repeat;}
#main_content_top_bot_port {background:url(../images/main_content_bottom.jpg);width:710px; height:10px;margin-bottom:15px;background-repeat:no-repeat;}
#main_content_bot_right {float:right; width:35%;margin-right:19px;}
#main_content_bot_left {float:left; width:60%;}

#footer a {text-decoration:none; color:#093b60;} 
#footer a:hover {color:#999;}

#header h1 {margin: 0;padding: 10px 0;}
.pledge_title {margin-top:0px;margin-bottom:3px;font-size:14px;color:#FFF;margin-left:10px;}
.welcome_title {margin-top:0px;margin-bottom:3px;font-size:14px;color:#093b60;margin-left:10px;padding-top:0px;}
.services_title {margin-top:20px;margin-bottom:3px;font-size:14px;color:#093b60;margin-left:10px;}
.outsourcing_title {margin-top:20px;margin-bottom:3px;font-size:14px;color:#093b60;margin-left:10px;}
.sidebar_hr {color:#FFF;margin-bottom:5px;margin-top:0px;margin-left:10px;margin-right:10px;text-align:left;}
.main_hr {color:#FFF;margin-bottom:0px;margin-top:0px;margin-left:10px;margin-right:10px;text-align:left;}
#sidebar1 p {color:#FFF;margin-left:10px;margin-right:10px;margin-top:10px;font-size:11px;}
.sidebar_links {margin-left:80px;color:#FFF;font-size:10px;margin-top:0px;}
.homeViewPort {margin-left:70px;}
#sidebar1 label {margin-left:10px;font-size:12px;margin-right:5px;color:#FFF;float:left;}
#sidebar1 #submit {background-image:url(../images/submit_button.jpg);width:90px;height:24px;border:0px;margin-left:100px;}
.sidebar_textbox {margin-left:10px;width:172px;margin-top:4px;}
.crutches_Partner_text {font-size:smaller;margin-left:20px;margin-top:1px;margin-bottom:0px;}
#first_aid_image {float:left;}
.sidebar_thumbs {margin-left:25px;border:0px; margin-top:10px;}
#sidebar1 a{text-decoration:underline;}
.graphic_design_title {margin-top:40px;margin-bottom:3px;font-size:14px;color:#093b60;margin-left:10px;}
.client_list_items {text-decoration:none;}
.thank_you_text {color:#F00;}
.bold_text {font-weight:bold;}
#servicesList li {margin-bottom:5px;}
#servicesList li a {color:#093b60;text-decoration:underline;}
#servicesList li a:hover {color:#999;}

.homepage_slumping_econ {margin-top:15px;}
.homepageAd {margin:15px 0px 15px 30px;border:1 px solid #2b5f8e;}
#submit {background-image:url(../images/blue_submit_button.jpg);width:83px;height:26px;border:0px;margin-left:360px;margin-top:10px;}
#reset {background-image:url(../images/blue_reset_button.jpg);width:83px;height:26px;border:0px;margin-top:10px;}
label {text-align:right;margin-right:10px; width:21px;}
#home-bot-contain {}

p {margin-left:10px;margin-right:10px;margin-top:3px;}
ul {padding-left:25px;}
#specials_right_container {float:right;width:212px;}
#specials_left_container {float:left;width:212px;}
.learn_more_link {color:#093b60;margin-left:150px;font-size:smaller;margin-bottom:15px;}
.fb_icon {margin-top:20px;border:0px;margin-left:35px;}
.linked_icon {border:0px;margin-top:20px;margin-left:40px;}

#homepage_image {margin-left:10px; margin-right:5px;margin-top:5px;border:1px solid #093b60;width:131;height:89;}

.copyright_text {
	text-align:center;font-size:smaller;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


form label { display: block;float: left; width: 170px; 
padding: 0;margin: 5px 0 0;text-align: right;margin-right:0px; color:#FFF;}
form {font:100% verdana,arial,sans-serif;margin: 0;padding: 0;min-width: 500px;max-width: 600px;width: 540px;}
form text {margin-top:5px;}
fieldset {margin-left:10px;padding:15px;}
.bk_form_elements {margin-bottom:5px; width:150px;margin-left:0px;padding-left:0px;}

/* Portfolio Page */
#main_content_top_port {background-color:#ccc;border-left:1px solid #000;border-right:1px solid #000;width:708px;height:650px;border-bottom:15px;}
#port_cc {background-image:url(../our_portfolio/images/web_design/convenient_cleaners.jpg);width:296;height:178px;background-repeat:no-repeat;margin-left:15px;margin-top:25px;}
#port_crutches {width:296px;height:178px;background:url(../images/portfolio/portfolio1_03.jpg);margin-top:25px;margin-left:15px;}
#port_fade_city {float:left;width:296px;height:178px;background-image:url(../images/portfolio/fade_city.jpg);margin-left:25px;margin-top:25px;}
#port_vue {background:url(../images/portfolio/portfolio1_05.jpg);width:296px;height:178px;margin-left:15px;margin-top:25px;}
#port_cobalt {width:294px;height:178px;background:url(../images/portfolio/portfolio1_07.jpg);margin-left:15px;margin-top:25px;}
#port_cafe_colao {float:left;width:294px;height:178px;background:url(../images/portfolio/cafe_colao.jpg);margin-left:25px;margin-top:25px;}
#port_ctrybl {background:url(../images/portfolio/portfolio1_13.jpg);width:297px;height:178px;margin-left:15px;margin-top:25px;}
#port_blank_right {float:right;width:297px;height:178px;margin-right:25px;margin-top:20px;}
#port_srg {width:294px;height:178px;background:url(../images/portfolio/portfolio1_16.jpg);margin-left:15px;margin-top:25px;}
#port_ram {background:url(../images/portfolio/portfolio1_15.jpg);width:297px;height:178px;margin-left:15px;margin-top:25px;}
#port_bipub {background-image:url(../our_portfolio/images/web_design/bipublishingllc.jpg); background-repeat:no-repeat;width:297px;height:178px;margin-left:15px;margin-top:25px;}
#port_premier {background:url(../our_portfolio/images/web_design/premierParking.jpg);background-repeat:no-repeat;width:297px;height:178px;margin-left:15px;margin-top:25px;} 
#port_kabzam {background:url(../our_portfolio/images/web_design/kabzamnews.jpg);background-repeat:no-repeat;width:297px;height:178px;margin-left:15px;margin-top:25px;} 
#port_thc {background:url(../our_portfolio/images/web_design/thc.jpg);background-repeat:no-repeat;width:297px;height:178px;margin-left:15px;margin-top:25px;} 

#portfolio_container {width:600px;border:1px solid #000;margin-left:75px;}
#sidebar_content_container_port {background-color:#FFF;}
.visit_website_link {color:#FFF;font-size:12px;padding-top:149px;margin-bottom:0px;padding-left:185px;}
a {color:#FFF;text-decoration:none;}
a:hover {color:#999;}
.client_list_title {margin-top:0px;margin-bottom:3px;font-size:14px;color:#093b60;text-align:center;}
#top_right a {color:#093b60; text-decoration:underline;}
.website_links{}

#cot_logo {margin-top:10px;margin-left:23px;border:0px;}
#un_logo {margin-top:30px;border:0px;}
#cat_logo {margin-top:30px;margin-left:20px;border:0px;}
#ubi_logo {margin-top:30px;margin-left:20px;border:0px;}
#premier_logo {margin-top:15px;margin-left:20px;border:0px;}
