body { width:100%; background:url(../images/header_bg2.gif) 0 -20px repeat-x; margin:0; padding:0; }
body { behavior: url(csshover.htc); }
img, .png, #twitter_div, #blurb_div, ul#about li img, .datebox-wrap { behavior: url(iepngfix.htc); }
/* Header and Splash section */
#header { margin-top:50px; overflow:hidden; }
#contact-block { position:absolute; top:5px; right:20px; font:11px lucida,tahoma,sans-serif,helvetica,arial; color:#4f6d91; }
#contact-block a { color:#4f6d91; }
#contact-block span { color:#e9e9e9; }
#logo { float:left; width:220px; margin:0; padding:0; }
#nav { float:left; width:700px; margin:0; }
#nav ul { float:right; list-style: none; margin:0; padding:0; }	
#nav li { float:left; height:75px; overflow:hidden; margin:0; padding:0; }
#nav li a { display:block; text-indent:-9999px; background-image:url(../images/nav.gif); background-repeat:no-repeat; background-color:transparent; }
.content-wrap { clear:both; background: url(../images/content_bg.jpg) 0 20px repeat-x; min-width:960px; width:100%; }
#content-block { height:auto; overflow:hidden; }
#content-box { float:left; width:960px; margin:60px 0 0 0; padding:0; }
#content-img { float:left; margin:25px 0 0 0; padding:0; height:350px; overflow:hidden; }
#splash { clear:both; background:url(../images/splash_bg.gif) 560px 25px no-repeat; height:360px; overflow:hidden; }
#splashmsg { margin-top:60px; }
#splashmsg p { text-indent:-9999px; margin:0; padding:0; float:left; }
.callbox { background:#e2e7e8; margin:0 0 0 20px; padding:20px; font:16px sans-serif,helvetica,arial; line-height:24px; }
.callbox .big { font-size:20px; }
/* Navigation off-state */
#nav li.about a, #nav li.about a:link, #nav li.about a:visited { width:142px; height:75px; background-position:0 0; }
#nav li.blog a, #nav li.blog a:link, #nav li.blog a:visited { width:95px; height:75px; background-position:-142px 0;  }
#nav li.portfolio a, #nav li.portfolio a:link, #nav li.portfolio a:visited { width:155px; height:75px; background-position:-237px 0;  }
#nav li.contact a, #nav li.contact a:link, #nav li.contact a:visited { width:128px; height:75px; background-position:-392px 0; }
/* Navigation on-hover */
#nav li.about a:hover, #nav li.about a:focus, #nav li.about a:active { width:142px; height:75px; background-position:0 -75px; }
#nav li.blog a:hover, #nav li.blog a:focus, #nav li.blog a:active { width:95px; height:75px; background-position:-142px -75px; }
#nav li.portfolio a:hover, #nav li.portfolio a:focus, #nav li.portfolio a:active { width:155px; height:75px; background-position:-237px -75px; }
#nav li.contact a:hover, #nav li.contact a:focus, #nav li.contact a:active { width:128px; height:75px; background-position:-392px -75px; }
/* Navigation active */
.about #nav li.about a, .about #nav li.about a:link, .about #nav li.about a:visited, .about #nav li.about a:hover, .about #nav li.about a:focus, .about #nav li.about a:active { width:142px; height:75px; background-position:0 -75px; }
.blog #nav li.blog a, .blog #nav li.blog a:link, .blog #nav li.blog a:visited, .blog #nav li.blog a:hover, .blog #nav li.blog a:focus, .blog #nav li.blog a:active { width:95px; height:75px; background-position:-142px -75px; }
.portfolio #nav li.portfolio a, .portfolio #nav li.portfolio a:link, .portfolio #nav li.portfolio a:visited, .portfolio #nav li.portfolio a:hover, .portfolio #nav li.portfolio a:focus, .portfolio #nav li.portfolio a:active { width:155px; height:75px; background-position:-237px -75px; }
.contact #nav li.contact a, .contact #nav li.contact a:link, .contact #nav li.contact a:visited, .contact #nav li.contact a:hover, .contact #nav li.contact a:focus, .contact #nav li.contact a:active { width:128px; height:75px; background-position:-392px -75px; }
#options { margin:15px 0 0 0; }
#options a { display:block; height:53px; width:200px; text-indent: -9999px; float:left; }
#options a#work { background-image: url('../images/view_work.png'); }
#options a#blog { background-image: url('../images/view_blog.png'); margin-right:20px; }
#options a:hover { background-position: bottom; }
/* Portfolio */
ul#portfolio-list { position:relative; width:520px; list-style-type:none; margin:0; padding:0; } 
ul#portfolio-list li { float:left; width:140px; background:#efefef; padding:6px; margin:0 20px 16px 0; text-align:center; }
ul#portfolio-list li a { display:block; color:#003366; padding:6px 6px 0 6px; text-decoration:none; font-size:1em; }
ul#portfolio-list li:hover a { background:#003366; color:#fff; }
ul#portfolio-list li:hover .toggleopacity img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.portfolio-list #content-img { float:left; width:100%; margin:0; padding:0; height:570px; overflow:hidden; }
.portfolio-list #content-box { float:left; margin:30px 0 0 0; padding:0; text-align:center; }
.portfolio-list .client_info ul { list-style-type:none; margin:10px 0 0 0; width:70%; }
.portfolio-list .client_info ul li { font:14px sans-serif,helvetica,arial; padding:4px 0 2px 0; border-bottom:1px solid #8fa8b3; }
.portfolio-list .client_info ul li span { font-size:18px; color:#566574; }
.portfolio-list #bottom #bottom-col2 p { width:80%; font-size:13px; margin:10px 0 0 0; padding:0; line-height:18px; }
.portfolio-list #footer-block { margin:20px 0 0 0; }
#pager-block { clear:both; margin:5px 0 3px 0; }
ul#pager { list-style-type:none; margin:0; padding:0; }
ul#pager li { display:block; }
ul#pager a { margin:0 2px 0 2px; padding:3px; font-size:11px; color:#003366;}
ul#pager a.activeSlide { background:#454444; color:#fff; text-decoration:none; }
ul#pager a:focus { outline:none; }
.slideshow { width:731px; margin:0 auto; }
.portfolio-nav { position:absolute; top:360px; }
.portfolio-nav a { height:48px; width:48px; display:block; text-indent:-9999px; }
.portfolio-nav a:hover { background-position:bottom; }
#next.portfolio-nav { right:0; }
#prev.portfolio-nav a { background-image: url('../images/portfolio/portfolio-left.png');  }
#next.portfolio-nav a { background-image: url('../images/portfolio/portfolio-right.png') }
.toggleopacity img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}
.toggleopacity:hover img {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
/* Blog */
.blog .content-wrap { clear:both; background:#fff; margin:20px 0 0 0; }
.blog #content-img { float:left; width:100%; height:auto; margin:0; padding:0 0 20px 0; overflow:hidden; }
.blog #footer-block { margin:0 0 20px 0; border:none; }
/* Bottom portion of Home Page */
#bottomsplash { float:left; width:100%; padding:20px 0 10px 0; background:#d5dcdf; }
#twitter_div { background:url(../images/twitblurb.png) no-repeat top right; width:270px; height:auto; margin:0; padding:100px 15px 0 15px; font:13px sans-serif,helvetica,arial; }
#twitter_div h2, #blurb_div h2 { margin:5px 0 10px 0; }
a#twitter-link { font:12px sans-serif,helvetica,arial; padding:0 20px 0 0; }
#blurb_div { background:url(../images/plain_blurb.png) no-repeat top right; width:270px; height:auto; margin:0; padding:10px 15px 0 15px; font:13px lucida grande, sans-serif,helvetica,arial; }
#blurb_div h2.blurb-title { margin:20px 0 20px 0; width:190px; }
#blurb_div p { margin:8px 0 0 0; width:240px; }
#bottom h2 { font:2em sans-serif,helvetica,arial; color:#003366; margin:0 0 0 10px; }
#bottom h3 { clear:both; margin:0; color:#003366; }
#bottom a { color:#5881be; }
#bottom #bottom-col1 { margin:0; padding:0; }
#bottom #bottom-col2 p { margin:10px 0 0 0; padding:0 10px 0 10px; font:18px sans-serif,helvetica,arial; font-weight:normal; color:#344956; }
#bottom #bottom-col2 a:hover { background:#7894c7; color:#ffffff;}
#bottom #bottom-col2, #bottom #bottom-col3 { margin:20px 0 0 20px; }
#bottom #bottom-col3 p { font:14px sans-serif,helvetica,arial; line-height:18px; margin:8px 0 0 0; padding:0 10px 0 10px; }
#bottom #bottom-col3 img { border:5px solid #fff; }
#bottom #bottom-col3 ul { list-style-type:none; margin:10px 0 0 0; }
#bottom #bottom-col3 ul li { font:0.7em sans-serif,helvetica,arial; }
#bottom #bottom-col3 ul li img { float:left; margin-right:10px; }
#bottom #bottom-contentbox { position:relative; top:-80px; width:620px; margin:0; padding:0; }
#bottom #bottom-contentbox .bottom-content-wrap { float:left; width:620px; background:url(../images/bottom-contentbg.gif) repeat-y; margin:0; padding:0; font:14px lucida,sans-serif,helvetica,arial; font-weight:normal; overflow:hidden; }
#bottom #bottom-contentbox .bottom-content-wrap .bottom-content { padding:0 50px 50px 50px; line-height:20px; }
#bottom #bottom-contentbox .bottom-content h1 { font:24px sans-serif,helvetica,arial; margin:0 0 10px 0; padding:0; }
#bottom #bottom-contentbox .bottom-content h2 { font:18px sans-serif,helvetica,arial; margin:28px 0 8px 0; padding:0; color:#454444; } 
#bottom #bottom-contentbox .bottom-content p.bold { background:#e9e9e9; padding:6px; margin:18px 0 0 0; }
/* Footer */
#footer-block { float:left; width:100%; margin:-50px 0 0 0; padding:16px 0 0 0; border-top:1px dotted #eef3f5; font:11px sans-serif,helvetica,arial; color:#8698a0; }
.home #footer-block, .portfolio #footer-block  { margin:20px 0 0 0; }
#footer-block a { color:#5881be; }
#footer-block #footer-col2 ul.socialmedia { list-style-type:none; margin:15px 0 0 0; }
#footer-block #footer-col2 ul.socialmedia li { float:left; width:32px; margin:0; padding:0 10px 0 10px; }
#footer-block #footer-col3 ul { list-style-type:none; margin:0; padding:0; }
#footer-block #footer-col3 ul li { clear:both; float:left; width:200px; display:block; margin:0; padding:2px 0 2px 10px; border-bottom:1px solid #e1e7e9; }
#footer-block #footer-col3 ul li:hover { background:#eef3f5; }
#footer-block #footer-col3 ul li a { font-size:1.2em; text-decoration:none; } 
/* Form */
form {
clear:both;
	margin: 0;
	padding: 0;
}
form fieldset {
	border: none;
}
form p {
	margin-bottom: 5px;
	padding: 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form p input {
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
	margin-left: 80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form p textarea {
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	width: 300px;
	height: 100px;
	margin-left: 80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
form label {
	float:left;
	width: 100px;
	margin-right: 10px;
	padding-top: 4px;
	text-align: right;
}
form p.option label {
	padding-top: 0;
}
form p.option span {
	display: block;
	margin-left: 80px;
}
form p.option input {
	display: inline;
	width: 300px;
	margin: 0 5px 0 0;
}
form p select {
	display: block;
	border: 1px solid #aaa;
	height: 25px;
	width: 300px;
	padding: 3px 0;
	margin-left: 110px;
    margin-bottom:12px;
}
form #submission {
	text-align: right;
	position: relative;
	margin-top: 10px;
}
form #submission #cancel {
	position: absolute;
	left: 0;
	top: 0;
	color: #b11c23;
}
form #submission .resend {
	position: absolute;
	left: 0;
	top: 0;  
}