/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{ background:#FFFFFF; text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html, input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em;	line-height:1.5em;	color:#bdc0c1;}
.row-1{ line-height:1.333em; color:#242a30;}

input, select { vertical-align:middle; font-weight:normal;}

p{padding-top: 15px;}
.row-1 p{padding-top:7px;}
.row-2 p{padding-top:15px;}
.row-1 ul {padding-top: 10px;}

.row-1 a{ color:#242a30; text-decoration:underline;}
.row-1 a:hover{ text-decoration:none;}

h2 { margin-top: 10px; padding-bottom: 5px; font-weight:bold; color:#333333; font-size: 1.5em; }
h3 { margin-top: 10px; padding-bottom: 5px; font-weight:bold; color:#e55205; }

strong { color: #333333; }
/* ============================= main layout ====================== */
.padding13{ padding-top:13px}
.padding10{ padding-top:10px}

.imgindent {margin:0 20px 0 0; float:left;}
.indent{ margin-right:60px;}
/* ============================= header ====================== */
.top-tail{ background:url(/images/header-bg-tail2.jpg) repeat-x top; width:50%; position:absolute; right:0px; height:275px;}
#header{ background:url(/images/header-bg-tail.jpg) repeat-x top;}
#header .main{ height:275px; background:url(/images/bg-logo.jpg) no-repeat; position:relative;}
.logo{ height:235px;}
.logo img{ margin:94px 0 0 301px;}

.menu{ height:40px; padding-left:330px;}
.menu ul{ border-right:solid 1px #000000; float:left;}
.menu li{ background:none; float:left; border-left:solid 1px #000000;}
.menu a{ font-size:1.167em; color:#FFFFFF; display:block; padding:13px 28px 9px 28px; text-decoration:none; }
.menu a:hover{ background:url(/images/link-menu-bg.gif) repeat-x;}
.active{background:url(/images/link-menu-bg.gif) repeat-x;}

/* ============================= content ====================== */
#content .main, #footer .main{ width:935px;}
.row-1{ padding:45px 0 45px 0; background:url(/images/bg-row1.gif) top repeat-x;}
.row-2{ padding:35px 0 55px 0; background:url(/images/bg-row2.gif) top repeat-x #141c23;}

.row-1 .col-2{ padding-left:32px;}
.row-1 .col-3{ padding-left:42px;}

.more-link{ display:inline-block; font-size:0.917em; font-style:italic; text-decoration:underline; color:#242a30; margin-top:13px; background:url(/images/link-bg.gif) top right no-repeat; padding-right:15px;}
.more-link:hover{ text-decoration:none;}

.row-2 .more-link{ color:#ffffff; margin-top:7px; background:url(/images/link-bg2.gif) top right no-repeat;}


.row1-titles{ text-align:center; padding-bottom:12px; height: 110px;}
.title{ padding-bottom:11px;}
#page1 #content ul{ padding-top:5px;}
#content li{ background:url(/images/row1-list-bg.gif) no-repeat 0 2px; padding-left:15px; line-height:1.667em;}
#content li a{ text-decoration:none; color:#242a30;}
#content li a:hover{ text-decoration:underline;}

#content .row-2 li{ background:url(/images/row2-list-bg.gif) no-repeat 0 2px; padding-left:15px; line-height:1.667em;}
#content .row-2 a { color:#ffffff; text-decoration: underline; }


.banner{ margin-top:37px;}
.unline{ border-bottom:solid 1px #4f585f; padding-bottom:9px; margin:0 0 18px 11px;}

/* ============================= page1 ====================== */
#page1 .column-2{  margin-left:50px; padding-top:15px;}

/* ============================= page2 ====================== */
#page2 .column-2{  margin-left:60px; padding-top:11px;}
#page2 .row-2 .col-2{ padding-left:25px;}

/* ============================= page3 ====================== */
#page3 .column-2{  margin-left:50px; padding-top:15px;}

/* ============================= page4 ====================== */
#page4 .column-2{  margin-left:50px; padding-top:15px;}
#page4 .column-1 .col-2{ padding-left:35px;}

/* ============================= page5 ====================== */
.phone{	float:right; padding-right:110px;}

#page5 .row-2 .col-2{ padding-left:32px;}
#page5 .row-2 .col-3{ padding-left:42px;}

/* ============================= page6 ====================== */
#page6 p{ padding-top:15px;}
.email{ color:#e55205; font-weight:bold;}
.email a{ text-decoration:underline; color:#e55205}
.email a:hover{ text-decoration:none;}

/* ============================= footer ====================== */

#footer{ background:url(/images/bg-row1.gif) top repeat-x; text-align:left; font-size:1.083em; color:#797d80; padding-left:12px;}

#footer a{ color:#797d80; text-decoration:underline;}
#footer a:hover{ text-decoration:none;}
#footer li{	border-right:solid 1px #242a30;	padding:0 10px;	list-style:none; display:inline;}
#footer li.last-li{ border:none;}
#footer li.first-li{ padding:0 10px 0 0;}
#footer ul a{ color:#242a30; }
#footer ul{ padding-top:30px;}
#footer .legal { margin-top: 10px; }

/* ============================= forms ============================= */

#ContactForm .input{ width:275px; border:solid 1px #000000;	padding:2px 3px 2px 3px; height:14px; font-size:0.917em; color:#8c8c8c;}
.margin{ margin-left:20px;}
#ContactForm label { display:block; height:26px; }

#ContactForm textarea{ font-size:0.917em; color:#8c8c8c; width:275px; border:solid 1px #000000;	height:108px; overflow:hidden; padding:2px 3px 2px 3px;}

/* ============================= profile =========================== */

.portfolio-item img {
	float: right;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	margin-left: 10px;
}
.portfolio-item {
	margin-bottom: 30px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.portfolio-item a {
	display: block;
	margin-top: 10px;
}

/* ======================== contact ============================== */

#contact-postal-address {
	padding-top: 7px;
}