/*
-----------------------------------------------
OneBuild Styles
Author: Chris Pearce (Cornerstone Technologies)
----------------------------------------------- */

/****************************************************************************************
>> Common HTML properties << 
*****************************************************************************************/

html, body {margin: 0; padding: 0;}

body {
	background: #FFF;
	font: 73% Arial, Helvetica, sans-serif;
	color: #2F2F2F;
	text-align: center; /* Used to center align main container in IE 5 */
}

a:link, a:visited {text-decoration: underline; color: #1741BD;}
a:hover {text-decoration: none; color: #44519F;}
a:active {text-decoration: none; color: #44519F;}

p {margin: 1.5em 0 0 0; line-height: 1.4em;} 
a img {border: 0;}
ul li {list-style-image: url('../images/template/list-bullet.gif'); line-height: 1.4em; margin-bottom: 4px;}
ol li {line-height: 1.4em; margin-bottom: 4px;}
table, td {font-size: 100%; vertical-align: top;}
table caption {display: none;}
table ul {margin-left: 25px;}
ul ul {font-size: 100%;}
ol ol {font-size: 100%;}
acronym, abbr, dfn {border-bottom: 1px dotted #755F1C;}
code {font-family: courier, "courier new", monospace;}
hr {color: #B1B1B1; background: #B1B1B1; height: 1px; border: 0; margin: 1.5em 0 0 0;}
address {font-style: normal;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: oblique;
	color: #0E2670;
}
blockquote p em {font-weight: bold;}

h1 {
	margin: 0;
	color: #213263;
	font: 500 1.6em Arial, Helvetica, sans-serif;
}
h1 span {position: absolute; top: -9900px; left: -9900px; height: 1px; overflow: hidden;}

h2,h3,h4,h5,h6 {
	font: 500 1.50em Arial, Helvetica, sans-serif;
	color: #C48926;
	margin: 1.4em 0 0 0;
}
h3,h4,h5,h6 {color: #44519F; font-size: 1.3em; font-weight: bold;}
h4 {color: #666;}
h5 {margin-top: 0.60em; font-size: 1.1em;}

/****************************************************************************************
>> Page Containers [LAYOUT] << 
*****************************************************************************************/

/* Wrap Container
----------------------------------------------- */

#wrap {
	width: 741px;
	margin: 0 auto;
	text-align: left;
}

/* Header Container
----------------------------------------------- */

#header {background: #FFF;}

/* Navigation Container
----------------------------------------------- */

#navigation {
	height: 37px;
	border-bottom: 1px solid #B1B1B1;
	position: relative;
	z-index: 6;
	background: url('../images/template/nav-bg.gif') no-repeat top center;
}
/* DROP DOWN MENU SETTINGS */
#navigation ul#imenus0 {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	width: 748px !important;
}
#navigation ul#imenus0 li {
	list-style-image: none; 
	margin: 0 28px 0 0; 
	padding: 0;
}
#navigation ul#imenus0 li ul li {margin-right: 0;}

/* Content Area Containers
----------------------------------------------- */

#contentArea {padding: 0 5px 0 8px; z-index: 4;}
#homePage #contentArea {
	background: url('../images/template/homepage-contentarea-bg.gif') repeat-y top right; 
	padding: 0 19px 0 19px;
	float: left;
}
#projectDetail #contentArea {padding: 0 12px 0 12px;}
#contentArea img.img-border {border: 1px solid #B8C0CD; padding: 1px;}

#pageCopy {
	float: left;
	width: 460px;
	padding: 20px 0 30px 0;
}
#homePage #pageCopy {width: 455px; position: relative; padding-bottom: 20px;}
#projectDetail #pageCopy {float: none; width: 100%; clear: both;}

/* INTERNAL PAGE RIGHT BAR STYLING */
#rightBar {
	float: left;
	padding-top: 20px;
	padding-bottom: 13px;
	background: url('../images/template/content-bg-internal.jpg') no-repeat top left;
	width: 255px;
	margin-left: 10px;
}
#rightBar #innerRightBar {padding-left: 50px;}
#rightBar #innerRightBar h1,
#rightBar #innerRightBar p {margin: 0 0 0.70em 0;}
#rightBar #innerRightBar img {margin: 2em auto; display: block;}
#rightBar #innerRightBar img.no-btm-margin {margin-bottom: 0;}

/* HOME PAGE RIGHT BAR STYLING */
#homePage #rightBar {
	padding-bottom: 13px;
	background: #EBEBEB;
	width: 210px;
	float: right;
	padding-top: 15px;
	position: relative;
}
#homePage #rightBar #innerRightBar {padding-left: 28px;}
#homePage #rightBar #innerRightBar h2 {margin: 10px 0 4px 0; font-size: 1.2em; color: #C48926; font-weight: bold;}
#homePage #rightBar #innerRightBar img {margin: 0;}
#homePage #rightBar #innerRightBar a img {border: 1px solid #B8C0CD; padding: 1px;}
#homePage #rightBar #innerRightBar a:hover img {border: 1px solid #0E2670;}

/* PROJECT DETAIL HEADER */
#projectDetailHeader {background: url('../images/template/projects-title-bg.gif') no-repeat top right;}
#projectDetailHeader h1 {
	height: 39px!important;
	height /**/:49px; /* Hack for IE 5 */
	margin: 0;
	padding-top: 10px;
	font-size: 23px;
}
#projectDetailHeader img {border: 0; float: left; padding: 0;}
#projectDetailHeader #projectDetailHeaderText {
	width: 136px;
	float: right;
	margin-top: 8px;
}
#projectDetailHeader #projectDetailHeaderText p {font-size: 12px; margin: 10px 0 0 0;}
#projectDetailHeader #projectDetailHeaderText h1 {font-size: 17px; font-weight: bold; padding-top: 0; height: auto!important;}

/* PROJECT DETAIL CONTENT */
#projectDetail #pageCopy div.project-detail-text {/*clear: both;*/ position: relative; margin-bottom: 1.6em;}
#projectDetail #pageCopy div.project-detail-text h1 {
	color: #0E2670; 
	width: 8.5em;
	margin: 0;
	font: bold 1.15em Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0;
	left: 0;
}
#projectDetail #pageCopy div.project-detail-text h1.projectName {top: 1px;}
#projectDetail #pageCopy div.project-detail-text p,
#projectDetail #pageCopy div.project-detail-text blockquote,
#projectDetail #pageCopy div.project-detail-text ul {
	margin: 1em 0;
	padding: 0.15em 0 0 10em;
}
#projectDetail #pageCopy div.project-detail-text ul {padding-left: 14em;}
#projectDetail #pageCopy div.project-detail-text blockquote p {padding: 0;}
#projectDetail #pageCopy div.project-detail-text p.blueText {
	color: #0E2670;
	font: bold 1.15em Arial, Helvetica, sans-serif;
	padding-left: 8.7em;
}

/* Footer Container
----------------------------------------------- */

#footer {
	clear: both;
	border-top: 1px solid #B1B1B1;
	height: 35px;
} 
#footer p {
	margin: 0;
	padding: 8px 0 0 23px;
	color: #949494;
	font: 10px Arial, Helvetica, sans-serif;
	float: left;
}
#footer img {float: right; margin: 8px 23px 0 0;}

/****************************************************************************************
>> HTML Tables << 
*****************************************************************************************/

table.general {
	margin: 1.5em 0;
}
table.general th {
	text-align: left;
	padding: 3px 0;
}
table.general td {padding: 3px 0;}

/* CLIENTS LIST TABLE */

table.clients-list {
	margin: 1.5em auto;
	width: 450px;
	border: 0;
}
table.clients-list td {
	text-align: center; 
	vertical-align: middle;
	width: 225px;
	height: 120px;
}
table.clients-list td.caption {
	background: #D7DAE8;
	font-weight: bold;
	height: 20px;
}

/****************************************************************************************
>> Form Styles << 
*****************************************************************************************/

form {margin: 0 auto; padding: 0;}
form span {color: red; font-weight: bold;}
fieldset {margin: 0; padding: 10px 20px 20px 20px;}
legend {display: none;}

form label {
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 100%;
	clear: both;
	display: block;
	padding-left: 8px;
	margin: 10px 0 3px 0;
	border-top: 1px solid #999;
	padding-top: 5px;
}

form input, select, textarea {
	text-align: left;
	border: 1px solid #89171F;
	font: 12px Arial, Helvetica, sans-serif;
	color: #533E11;
	width: 140px;
	background: #F2F2F2;
}
form textarea {width: 340px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
form select {width: auto;}
form input.noStyle {background: none; width: auto; border: 0;}
form input.smallTextField {width: 30px;}

form input.button {
	background: #89171F;
	border: 1px solid #533E11;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding: 2px;
	width: auto;
	margin: 0;
}

/****************************************************************************************
>> Page Styles [Classes] << 
*****************************************************************************************/

.imgLeft {float:left;margin:0px 10px 10px 0px;}
.imgRight {float:right;margin:0px 0px 10px 10px;}
.imgCenter {display:block;float:none;clear:both;margin:0px auto;}