/* Notes 

Green: #a7b739
Dark blue: #005582
Sliding panes keyline: #818181

*/

/* Common 
---------------------------------------- */
body { 

	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;  
	color: #666;
	margin: 0; 
	background: #fff;
}
table, th, td { font-size: 12px; text-align: left; }

/* Type 
---------------------------------------- */
h1 { font-size: 24px }
h2 {
	margin: 10px 0 10px;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
}
h3 { margin: 10px 0; font-size: 15px; font-weight: normal; color: #a7b739; }
h4 { margin: 5px 0; font-size: 12px; }
h5 { margin: 50px 50; font-size: 2px; }
h6 { margin: 50px 50; font-size: 15px; color: #a7b739; }
#header { font-size: 14px; color: #364e53; }
#banner h1 { 
	position: absolute;
	bottom: 13px; 
	left: 300px;
	font-weight: normal; 
	color: #fff; 
	margin: 0; 
}
.column3 h3 { margin: margin: 10px 0; color: #a7b739; font-size: 15px; font-weight: normal; }
.align-right { text-align: right; }

.footer { color: #333; }
.footer h4 { 
	color: #fff; 
	font-size: 18px; 
	font-weight: normal; 
	margin: 0; 
}

#home h1 { font-weight: normal; color: #a7b739; margin-top: 0; }
.home-message { font-size: 18px; }
.home-feature-box, .home-feature-box2 { font-size: 14px; }
.home-feature-box h3, .home-feature-box2 h3 { color: #a7b739; }
.more { font-size: 12px; color: #536d72; text-align: right; }

#default h1 { font-weight: normal; color: #a7b739; margin-top: 0; }
.default-message { font-size: 18px; }
.default-feature-box, .default-feature-box2 { font-size: 14px; }
.default-feature-box h3, .default-feature-box2 h3 { color: #a7b739; }
.default-more { font-size: 12px; color: #536d72; text-align: right; }

#portfolio h1 { font-weight: normal; color: #a7b739; margin-top: 0; }
.portfolio-message { font-size: 16px; }
.portfolio-feature-box { font-size: 14px; }
.portfolio-feature-box h3 { color: #a7b739; }
.portfolio-more { font-size: 12px; color: #536d72; text-align: right; }



/* WYSIWYG Editor  - we:textarea classes 
---------------------------------------- */
.eh1 { font-size: 18px; color: #a7b739; }
.eh2 { font-size: 14px; }
.blue { color: #364e53; }
.darkblue { color: #005582; }
.green { color: #a7b739; }

/* Link 
---------------------------------------- */
a { color: #009; }
a:hover { color: #c00; }
.footer a { color: #333; }
.footer a:hover { color: #333; }
.more { margin-top: 0; }
.more a { font-size: 12px; color: #536d72; text-decoration: none; }
.more a:hover { font-size: 12px; color: #536d72; text-decoration: underline; }
.hidden { visibility: hidden; }

/* Form 
---------------------------------------- */
form { margin:0; }
label { display: block; padding-bottom: 5px; }
.contact-form .input { width: 250px; }
.contact-form .textarea { width: 250px; height: 100px; }
.submit { text-align: right; }

/* List 
---------------------------------------- */
.helpyou {
	padding: 0;
	color: #006;
}
.helpyou h3 {
	margin: 0 0 5px 0;
}
.helpyou ul, 
.helpyou li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.helpyou li {
	padding-left: 15px;
	background: url(/images/common/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

/* Layout 
---------------------------------------- */
.header { 
	position: relative;
	width: 960px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
}
.logo { margin: 10px 0 10px 30px; }
.row1 { 
	position: relative; 
	background: url(/images/common/background-banner.gif) repeat-x 0 0;
}
.banner { 
	position: relative;
	width: 940px;
	height: 235px;  
	margin-left: auto;
	margin-right: auto; 
}
.row2 { 
	position: relative;
	width: 940px; 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto;  
	background: #fff; 
}
.row2 .keyline { 
	/* border-style: solid;
	border-width: 0 1px 0 1px;
	border-color: #eee; 
	background: #f2f2f2; */
}
.column1 { 
	float: left; 
	width: 300px; 
	margin-left: 20px;
}
.column2 { 
	float: left; 
	width: 300px;  
	margin-left: 20px; 
}
.column3 { 
	float: left; 
	width: 300px;  
	margin-left: 20px; 
}
.column4 { 
	float: left; 
	width: 620px;   
}
.column4 .content { 
	padding: 20px 0 20px 20px; 
}
.row3 { 
	position: relative;
	height: 232px; 
	background: url(/images/common/background-footer.gif) no-repeat 50% 0; 
}
/*.row3 .inner { 
	width:  1102px; 
	height: 232px; 
	margin-left: auto; 
	margin-right: auto;
}*/

.content { padding: 20px; }
.break { clear: both; }
.hspacer { height: 10px; }

/* Footer 
---------------------------------------- */
.footer { 
	position: relative;
	width: 940px; 
	font-size: 12px;
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;
}
.footer .column1 { 
	float: left; 
	width: 300px; 
	padding: 0; 
	margin: 0;
}
.footer .content {
	padding: 20px;  
	font-size: 12px; 
}
.footer .content ul { 
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Layout - Banner content
---------------------------------------- */
.banner .content { 
	position: absolute;
	bottom: 0;
	left: 0;
	height: 200px; 
	width: 940px;
	padding: 0; 
	background: #fff; 
	/* border: solid #a7b739 1px; */
}

/* Layout - Home
---------------------------------------- */
.home-message { border-bottom: solid #005582 1px; }
.home-feature-box { 
	float: left;
	width: 280px; 
}
.home-feature-box2 { 
	float: left;
	width: 280px; 
	margin-left: 40px; 
}
.home-message .feature-box-keyline { /* border-bottom: solid #666 1px; */ }

/* Layout - Default
---------------------------------------- */
.default-message { border-bottom: solid #005582 1px; }
.default-feature-box { 
	float: left;
	width: 280px; 

}
.default-feature-box2 { 
	float: left;
	width: 280px; 
	margin-left: 20px; 

}
.default-message .feature-box-keyline { border-bottom: solid #666 1px; }

/* Layout - Portfolio
---------------------------------------- */
.portfolio-content { position: relative; }
.portfolio-feature-box-left {
	float: left;
	width: 290px; 
	margin-left: 0;
}
.portfolio-feature-box-right {
	float: left;
	width: 290px; 
	margin-left: 20px;
}
.portfolio-banner {
	position: relative;
	width: 940px;
	height: 485px; 
	margin-left: auto;
	margin-right: auto; 
}
.portfolio-banner .portfolio { 
	position: absolute;
	bottom: 0;
	left: 0;
	height: 450px; 
	width: 940px;
	padding: 0; 
	background: #fff;
	border: solid #a7b739 1px; 
}

/* Sidebar - Featurebox
---------------------------------------- */
a.sidebar-featurebox {
	display: block;
	width: 260px; 
	text-decoration: none; 
	background: no-repeat 0 0;
}
a.sidebar-featurebox:hover { 
	display: block;
	width: 260px; 
	text-decoration: none; 
	background: no-repeat -260px 0;
}

/* NAV 
---------------------------------------- */
#nav {
	position: absolute;
	bottom: 5px;
	right: 0; 
}
#nav ul { 
	list-style: none; 
	margin: 0;
	padding: 0; 
}
#nav li { 
	display: block; 
	float: left; 
	height: 30px; 
}
#nav li a { 
	display: inline-block; 
	height: 30px; 
	font-size: 14px; 
	text-decoration: none; 
	color: #adbcbf; 
	padding: 0 10px 0 10px; 
}


#nav li a:hover { 
	display: inline-block;
	height: 30px; 
	font-size: 14px; 
	text-decoration: none; 
	color: #99cc33; 
	padding: 0 10px 0 10px; 
	background: url(/images/nav/nav-pointer.gif) no-repeat 50% 25px;
}
#nav li a.selected { 
	display: inline-block;
	height: 30px; 
	font-size: 14px; 
	text-decoration: none; 
	color: #99cc33; 
	padding: 0 10px 0 10px; 
	background: url(/images/nav/nav-pointer.gif) no-repeat 50% 25px;
}

/* Editmode 
---------------------------------------- */
.editmode { 
	background: #f2f2f2;  
	padding: 10px; 
	margin-bottom: 10px; 
}
.editmode .rule { height: 1px; background: #fff; }