/* MAIN STYLES I
-------------------------------------------*/
* { margin: 0; padding: 0; }

body,html {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*color:#333333;*/
	margin:0;
	padding:0;
	line-height:18px;
	background-image:url(../images/bgstrip.jpg);
	background-repeat:repeat-x;
	height: 100%;
}

ul {
	margin-bottom:5px;
	list-style-type: none;
 }

ul li {
	padding-left:10px;
	position:relative;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	/*background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;*/
}


a {
	color:#4593d5;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3 {
	font-size:24px;
	letter-spacing:-1px;
	color:#666666;
	font-weight:bold;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

h2 {
	font-size:18px;
	padding:5px 0 0;
}

h3 {
	font-size:14px;
	color:#333;
	padding:5px 0 0;
}

hr.d {border: none 0; 
	border-top: 1px solid #ccc;
	/*border-bottom: 1px solid #efefef;*/
	width: 100%;
	height: 2px;
	margin: 2px auto 0 0;
	}


/*#subNav ul {
	margin-bottom:5px;
	list-style-type: none;
	float: left;
	width: 210px;
	display: block;	
}
#subNav li {
	padding-left:0px;
	position:relative;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	background-image: none!important;
	display: block;
	width: 200px;
}
#subNav a:link, #subNav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #666666;
}
#subNav a:hover, #subNav a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #ED1F24;
}*/



/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper {
	 min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
}

#wrapper {
	margin:0 auto;
	width:950px;
}

#header {
	height:140px;
	/*position:relative;*/
	/*background-color: #f3f3f3;
	background-repeat: no-repeat;
	background-position: 100% 0;*/
	padding-bottom:62px;
}

#content {
	padding:0 0 5px;
}

#flashstrip {
	width: 950px;
}

#flashcontent01 {
	width:610px;
	float:left;
	padding-right:10px;
}

#flashcontent02 {
	width:310px;
	float:right;
}

#textstrip {
	width: 950px;
}

#hometext01 {
	width:290px;
	float:left;
/*	padding-right:10px;
	background-image:url(../images/textbox_back01.gif);
	background-repeat:no-repeat;
	padding:10px;*/
	margin-top:10px;
	height:240px;
}

#hometext02 {
	width:610px;
	float:right;
	background-image:url(../images/textbox_back02.gif);
	background-repeat:no-repeat;
	padding:10px;
	margin-top:10px;
	height:240px;
}

#hometext02_left {
	width:300px;
	float:left;
	padding-right:16px;
}

#hometext02_right {
	width:290px;
	float:right;
}

#footer {
	/*height:80px;
	margin-top:10px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;*/
	clear: both;
	background-color:#000000;
	/*border-top:#000000 5px solid;*/
	background-image:url(../images/foot_back2.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height: 18em;
	color: #FFFFFF;
}

#footer h3 {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

#innerFooter1 a {
	color: #FFFFFF;
	font-size:1.1em;
	text-decoration: none;
}

#innerFooter1 a:hover {
	color: #FFFFFF;
	font-size:1.1em;
	text-decoration: underline;
}	

#footContain {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
}			

#innerFooter1 {
	width:530px;
	height:160px;
	padding-top:10px;
	/*height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;*/
	text-align:left;
	float:left;
	/*border-right: #3d3d3d solid 1px;*/
}

#innerFooter2 {
	width:175px;
	height:160px;
	padding-left:14px;
	padding-top:10px;
	/*height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;*/
	text-align:left;
	float:left;
	border-right: #3d3d3d solid 1px;
}

#innerFooter3 {
	width:215px;
	height:160px;
	padding-top:10px;
	padding-left:14px;
	/*height: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;*/
	text-align:left;
	float:left;
}

.push {
    height: 4em;
}

#address {
	float:left;
	width:94px;
	color:#dadada;
	font-size:0.9em;
}

#telephone {
	float:left;
	width:120px;
	font-size:0.9em;
}

.footgreytext {
	color:#dadada;
}	

.copyright {
	color:#dadada;
	font-size:0.9em;
}		
	

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo {
	/*position:absolute;*/
	/*top:10px;
	left:0px;*/
	float:left;
	width:257px;
}

#logo h1 {
	padding:0;
}

#logo h1 a, #logo h1 a:hover{
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:257px;
	height:148px;
	text-indent:-9000px;
	display:block;
	text-decoration:none;
}

#register {
	float:left;
	width:200px;
	padding-top:50px;
	padding-left:453px;
}

.registertext {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:lighter;
}

#register input
{
color: #FFFFFF;
background: #000000;
border: 1px solid #ffffff;
padding:3px;
}

#register .submit input
{
color: #ffffff;
background: #000000;
border: 1px solid #ffffff;
padding:3px
} 
	

/*#topMenu {
	position:absolute;
	top:60px;
	right:0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}

#topMenu li {
	float:left;
	background:none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#topMenu li a {
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
}

#topMenu li a:hover {
	color:#ed1f24;
}

#topMenu li.selected a{
	color:#ed1f24;
}*/
#MenuBar1 {
float: left;
}

/*CONTENT ELEMENTS
--------------------------------------------*/

#content p {
	margin:0.7em 0;
}

#colLeft {
	float:left;
	width:190px;
	padding-right:20px;
	padding-left:10px;
	background-image:url(../images/subnavback.jpg);
	background-repeat:repeat-x;
	height:500px;
	margin-top:10px;
}

#colLeft a {
	color:#297cc2;
	font-size:1.2em;
	text-decoration:none;
}

#colLeft a:hover {
	color:#297cc2;
	font-size:1.2em;
	text-decoration:underline;
}

#colLeft .active a {
	color:#363636;
	font-size:1.2em;
	text-decoration:none;
}

#colLeft .active a:hover {
	color:#363636;
	font-size:1.2em;
	text-decoration:underline;
}	
		

.colCentre {
	float:left;
	width:270px;
	padding-right:20px;
	margin-top:15px;
	padding-left:10px;
}

#colRight {
	float:left;
	width:660px;
	margin-left:20px;
	margin-top:10px;
}

#colRight p.line {
	background:url(../images/bk_horizline.jpg) 0 100% repeat-x;
	display:block;
	padding:10px 0;
	margin:0;
}

#colRight p img {
	vertical-align:middle;
}

#colRight .featured {
	margin:10px 0;
}

#colRight .featured img{
	background:#fff;
	padding:6px;
	border:none;
}

.portfolioItem {
	position:relative;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-right: 10px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

.portfolioItem img {
	float:left;
	background:#fff;
	padding:5px;
	border:none;
}

.portfolioItem .itemDetails {
	float:left;
	width:300px;
	padding-left:10px;
}

.portfolioItem .title {
	font-size:16px;
	font-weight:bold;
	color:#ed1f24;
}

.portfolioItem a{
	font-size:16px;
	font-weight:bold;
	color:#ed1f24;
	text-decoration:none;
}

.portfolioItem a:hover{
	font-size:16px;
	font-weight:bold;
	color:#ed1f24;
	text-decoration:underline;
}

#content_left {
	width: 454px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
}



#content_right {
	width: 186px;
	float: left;
	background-image:url(../images/sideback.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f8f8f8;
	border:#c4c4c4 solid 1px;
	padding-left: 8px;
	padding-top: 6px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content_right a{
	text-decoration: none;
}

#content_right a:hover{
	text-decoration: underline;
}


#content_right h3{
	margin-top: -3px;
	padding-bottom: 12px;
}

#content_right h4{
	margin-bottom: -9px;
	color:#3b80cb;
}

#content_right p{
	line-height: 16px;
	padding-bottom: 3px;
}

#content_right p a{
	color: #000000;
}


#content_base {
	clear: both;
	background-color: #fbfbfb;
	border-top: #efefef solid 1px;
}

#content_base_inner {
	width:715px;
	margin-left:auto;
	margin-right:auto;
	padding-left:235px;
}


#content_base h2{
	color: #363636;
	padding-top:10px;
	padding-bottom:10px;
}

#content_base p{
	color: #363636;
	line-height:1.6em;
	padding-bottom:10px;
}

#content_base a{
	color: #297cc2;
	text-decoration: none;			
}

#content_base a:hover{
	color: #297cc2;
	text-decoration: underline;			
}


/* CAROUSEL
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 900px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	background:url(../images/bk_featured.png) 0 0 no-repeat;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:right;
	width:240px;
	margin-top: 35px;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 25px;
	color: #666666;
}

.stepcarousel .panel .projectDetails .title {
	font-size:16px;
	font-weight:bold;
	color: #FFFFFF;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:14px;
	left: 14px;
}




/* FORMS
-------------------------------------------------*/
form label {
	display:block;
	padding:8px 0 2px;
	font-weight:bold;
}

form input, form textarea {
	border:1px solid #E5E5E5;
	padding:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	width:300px;
}

form textarea {
	width:500px;
}

form input.submit {
	border:none;
	width:103px;
	height:24px;
	text-align:center;
	padding-top:4px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin-top:15px;
	background:url(../images/bk_submit.jpg) 0 0 no-repeat;
}

.myinputstyle {
	width:160px;
}

.mysubmitstyle {
	width:50px;
}	


/* CLEARING
---------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display:block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear: both;
}

.noclear {
	clear: none;
}


/*
Misc Styles
---------------------------------------------------*/
.error_text {
    color: "#FF000";
}