/* General Styles */
html, body {background:url(images/site/gradiant_bg.jpg) repeat-x #bbb9b9; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1, h2, h3 {margin:0; padding:35px 10px 0; font-size:25px; font-weight:normal; color:#163693;}
h2 {padding:15px 0 2px; font-size:20px; border-bottom:1px dotted #ccc;}
h3 {padding:0; font-weight:bold; font-size:14px; margin-left:15px; border-bottom:none;}
ul, li {margin:0;}
a {color:#000;}

/* Wrapper Styles */
#wrapper {width:900px; margin:0 auto;}

/* Flash Sections Styles */
#flash {width:900px; height:405px;}
#flash_header {width:900px; height:105px;}

/* Misc Styles */
.input {padding-bottom:10px;}
.error {color:#ff0000; font-size:10px;}
.blank {display:none; visibility:hidden;}
.blue_font {display:block; font-size:14px; color:#02497b; margin:5px 0;}
.orange_font {color:#df890d;}
.grey_font {color:#a9a9aa; font-style:italic;}
.view_project {display:block; padding-top:3px;}

/* Home Content Styles */
#home_wrapper {float:left; width:900px; clear:both;}
#home_wrapper h1 {margin:0; padding:15px 0 0 15px; color:#536aa9; font-size:16px; font-weight:bold;}
#mission_graphic {float:left; background:url("images/site/mission_graphic.gif") no-repeat; width:500px; height:250px;}
#right_puzzle {float:left; background:url("images/site/right_puzzle.gif") no-repeat; width:395px; height:250px; margin-left:5px;}
#home_left {float:left; width:600px; margin-top:5px;}
#latest_releases {background:#fff; width:600px; height:200px;}
#latest_releases h1 {float:left; width:400px;}
#latest_releases p.view_portfolio {float:left; margin:0; padding:15px 0 0;}
#latest_releases p.view_portfolio a {color:#536aa9; text-decoration:none;}
#latest_releases p.view_portfolio a:hover {text-decoration:underline;}
#latest_releases #lr_wrapper {margin:0; padding:10px 15px 0; clear:both;}
#latest_releases .lr {float:left; width:180px; height:140px;}
#latest_releases .lr img {display:block; border:2px solid #ccc; padding:1px;}
#latest_releases .lr p {margin:0; padding:10px 5px 0; font-size:12px;}
#twitter {float:left; background:#fff; width:400px; height:150px; margin-top:5px;}
#twitter h1 {background:url("images/site/twitter_bird.gif") no-repeat top left; padding-top:5px; margin:15px 0 0 15px;}
#twitter h1 span {display:block; padding:0 0 0 25px;}
#twitter_div {background:url("images/site/quotes.gif") no-repeat top left; width:396px; height:108px; margin:0 2px; font-size:11px;}
#twitter_update_list {margin:0; padding:15px 30px 0 35px; list-style:none;}
#facebook {float:left; background:#fff; width:195px; height:150px; margin:5px 0 0 5px;}
#facebook img {display:block; margin:0 auto; padding-top:10px;}
#home_right {float:left; width:295px; margin:5px 0 0 5px;}
#contact_box {background:#fff; width:295px; height:75px;}
#contact_box div {float:left; width:100px; height:75px; border-right:1px solid #000;}
#contact_box div img {display:block; padding:10px;}
#contact_box ul {float:left; margin:0; padding:0 10px 0 17px; list-style:none;}
#contact_box ul li {float:left; margin-top:8px; clear:both;}
#contact_box ul li a {float:left; display:block; background:#536aa9; width:150px; padding:5px; color:#fff; text-decoration:none; text-align:center;}
#contact_box ul li a:hover {background:#333;}
#latest_news {background:#fff; width:295px; height:275px; margin-top:5px;}
#latest_news ul {margin:0; padding:0 15px; list-style:none;}
#latest_news ul li {padding:10px 0 2px; border-bottom:1px dashed #ddd;}

#content {float:left; width:880px; padding:8px; clear:both;}
#content a:hover {text-decoration:none;}
#content h1 {margin:0; padding:15px 15px 10px; color:#305474; font-size:18px;}
#content h1 span {color:#68757e;}
#left_region, #middle_region, #right_region {float:left; background:#fff; width:290px; height:235px;}
#left_region p {margin:0; padding:0 15px 10px; font-size:11px;}
#middle_region {margin:0 5px;}
#middle_region ul {margin:0; padding:0 15px 15px; list-style:none; clear:both;}
#middle_region ul li {float:left; margin:0; padding:0 0 5px;}
#middle_region ul li a {color:#02497b;}
#middle_region ul li a:hover {text-decoration:none;}
.left_pos {padding-left:10px !important;}
#right_region ul {margin:0; padding:0 15px 15px;  font-size:11px; list-style:none;}
#right_region ul li {margin:0; padding:0 0 10px;}
#left_slideshow {float:left; width:675px; height:350px;}
#righthomecontent {float:left; background:#fff; width:200px; height:350px; margin-left:8px;}
ul#social {list-style:none; padding:0 15px; font-size:11px; clear:both;}
ul#social img {display:block; float:left;}
ul#social li {padding-top:5px; clear:both;}
ul#social span {display:block; float:left; padding:2px 0 0 5px; width:200px;}

/* Secondary Pages Styles */
#content_main {float:left; background:url(images/site/page_header.gif) no-repeat top center #fff; width:900px; clear:both;}
#left_main {float:left; width:250px; margin-left:25px;}
#right_main {float:left; width:500px; padding:35px 25px;}
#right_main ul {padding:0 15px;}
#right_main ul li {padding:2px 0; font-size:11px;}
#client_left, #client_right {float:left; width:50%;}
#client_left p, #client_right p {margin:0; padding:10px 0;}

/* Portfolio Styles */
#portfolio_main {float:left; margin:0; padding:0 0 25px 25px; clear:both;}
#portfolio_main h1 {float:left;}
#portfolio_main h2 {margin-left:10px; color:#000; font-size:16px; clear:both;}
#portfolio_main div.site {float:left; background:#eee; width:200px; height:230px; margin:10px 0 0 10px; border-bottom:2px solid #ccc;}
#portfolio_main h3 {margin:0; padding:10px 0 0 10px; font-size:12px;}
#portfolio_main ul.status {margin:0; padding:0 0 0; list-style:none; font-size:11px; clear:both;}
#portfolio_main ul.status li {padding:3px 10px 0;}
#portfolio_main ul.visit {margin:0; padding:0 0 0 25px; font-size:11px; color:#163693; clear:both;}
#portfolio_main ul.visit li {padding-top:3px;}
#portfolio_main ul.visit li a {color:#163693; text-decoration:none; font-size:11px;}
#portfolio_main ul.visit li a:hover {text-decoration:underline;}
/*#portfolio_main ul.status {float:left; margin:0; padding:0; list-style:none; font-size:11px; clear:both;}
#portfolio_main ul.status li {float:left; width:80px; padding:0 10px;}*/
/*#portfolio_main p {margin:0; padding:10px;}
#portfolio_main #left {float:left;  margin-left:5px; padding-bottom:25px; width:587px;}
#portfolio_main #right {float:left; margin-left:15px; width:225px;}
#portfolio_main #right h2 {padding:0;margin:0; font-size:18px;}
#portfolio_main #right p {margin:0; padding:10px 0;}
#portfolio_main ul li h2 {padding:0; font-weight:bold; font-size:14px; margin-left:15px; border-bottom:none;}
#portfolio_main ul {list-style:none; padding:15px 5px; clear:both;}
#portfolio_main ul li {float:left; background:#e8e8e8; width:270px; height:230px; padding:0;}
#portfolio_main ul li img {padding:15px 15px 10px;}
#portfolio_main ul li p {margin:0; padding:0 15px;}
#portfolio_main ul li.special_margin {margin:0 10px;}*/

.view {float:right; display:block; background:url(images/site/button_bg.gif) no-repeat; margin:2px 7px 0 0; width:91px; height:26px; }
.view span, .print span, .view_site span {display:none;}
a.view:hover {background:url(images/site/button_bg_over.gif) no-repeat;}

.print {float:right; display:block; background:url(images/site/print_portfolio.gif) no-repeat; margin:30px 50px 0; width:120px; height:40px;}
a.print:hover {background:url(images/site/print_portfolio_over.gif) no-repeat;}

.view_site {display:block; background:url(images/site/view_site_lite.gif) no-repeat; width:91px; height:26px; margin:0 auto;}
a.view_site:hover {background:url(images/site/view_site_dark.gif) no-repeat;}

/* Footer Styles */
#footer {text-align:center; font-size:11px; padding:10px 0; clear:both;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}