/*-------------------------HTML-------------------------*/

body {margin: 0; padding: 0 0 10px 0; color: #666666; background-color: #333333; background-image: url(../images/bgm.gif); background-repeat: repeat; background-position: center top; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
table {border-collapse: collapse; border-width: 0; font-size: 1em;}
table th, table td {vertical-align: top;text-align: left;}
a {color: #5a78b7;}
a:hover {color: #2a57b4;}
img {border: 0;}
p {line-height: 1.4em;}
h2 {padding-top:10px; color:#3d5b9b; font-size: 16px; margin-bottom:6px; line-height: 1.7em;}
h4 {padding-top:5px; color:#597ABD; font-size: 13px; margin-bottom:6px; line-height: 15px;}
h6 {line-height:15px; padding-left: 30px; margin-left: 22px; color:#639950; font-size: 15px; background-image: url(../images/dots.gif); width: 635px; background-repeat: repeat-x; background-position: bottom;}
.block {display: block;}
.clear {clear:both;}
div.indent {margin-left: 20px;}
.clean {color:#F3F3F3;}
.asterix {color: #FF0000}
/*-------------------------Outer Layout-------------------------*/

div#outsideBox {width: 820px; margin: 0 auto; background: url(../images/main_middle.jpg) repeat-y center;}
div#outsideBoxTop {width: 820px; background: url(../images/main_top.jpg) no-repeat center top; padding-top: 14px;}
div#mainBox {width: 776px; margin: 0 auto; padding: 8px 10px 0 10px; background-color: #FFFFFF;}

/*-------------------------Main Content-------------------------*/

table#mainTable {width: 776px; margin:0 auto;}
td#topMenu {background: url(../images/menu_bg.jpg) no-repeat center top; height: 69px; padding: 0px;}
td#flashHead {padding: 0;}
td#mainTableBody {padding: 0; background-color: #f3f3f3;}
td#footer {padding: 8px 4px;}

/*-------------------------Flash Content-------------------------*/

div#flashHeadBox {width: 776px; padding-top: 0px; border-top: 1px solid #CCCCCC;}

/*-------------------------Main Content-------------------------*/

div.content {line-height:16px; background-image: url(../images/dots.gif); background-repeat: repeat-x; background-position: bottom;}
div#contentPortfolio {line-height:16px; margin: auto; padding-left: 30px;}
div.contentPortfolioHeader {line-height:16px; margin: auto; padding-left: 30px; white-space: no-wrap;}
div.headersRight {width:200px; height:28px; margin-left: 20px; margin-bottom: 20px; background-image: url(../images/menu_heading_main.gif); text-align:center;}
div.halign {font-size: 11px; color:#3d5b9b; font-weight: bold; width: 200px; line-height: 28px;}
div#servicesCenter {text-align:center; width: 200px; margin-left: 20px; margin-bottom: 20px;}
div#wrapperServices {text-align: center; width: 200px; }
div.content #servicesList {font-size: 11px;margin-left: 10px;}
div#sites {font-size: 11px; margin-right: 40px; color:#3d5b9b; text-align:right;}
div#sites a {color: #639950; font-size: 10px;}
div#sites img.bul {vertical-align: bottom; margin-right: 5px;}
div.portfolioList {font-size: 11px; width:300px; float:left; margin: auto; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
div.portfolioListRight {font-size: 11px; margin-left: 10px; width:300px; float:right; padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px;}
div#portfolioCol { margin: 0px; width:640px; padding-left: 40px; padding-top: 0px;}
	
/*-------------------------Left Column-------------------------*/

td#leftMainCol {width: 576px; padding-top: 5px; padding-right: 58px; padding-bottom: 18px; padding-left: 18px;}
td#leftMainColPortfolio {width: 700px; padding-top: 5px; padding-right: 18px; padding-bottom: 50px; padding-left: 18px; margin: auto;}

/*-------------------------Right Column-------------------------*/

td#rightMainCol {width: 200px; padding-top: 30px; padding-right: 18px; padding-bottom: 18px; padding-left: 0;}
td#rightMainCol h3 {color:#3d5b9b; font-size: 12px;padding: 0px;margin: 0px;font-weight: bold;}
td#rightMainCol p {line-height: normal;}
.services {margin-bottom: 15px;}
#contentRight {line-height:16px; padding: 5px; margin-left: 26px;}
.titles {padding-top:10px; color:#597ABD; font-size: 13px; margin-bottom:6px; margin-left:10px; line-height: 15px; font-weight:bold;}

/*-------------------------Footer Content-------------------------*/

td#footer,
td#footer a {color: #666666;}
td#footer a:hover {color: #999999;}
div#copyright {float: right; text-align: right;}
div#copyright,
div#copyright a {color: #666666;}
div#copyright a:hover {color: #999999;}
a.footerLink {padding: 3px;}

/*-------------------------Contact Form-------------------------*/

form {margin: 0;}
#message {padding: 0px 0px 0px 10px;background: #FFFFE1;border: 1px solid #E6D5A7;font-size:10px;}
#message dt{padding-left: 20px;margin-left: 0px;margin-bottom:2px;font-size: 15px;font-weight:bold;}
#message dd{padding-left: 20px;	padding-right: 5px;	margin-left: 0px;margin-bottom:0px;}
#message #message_error dt{background: url(../images/errormessage.gif) no-repeat 0px;color: #ff0000;}
#message #message_error dd {color: #ff0000;}
#message #message_ok dt{background: url(../images/ok.gif) no-repeat 0px;color: #228b22;}
#message #message_ok dd {color: #228b22;}	
#contact-area {width: 600px; margin-top: 25px; margin-left: 120px; font-family: Arial, Helvetica, sans-serif;}
#contact-area input, #contact-area textarea {padding: 5px; width: 300px; font-size: 11px; margin: 0px 0px 10px 0px; border: 1px solid #ccc;}
#contact-area textarea {height: 90px;}
#contact-area textarea:focus, #contact-area input:focus {border: 1px solid #999999;}
#contact-area .but {width: 300px; margin-left: 118px; border: 0px;}
label {float: left; text-align: right; margin-right: 15px; width: 100px; padding-top: 5px; font-size: 11px;}