/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #22466F;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #FFFFFF;
	background-image		: url(../images/bkgrnd.png);
	background-position     : top right ;
	background-repeat		: repeat-x;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 960px;
	min-height				: 709px;
	margin					: 0px auto 0px auto;
	text-align				: left;
	background-color		: #FFF;
	display					: block;
	background-image		: url(../images/bkgrndContainer.png);
	background-repeat		: no-repeat;
	
}

*html #container{
	height					: 709px;
	
}


#containerPopup{
	width					: 450px;
	min-height				: 320px;
	margin					: 0px auto 0px auto;
	padding					: 14px 45px 20px 45px;
	text-align				: left;
	background-color		: #FFF;
	display					: block;
 	background-image		: url(../images/bkgrndPopup.jpg);
	background-repeat		: no-repeat;
}

*html #containerPopup{
	height					: 320px;
	
}

/*###############
##### FONTS #####
###############*/ 

 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 100%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	padding		 			: 5px 0px 5px 13px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 140%;
	font-weight				: bold;
	background-image		: url(../images/arrow.gif);
	background-position		: center left;
	background-repeat		: no-repeat;
}

h1 span{ 
	color					: #999999;
}


h2{  /*  Page Titles */

}



#content ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 10px 30px;
}

#content ul li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}


a{
	color					: #5778C4;
	text-decoration			: none;
}

a:hover {
	color					: #5778C4;
	text-decoration			: underline;
}



/*################
##### HEADER #####
################*/ 


#header{
	display					: block;
	width					: 880px;	
	height 					: 120px;
	margin					: 0px 0px 0px 0px;
	padding					: 25px 40px 0px 40px;
	
}


.logo{
	margin					: 20px 0px 15px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: right;
}

.contactDetails{
	margin					: 28px 0px 0px 5px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	color					: #999999;	

}


.headerPhone{
	float					: right;
	padding		 			: 4px 0px 5px 40px;
	margin					: 18px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 280%;
	color					: #85A4C6;
	background-image		: url(../images/phone.jpg);
	background-position		: center left;
	background-repeat		: no-repeat;
}


/*################
### NAVIGATION ###
################*/ 

.headerNav{
	display 				: block;
}

ul.navMain{
	margin 					: 80px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 878px;
	height					: 38px;
	background-image		: url(../images/bkgrndNav.png);
	border					: 1px solid #22466F;
}

*html ul.navMain{
	margin 					: 0px 0px 0px 0px;
}


ul.navMain li{
	display 				: inline;
}


ul.navMain li a{
	margin					: 0px 0px 0px 0px;
	padding					: 18px 0px 0px 8px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 13px;
	height 					: 20px;
	width					: 100px;
	border-left				: 1px solid #30639C;
	border-right			: 1px solid #5388C8;
	text-transform			: uppercase;
	
}

*html ul.navMain li a{
	padding					: 18px 0px 0px 7px;
	
}


.navMain li a:hover, .navMain li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/bkgrndNavOver.png);
	background-position		: top left;
	background-repeat		: repeat-x;
}


.navMain li:hover ul, .navMain li:hover .navMain li:hover ul {
	display					: block;
}



/*###############
#### CONTENT ####
###############*/ 
	

#content{
	display 				: block;
	width					: 880px;	
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 40px 0px 40px;
	
}


#contentFull{
	display 				: block;
	width					: 880px;	
	height					: auto;
	margin					: 0px 0px 0px 0px;
	padding					: 15px 0px 0px 0px;
	
}

#contentLeft{
	margin					: 15px 10px 0px 0px;
	padding					: 0px 20px 0px 0px;
	width 					: 599px;
	min-height				: 300px;
	display 				: block;
	float 					: left;
	border-right			: 1px solid #DADADA;
	
}

*html #contentLeft{
	width 					: 595px;
	
}

#contentRight{
	float 					: right;
	margin					: 0px 0px 0px 10px;
	padding					: 15px 0px 0px 0px;
	width 					: 240px;
	min-height				: 300px;
	display 				: block;

}


#contentLeftNarrow{
	margin					: 15px 0px 0px 0px;
	padding					: 0px 20px 0px 0px;
	width 					: 320px;
	min-height				: 300px;
	display 				: block;
	float 					: left;
	border-right			: 1px solid #DADADA;
	
}


#contentRightWide{
	float 					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 15px 0px 0px 0px;
	width 					: 520px;
	min-height				: 300px;
	display 				: block;

}

/*#################
##### TEASERS #####
#################*/ 

/* CENTRE TEASER */
.centerTeaser{
	 width					: 280px;
	 min-height				: 300px;
	 display				: block;
	 float					: right;
	 border-left			: 1px solid #DADADA;
	 margin					: 0px 10px 0px 10px;
	 padding				: 0px 20px 0px 20px;	
}

*html .centerTeaser{
	height					: 300px;
}

 
 /* LATEST PROJECT TEASER */
.teaser{
	margin					: 0px 0px 15px 0px;
	padding					: 0px 5px 5px 5px;
	border					: 1px solid #DADADA;
	width					: 230px;
	min-height				: 120px;
	float					: right;	
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;
}


.teaser p {
	font-size				: 90%;	
	margin					: 0px 0px 0px 0px;
	padding					: 5px 5px 5px 5px;
}

.teaser a{
	color					: #5778C4;
	text-decoration			: none;
}

.teaser a:hover{
	color					: #5778C4;
	text-decoration			: underline;
}

/*
*/

/*################
##### FOOTER #####
################*/ 


#footer{
	clear					: both;
	width					: 960px;
	height					: 60px;
	margin					: 0px auto 0px auto;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #999;
	background-image		: url(../images/bkgrndFooter.png);
	background-repeat		: no-repeat;
}


#copyright{
	margin					: 0px;
	padding		 			: 20px 0px 0px 30px;
	float					: left;
	text-align				: left;
	
}

#copyright a {
	text-decoration			: none;
	color					: #999;
}


#copyright a:hover {
	color					: #7A7A7A;
	text-decoration			: underline;
}




/*###############
##### MISC. #####
###############*/ 


/* PORTFOLIO */ 
#portfolio {
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	height					: auto;	
}


#portfolio ul{
	list-style				: none;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: auto;	
	display					: block;	
}

#portfolio ul li{
	display					: inline;
	margin					: 0px;
	padding					: 0px;
}

#portfolio ul li a{
	display					: block;
	float					: left;
	margin					: 0px 20px 20px 0px;
	padding					: 8px;
	width					: 180px;
	min-height				: 130px;
	text-decoration			: none;
	line-height				: 1.4em;
	background-image		: none;
	border					: 1px solid #DADADA;
	color					: #003366;
}

*html #portfolio ul li a{
	height					: 130px;
}

#portfolio ul li a:hover{
	border					: 1px solid #999999;
	/*background 				: url('../images/teaserBkgrnd.jpg') bottom left repeat-x;*/
	background 				: #EFEFEF;
}

#portfolio img{
	border					: 1px solid #DADADA;
	float					: none;
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
		
}

.portfolioTbl{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	float			: right;

}

.portfolioTbl td{
	vertical		: top;
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;

}



/* CAREER TABLE */ 
div.TabView div.Tabs
{
    height					: 24px;
    overflow				: hidden;
	background-image		: url(../images/bkgrndNav.png);
	border					: 1px solid #22466F;
	width					: 417px;
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

div.TabView div.Tabs a{
	margin					: 0px 0px 0px 0px;
	padding					: 6px 20px 0px 20px;
	float					: left;
    display					: block;
    text-align				: center;
    height					: 25px;
    text-decoration			: none;
	color					: #FFF;
	border-left				: 1px solid #30639C;
	border-right			: 1px solid #5388C8;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/bkgrndNavOver.png);
	background-position		: top left;
	background-repeat		: repeat-x;
}


div.TabView div.Pages
{
    clear					: both;
    border					: 1px solid #DADADA;
    overflow				: hidden;
	background-color		: #DEDEDE;
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
}

div.TabView div.Pages div.Page
{
    height					: 100%;
    padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
    overflow				: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
    padding					: 1px 30px 0px 20px;
}



/* ADDRESS BOXES */

.contentAddress{
	float					: left;
	display					: block;
	width					: 140px;
	height					: 115px;
	padding					: 0px 5px 0px 10px;
	margin					: 5px 0px 0px 20px;
	border					: 1px solid #CCC;
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
}


/* IMAGE STYLES */

.imgRight{
	margin					: 0px 0px 5px 5px;
	padding					: 0px 0px 0px 0px;
	float					: right;
	border					: none;
}


/* CONTACT TABLE */

.tblHolder{
	margin					: 0px 0px 0px 0px;
	padding					: 10px 10px 10px 10px;
	width					: 580px;
	border					: 1px solid #DADADA;
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;

}

.tblHolderPopup{
	margin					: 10px 0px 0px 28px;
	padding					: 10px 10px 10px 10px;
	width					: 300px;
	border					: 1px solid #DADADA;
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: bottom left;
	background-repeat		: repeat-x;

}

#contactForm{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


.tblContact{
	width					: 325px;
	margin					: 5px 0px 0px 0px;
	padding					: 5px 5px 5px 5px;
	border					: 1px solid #DADADA;
	background-color		: #DEDEDE;
	background-image		: url(../images/teaserBkgrnd.jpg);
	background-position		: top left;
	background-repeat		: repeat-x;
}

.tblContact p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 10px 5px;
	line-height				: 1.8em;
}


.tblContact td{
	vertical-align			: top;
}


/* FORM FIELD STYLES */

.textField{
	width 					: 180px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textField1{
	width 					: 160px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width 					: 180px;
	height					: 80px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 100%;
}


/* MISC BUTTON */

.miscBtn a{
	width					: 70px;
	clear					: both;
	height					: 18px;
	position				: relative;
	padding					: 0px 0px 0px 0px;
	margin					: 10px 0px 0px 3px;
	border					: 1px solid #22466F;
	background-color		: #3F73AF;
	background-image		: url(../images/miscBtn.png);
	background-position		: top left;
	color					: #FFFFFF;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.5em;	
	float					: right;
	cursor					: pointer;
	cursor					: hand;
}

.miscBtn a:hover{
	color					: #FFFFFF;
	background-color		: #3F73AF;
	background-image		: url(../images/miscBtnOver.png);
	background-position		: top left;
	text-decoration 		: none;
	border					: 1px solid #22466F;
}


.submitBtn{
	width					: 70px;
	height					: 20px;
	position				: relative;
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 20px;
	border					: 1px solid #22466F;
	background-color		: #3F73AF;
	background-image		: url(../images/miscBtn.png);
	background-position		: top left;
	color					: #FFFFFF;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.5em;	
	float					: right;
	cursor					: pointer;
	cursor					: hand;
}

.submitBtn:hover{
	color					: #FFFFFF;
	background-color		: #3F73AF;
	background-image		: url(../images/miscBtnOver.png);
	background-position		: top left;
	text-decoration 		: none;
	border					: 1px solid #22466F;
}