/* default styles */


* {margin: 0; padding: 0; outline: none}
img {border:0}
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: #fff url(/images/bg.gif) repeat-x;}
abbr {border: 0;}
p {font-size: 11px; margin-bottom: 10px; color: #3A3A3A; line-height: 160%;}
a {color: #229F2C; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
#content h1, .tags h1 {border-bottom: 1px solid #229F2C; margin: 0 0 10px; height: 35px}
h1 {font-size: 20px; font-weight: normal; color: #229F2C;}
h2 {font-size: 12px; color: #3A3A3A;}
h3 {font-size: 11px; color: #3A3A3A; margin-bottom: 3px;}
ul {list-style: none;}



.tags, .section {background: url(/images/section-bg.gif) repeat-x left bottom; padding: 10px 15px 10px; border: 1px solid #e3e3e3}


/* ================================================================= */
/* ================================================================= */
/* ================================================================= */

#header, #content, .tags {width: 1015px; overflow: hidden; margin: 0 auto;}
#header h1, #header h2 {color: white;}
#header h1 {font-size: 0.9em; border-bottom: 1px solid #555; padding-bottom: 7px; margin-bottom: 6px}
#header h2 {font-size: 0.8em; font-weight: normal; margin-bottom: 1px;}
#header span {display: block;}
#logo {float: left; width: 196px; margin-top: 30px;}
#logo a {height: 60px; width: 210px; background: url(/images/logo.gif) no-repeat; display: block; text-indent: -9999px;}
#logo a:hover {background-position: -210px 0;}
#intro .t2 {color: #229F2C; font-size: 0.9em;}
#intro {float: right; width: 360px; margin-top: 15px; background: url(/images/head_t2_bg.gif)}
#intro .inner {margin: 15px 0 15px 92px; text-align: right; width: 232px;}





#content {margin-top: 43px;}
.portfolio #content {background: none}
.portfolio #section2 .section {background: url(/images/diag1.gif); text-align: center; padding-bottom: 30px; border: 0;}
#content.withcrumb {margin-top: 43px;}
p.crumbtrail {margin-bottom: 15px; color: #999;}
p.crumbtrail a {color: #229F2C;}
#section1 {float: left; width: 360px;}
#section2 {float: right; width: 630px;}
.section {margin-bottom: 30px;}

.portfolio ul {overflow: hidden; width: 100%; margin-bottom: 20px}
.portfolio li {float: left; width: 290px; padding-right: 18px; margin-top: 8px; border-top: 1px dotted #d4d4d4; padding-top: 10px;}
.portfolio li.last {padding-right: 0}
.portfolio li.top {border-top: 0; margin-top: 0}

ul.clientList {overflow: hidden; margin-top: 20px}
#section2 ul.clientList li.last {margin-right: 0}
#section2 ul.clientList li.bottom {margin-bottom: 0}
#section2 ul.clientList li {float: left; width: 131px; margin: 0 22px 16px 0; height: 60px; border: 1px solid #bbb; border-left:1px solid #ddd; border-top:1px solid #ddd; clear: none; text-align: center}
#section2 ul.clientList li img {display: block; margin: 0 auto}



#section1 h2 {margin-bottom: 5px;}
#section2 h2 {margin-bottom: 8px;}
.portfoliowrap img {float: left; width: 146px; margin-right: 0; display: block;}
.portfoliowrap h3, .portfoliowrap p {float: right; width: 135px;}
.portfoliowrap p {margin-bottom: 7px; line-height: 150%;}
#header,#content {clear: both; float: none;}
.portfolio_mainimg {margin-top: 30px; border: 30px solid #fff}


/* ====== footer ======================= */
#footer {margin: 30px auto 20px auto; width: 150px;}
#footer li {float: left; font-size: 0.7em; border-right: 1px solid #626262;}
#footer a {color: #626262; font-weight: normal; display: block; padding: 0 6px;}
#footer li.last {border-right: 0;}


.tags {margin-top: 30px; margin-bottom: 20px; width: 985px}
.tags h2 {font-size: 12px; margin-bottom: 13px; padding-bottom: 5px; border-bottom: 1px dotted #ddd}
.tags li {display: inline; font-size: 11px; line-height: 160%; color: #3A3A3A; background: url(/images/divider.gif) no-repeat right center; padding-right: 6px}
.tags li.last {padding-right: 0; background: none}
.tags ul {margin-bottom: 12px;}
.tags h3 {display: inline}


/* form */
form {background: #f5f5f5; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px}
textarea, .formitem input {border: 1px solid #ccc; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 11px; padding: 2px; width: 160px}
.formitem {margin-bottom: 8px}
label {font-size: 11px; color: #3a3a3a; display: block; margin-bottom: 3px}
textarea {width: 257px; height: 50px}
.submit input {font-size: 11px; padding: 2px 8px; color: #555; outline: 0; cursor: pointer; margin-bottom:0; width: 90px; background: #f4f4f4;}
.submit input:hover {background: #fff;}

.subpage #content {background:none}
.subpage #section1 {width: 450px}
.subpage #section2 {width: 500px; min-height: 280px; background: url(/images/head_t2_bg2.gif); text-align: center; padding-bottom: 30px}
.subpage #section2 .section {background: #fff; margin: 0 auto; width: 200px; text-align: left; margin-top: 23px; border: 1px solid #d4d4d4; padding: 30px}
.subpage #section2 li {border: 0; font-size: 11px; padding-bottom: 0; padding-left: 5px}
.subpage #section2 p.home {padding-left: 5px}

.section ol {margin-bottom: 9px; margin-left: 30px}
.services ul {margin-bottom: 20px;}
.section li {font-size: 11px; color: #3a3a3a; margin-bottom: 4px; line-height: 160%}
.section li span {display: block; margin-left: 20px}
.section li.on a {text-decoration: underline}
p.error {color: #c00}


body.profile #section2, body.profile #section1 {width: 495px;}
body.profile #content {background-position: 490px;}

.contact li {}


/**
 * sIFR
 */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}