@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {height:100%; margin: 0; padding: 0; line-height: 22px; font-family: "Century Gothic", Verdana, sans-serif; font-size: 12px; color: #6e6e6e;}

h2 {font-size: 15px; color: #4b7999; font-weight: normal;}

.quote {font-size: 15px; color: #4b7999; font-weight: normal; padding-top: 10px;}
.small {font-size: 13px;}

#container {min-height: 100%; position: relative; height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	
}
html>body #container {
    height: auto;
	}
#wrapper {width: 840px; margin-left: 50px; padding-bottom: 20px; padding-top: 80px;}
#left {float: left; width: 732px}
#right {float: left; width: 108px; margin-top: 19px;}
#top_stripe {width: 619px; height: 26px; padding-left: 113px;}
#slogan {float: left; height: 23px; padding-bottom: 3px; width: 242px; font-size: 14px; line-height: 18px; color: #b32017;}
#page_title {float: left; height: 20px; padding-top: 5px; width: 347px; padding-right: 30px; overflow: visible; position: relative;}
#page_title h1 {margin: 0; padding: 0; font-size: 24px; font-weight: normal; color: #b32017; position: relative;}
#page_title h1.replace_about {width: 347px; height: 26px; background: url('../images/h1_about.png'); text-indent: -9999px;}
#page_title h1.replace_svc {width: 347px; height: 26px; background: url('../images/h1_services.png'); text-indent: -9999px;}
#page_title h1.replace_exp {width: 347px; height: 26px; background: url('../images/h1_experience.png'); text-indent: -9999px;}
#page_title h1.replace_ideas {width: 347px; height: 26px; background: url('../images/h1_ideas.png'); text-indent: -9999px;}
#page_title h1.replace_contact {width: 347px; height: 26px; background: url('../images/h1_contact.png'); text-indent: -9999px;}
#logo {float: left; width: 103px; height: 434px;}
#body {float: left; margin-left: 10px; width: 619px; border-top: 1px solid #fff;}
#body2 {float: left; margin-left: 10px; width: 619px; border-top: 1px solid #b32017;}
#body3 {float: left; margin-left: 10px; width: 619px; border-top: 1px solid #b32017; padding-top: 15px;}
#body4 {float: left; margin-left: 10px; width: 619px; border-top: 1px solid #fff;}

#menu {float: left; margin-left: 10px; text-transform: uppercase;}
#menu ul {list-style: none; list-style-position: inside; margin: 0px 0px 0px -40px;}
#menu li a {color: #4b7999; text-decoration: none; border-bottom: none;}
#menu li a:hover {color: #b32017; text-decoration: none; border-bottom: none;}
#menu li .active {color: #b32017;}

#hp_splash_wrapper {width: 619px; height: 243px;}
.box {float: left; width: 203px; height: 243px;}
.box_lm {float: left; width: 203px; height: 243px; margin-left: 5px;}
#caption1, #caption2, #caption3, #caption4, #caption5, #caption6, #caption7 {width: 203px; margin-top: 5px; height: 25px; font-size: 18px; color: #4b7999;}
.caption {width: 203px; margin-top: 5px; height: 25px; font-size: 18px; color: #4b7999;}
.sq_subpage {}

#footer_wrapper {position: absolute; bottom: 10px; width: 100%;}
#footer {width: 830px;color: #888; font-size: 11px; text-align: right;}

.red {color: #b32017;}
.blue {color: #4b7999;}
.dark {color: #000;}
.clear {clear: both}
img {border: none;}

/** Subpages **/

#body_left {float: left; width: 203px;}
#body_right {float: left; width: 416px;}
#body_right a {color: #b32017; text-decoration: none; border-bottom: 1px dashed #e0a6a2;}
#body_right a:hover {color: #b32017; text-decoration: none; border-bottom: 1px solid #b32017;}
#intro_block {width: 356px; height: 193px; background: #ededed; padding: 10px 30px 0px 30px;}
#body_text {width: 356px; padding: 10px 30px 0px 30px;}
#body_text ul {list-style-image: url('../images/bullet.png'); margin-left: -15px;}
#body_text .list_title {list-style-image: url('../images/blank.png'); margin-left: -25px;}

#body_full {float: left; width: 619px;}
#body_full a {color: #b32017; text-decoration: none; border-bottom: 1px dashed #e0a6a2;}
#body_full a:hover {color: #b32017; text-decoration: none; border-bottom: 1px solid #b32017;}
#body_text_full {width: 559px; padding: 13px 30px 0px 30px;}
.media_item {margin-bottom: 40px;}
.no_bottom_padding {padding-bottom: 0; margin-bottom: 0}
#body_full a.h2link {color: #4b7999; text-decoration: none; border-bottom: none;}
#body_full a.h2link:hover {color: #4b7999; text-decoration: underline; border-bottom: none;}
.hr2 {width: 100%; height: 1px; margin-bottom: 5px; margin-top: -20px; background: #bfbfbf;}
.nextpage {float: right; width: 48%; text-align: right; margin-bottom: 30px;}
.prevpage {float: left; width: 48%; margin-bottom: 30px;}

#gallery_left {float: left; width: 71px;}
#gallery_left ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; line-height: 5px;}
#gallaery_left ul li {float: left;  width: 71px; height: 71px; overflow: hidden; display: block; cursor: pointer;}

#gallery_right {float: left; margin-left: 15px; width: 533px; margin-bottom: 10px;}
#gallery_right h2 {font-size: 20px; color: #4b7999; font-weight: normal;}
.gallery_copy {width: 473px; background: #EDEDED; padding: 10px 30px 20px 30px; margin-bottom: 15px;}
#g1, #g2, #g3, #g5, #g6, #g7, #g8, #g9 {visibility: hidden; display: none;}

#bio {width: 600px; padding: 15px 30px;}
#bio h2 {font-size: 16px; color: #4b7999; font-weight: normal; padding: 0; margin: 0;}
#bio .title {color: #8c8c8c;}
#bio .hr {width: 100%; height: 1px; background: #b32017; margin: 10px 0px;}

#logos_container {width: 390px; margin-top: 15px; padding-bottom: 15px;}
#logos_container a, a:hover {border-bottom: none; text-decoration: none;}
#logos_container .logo {float: left;}
#logos_container .margin {margin-right: 19px;}

#preload-images {position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; display: none; visibility: hidden}







/*.accordion */
.accordion{width:100%;overflow:hidden;clear:both;margin:0 0 95px;padding:0;list-style:none;}
.accordion .accordion_item{width:100%;overflow:hidden;}
.accordion .accordion_item h2{width:100%;overflow:hidden;background:#f9f9f9 url(../images/projects/icon-down-arrow.gif) no-repeat 100% 0;font-size:21px;color:#3b6684;font-style:italic;line-height:71px;cursor:pointer;margin:0;outline:none !important;}
.accordion .accordion_item h2:hover,
.accordion .accordion_item h2.ui-state-active{background-position:100% 100%;background-color:#ededed;}
.accordion .accordion_item h2 img{float:left;margin-right:20px;border-right:1px solid #fff;}
.accordion .accordion_item h2 span{overflow:hidden;display:block;float:left;}
.accordion .accordion_content{overflow:hidden;position:relative;padding-left:71px;}
.accordion .accordion_content ul{margin:0;padding:15px 0 15px 22px;list-style:none;}
.accordion .accordion_content ul li{padding-left:12px;background:url(../images/bullet.png) no-repeat 0 9px;line-height:22px;color:#6e6e7d;}
.accordion .accordion_content ul li a{color:#6e6e7d;text-decoration:none;}
.accordion .accordion_content ul li a:hover{text-decoration:underline;}