/* CSS Document */

/* generic styles */

html {
	margin:0; 
	padding:0;
	overflow: hidden;

}
.darken_hvr {
	position:absolute;
	margin:0 0 0 20px;
	top:660px;
	z-index:999;
}
a:focus {
  outline-style: none;
}

object {
  outline-style: none;
}

table {
	border: 0;
    border-collapse: collapse;
	float:left;
}

th {
    text-align: left;
}

td {
    vertical-align: top;
	padding: 0;
}

img {
    border: 0;
}

form {
    margin: 0;
}

input, select, textarea {
    padding: 0;
    margin: 0;
}

input.radio {
    margin-bottom: -2px;
}

body {
	margin: 0px;
	background: #000000;

	
}



/* main menu background images*/
#bg_homepage {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_homepage.jpg) left top no-repeat #000000;
}
#bg_std_projects {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_std_projects.jpg) left top no-repeat #000000;
}




#bg_current {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_current.jpg) left top no-repeat #000000;
}
#bg_previous {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_previous.jpg) left top no-repeat #000000;
}
#bg_company {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_company.jpg) left top no-repeat #000000;
}
#bg_contact {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_contact.jpg) left top no-repeat #000000;
}


/* projects background images*/
#bg_elizabeth_street {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_elizabeth_street.jpg) left top no-repeat #000000;
}
#bg_tac {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_tac.jpg) left top no-repeat #000000;
}
#bg_timbuktu {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_timbuktu.jpg) left top no-repeat #000000;
}
#bg_malvern_grove {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_malvern_grove.jpg) left top no-repeat #000000;
}
#bg_esplande{
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_esplande.jpg) left top no-repeat #000000;
}
#bg_edgewater{
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_edgewater.jpg) left top no-repeat #000000;
}

#bg_highview{
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_highview.jpg) left top no-repeat #000000;
}

#bg_barkleystreet {
	width:100%;
	height:100%;
	margin:0;
	float:left;
	background:url(../template_images/backgrounds/bg_barkleystreet.jpg) left top no-repeat #000000;
}




/* text/link styles */
p, td, th, li, div, input, textarea {
	font-family:HelvCondensed, Arial, Helvetica, sans-serif;
	color:#fff;
}

h1 {
font-size:50px;
color:#fff;
font-weight:bold;
margin:0;
}

h2 {
font-size:50px;
color:#fff;
font-weight:bold;
margin:0;

}

a {
color:#fff;
text-decoration:none;
}
a:hover {

}
ul {
	margin:0px;	
	padding:0px ;
	list-style:none;
}
li {
	margin:0px;	
	padding:0px;
	list-style:none;
}
hr {
	height:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	/*change next three to suit design*/
	border-bottom:1px solid #ff0000;
	margin:16px 0px 16px 0px;
}


/* div styles */




#site_holder {
	width:1024px;/*change to suit design*/
	height:768px;
	margin:20px;
	float:left;
}

#logo
{
	width:1024px;
	height:231px;
	float:left;
	margin:0;
	padding:0;
}

.logo1
{
	margin:180px 0 0 0;
	float:left;
}

.logo2
{
	margin:0;
	float:right;
}

/*Menu*/

#nav_outwrapper
{
  width:900px;
  float:left;
	margin:17px 0 0 0;
	padding:0 0 0 10px;
}

#outerwrapper {
float:left;
width:465px;
margin:0;
padding:0;
}




#menu{
position:absolute;
width:153px;
height:20px;
background:url(../template_images/menu_bg.png) 0 0 no-repeat;
z-index:1000;

}

#menu a:hover
{
	width:153px;
	height:20px;
	float:left;
	display:block;
	background:url(../template_images/rollover.png) 0 0 no-repeat;
	color: #0066FF;
}


#menu span.menutxt {
width:143px;
font-size:13px;
font-weight:bold;
color:#fff;
padding:0 0 0 10px;
display:block;
float:left;
}




/*New Menu*/
#page-wrap							{ width: 640px; margin:20px 0 0 20px;height:200px; } 
a									{ text-decoration: none; }



/* 
	LEVEL ONE
*/

ul.dropdown li current { color:#00A1E4; }


ul.dropdown                         { position: relative; }
ul.dropdown li                      { width:153px; height:20px;font-weight: bold; float:left;font-size:13px; zoom: 1; background:url(../template_images/menu_bg.png) 0 0 no-repeat; color:#fff; margin:0 2px 0 0;}
ul.dropdown a:hover		            {color: #fff;}
ul.dropdown a:active                { color: #fff; }
ul.dropdown li a                    { display: block; padding: 1px 8px;
	 								  color: #fff; }

ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { width:153px; height:20px; position: relative; background:url(../template_images/rollover.png) 0 0 no-repeat;  }
ul.dropdown li.hover a              { width:153px; height:20px; }

/* 
	LEVEL TWO
*/

ul.dropdown ul 						{ width:153px; height:20px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ width:153px; height:20px; font-weight: bold; background:url(../template_images/menu_bg.png) 0 0 no-repeat; color: #fff; 
									    margin:2px 0 0 0; }

									  
                                    /* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }
ul.dropdown ul li.hover   { width:153px; height:20px; background:url(../template_images/rollover.png) 0 0 no-repeat; } 



.closebutton
{
float:left;
margin:0;
padding:0;
}


/*Landing Page*/



#bodycontainer
{
width:100%;
padding:0;
float:left;
}

.over {
background:url(../template_images/landingpanel_over.png) repeat;
z-index:999;
width: 1024px;
height:380px;
margin: 300px 0 0 20px;

}
#page_container {
	width:920px;
	padding:20px 40px 20px 20px;
}
#video_container {
	width:425px;
	margin:auto;
}
#toppanelcontainer
{
width:1004px;
height:360px;
float:left;
background:url(../template_images/landingpanel_bg.png) repeat 0 0;
margin:20px 0 0 0 ;
padding:10px;

}

.bottompanelcontainer
{
	width:1004px;
	height:360px;
	float:left;
	padding:10px;
	background-image: url(../template_images/landingpanel_bg.png);
	

}

.imagecontainer
{
width:1024px;
height:380px;
float:left;
margin:0;
padding:0;
}

.imageholder {
float:left;
padding:10px 0 15px 9px;
width:231px;
height:165px;
}
.imageholder_career {
float:left;
padding:10px 6px 15px 0;
width:224px;
margin-bottom:43px;
height:126px;
}
.image_info
{
	width:231px;
	font-size:13px;
	float:left;
	font-weight:bold;
	color:#fff;
	line-height:18px;
	padding:5px 0 0 0;
}

.image_info_blue
{
float:left;
font-size:12px;
font-weight:bold;
color:#00a1e4;
line-height:20px;
}

.image_info_blue_large
{
float:left;
width:100%;
font-size:20px;
font-weight:bold;
color:#00a1e4;
line-height:20px;
}


.downarrow
{
float:right;
margin:0;
padding:0;
}
.uparrow
{
float:right;
margin:70px 0 0 0;
padding:0;
}

/*Gallery slideshow page*/


#site_holder_gallerypage {
	width:1400px;
	height:953px;
	margin:0 auto;
	background:url(../template_images/gallery-slideshow_bg.jpg) center top no-repeat;
}

.topimage
{
	width:1023px;
	height:380px;
	float:left;
	margin:20px 0 0 30px;
	background:url(../template_images/gallery_topimg.jpg) center top no-repeat;
}

.downarrow2
{
float:right;
margin:0;
padding:160px 0 0 0;
}
.uparrow
{
float:right;
margin:70px 0 0 0;
padding:0;
}

.bodytxt
{

font-size:16px;
color:#fff;
font-weight:bold;
line-height:24px;
}


/*Gallery Slideshow Extended*/

.topimage1
{
	width:1023px;
	height:380px;
	float:left;
	margin:20px 0 0 30px;
	background:url(../template_images/land_img2.jpg) center top no-repeat;
}
.botimage1
{
	width:1023px;
	height:306px;
	float:left;
	margin:5px 0 0 30px;
	background:url(../template_images/land_img3.jpg) center top no-repeat;
}

.arrows
{
float:right;
}
.downarrow3
{
height:47px;
margin:0;
padding:35px 0 0 0;
}
.downarrow3_bot
{
height:47px;
margin:0;
padding:210px 0 0 0;
}

/*company*/

#site_holder_company {
	width:1400px;
	height:965px;
	margin:0 auto;
	background:url(../template_images/company_bg.jpg) center top no-repeat;
}

.comp_bodytxt
{
width:1004px;
font-size:25px;
color:#fff;
font-weight:bold;
line-height:44px;
}

#companybotpanecontainer
{
width:1023px;
height:380px;
float:left;
margin:6px 0 0 0;
}

.comp_downarrow
{
float:right;
margin:0;
padding:150px 0 0 0;
}

/*Careers*/
.careers_txt
{
font-size:16px;
color:#00a1e4;
font-weight:bold;
padding:0 0 10px 0;
line-height:24px;
float:left;
width:80px;
}

.careers_txt_contact
{
font-size:16px;
color:#00a1e4;
font-weight:bold;
padding:0 0 10px 10px;
line-height:24px;
float:left;
}

.careers_txt2
{
font-size:16px;
color:#fff;
float:left;
font-weight:bold;
padding:0 0 10px 10px;
line-height:24px;
text-decoration:underline;
}

#site_holder_careers {
	width:1400px;
	height:965px;
	margin:0 auto;
	background:url(../template_images/careers_bg.jpg) center top no-repeat;
}

/*Contact*/

#site_holder_contacts {
	width:1400px;
	height:965px;
	margin:0 auto;
	background:url(../template_images/contact_bg.jpg) center top no-repeat;
}

h3 {
width:700px;
font-size:42px;
color:#fff;
font-weight:bold;
float:left;
margin:0;
padding:30px 0 20px 10px;
}

.contacttxt
{
width:100%;
font-size:16px;
color:#fff;
font-weight:bold;
float:left;
padding:0 0 10px 10px;
line-height:24px;
}

.contactadd_txt
{
font-size:16px;
color:#fff;
float:left;
font-weight:bold;
padding:0 0 10px 10px;
line-height:24px;
text-decoration:none;
}

.contacttxt_email
{
width:100%;
font-size:16px;
color:#fff;
font-weight:bold;
float:left;
padding:0 0 10px 10px;
line-height:24px;
text-decoration:underline;
}

/*Blog Page*/

#site_holder_blog {
	width:1400px;
	height:965px;
	margin:0 auto;
	background:url(../template_images/blog_bg.jpg) center top repeat;
}


.postcontainer
{
width:963px;
float:left;
border-top:1px solid #fff;
margin:40px 0 0 20px;
padding:0;
}


.blog_txt
{
width:530px;
font-size:16px;
color:#fff;
font-weight:bold;
padding:20px 0 0 0;
line-height:24px;
float:left;
}

.blogimage
{
width:424px;
float:right;
padding:20px 35px 0 0;
margin:0;
}

.postcontainer2
{
width:963px;
float:left;
border-top:1px solid #fff;
margin:40px 0 35px 10px;
padding:0;
}

.date
{
width:100px;
font-size:16px;
color:#00a1e4;
font-weight:bold;
padding:20px 0 0 0;
line-height:24px;

}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    padding: 20px 0;
}