﻿body 
{
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	background-color:#e1e6ea;
	color:#464646;
	font-size:11px;
	font-family:Arial,Verdana,Times New Roman;
	height:100%;
}

/* main viewing area for the website */
.maindivouter
{
	margin-left:auto;
	margin-right:auto;
	width:1035px;
	min-height:100%;
}
.maindiv
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	background-color:#fafbfc;
	width:1035px;
    min-height:100%;
}
/* borders */
.topborder
{
	float:left;
	height:3px;
	width:989px;
	background-image:url('images/top.png');
	background-repeat:repeat-x;	
}
.bottomborder
{
	height:6px;
	width:989px;
	background-image:url('images/bottom.png');
	background-repeat:repeat-x;	
	float:right;
}
/* LHS with angled image, logo and menu*/
.lefthandside
{
	float:left;
	width:32px;
	height:100%;
	background-color:#0a9adb;	
}
.lefthandside_contracts
{
	float:left;
	width:32px;
	height:100%;
	background-color:#1a3281;
}
.lefthandside_construction
{
	float:left;
	width:32px;
	height:100%;
	background-color:#00a0e3;
}
.lefthandside_maintenance
{
	float:left;
	width:32px;
	height:100%;
	background-color:#ed1c24;
}
.lefthandside_projects
{
	float:left;
	width:32px;
	height:100%;
	background-color:#47a145;
}
.lefthandside_floor
{
	float:left;
	width:32px;
	height:100%;
	background-color:#009793;
}

/*RHS with main content*/
.righthandside
{
	width:1010px;
	float:left;
	height:100%;
}

.menuandlogo
{	
	width:175px;
	float:left;
	margin-left:47px;
	margin-top:36px;
}

.maincontent
{
	width:765px;
	float:left;
	
	margin-left:15px;
	margin-top:36px;	
}


/* the grey line break at the bottom of the page */
.linebreak
{
	width:991px;
	height:1px;
	background-color:#c2cdd1;
	float:right;
	margin-top:270px;
}
.url
{
	color:#c2cdd1;
	text-align:right;
	font-size:32px;
	width:945px;
	margin-top:5px;
	margin-bottom:5px;	
	float:left;
}
.legals
{
	color:#7c7c7c;
	text-align:right;
	font-size:12px;
	width:945px;
	margin-bottom:18px;
	float:left;
}
.legals a
{
	color:#7c7c7c;
}


/* menu */
.logo
{
	height:115px;
	width:175px;	
	margin-bottom:10px;
	background-image:url('images/stratalogo_plain.png');
	background-repeat:no-repeat;
}
.logo_contracts
{
	height:115px;
	width:175px;	
	margin-bottom:10px;
	margin-left:10px;
	background-image:url('images/stratalogo_darkblue.png');
	background-repeat:no-repeat;
}
.logo_construction
{
	height:115px;
	width:175px;	
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('images/stratalogo_blue.png');
	background-repeat:no-repeat;
}
.logo_maintenance
{
	height:115px;
	width:175px;	
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('images/stratalogo_red.png');
	background-repeat:no-repeat;
}
.logo_projects
{
	height:115px;
	width:175px;	
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('images/stratalogo_lightgreen.png');
	background-repeat:no-repeat;
}
.logo_floor
{
	height:115px;
	width:175px;	
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('images/stratalogo_green.png');
	background-repeat:no-repeat;
}
.latestnews
{
	margin-top:15px;
	width:175px;
}
.latestnewstitle
{
	background-color:#e39101;
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	color:White;
	
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.latestnewsheader
{
	background-color:#e5cd8f;
	width:167px;
	height:100%;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	padding-bottom:5px;
	color:#6e6e6e;
	
	text-decoration:none;
	font-weight:bold;
}
.latestnewscontent
{
	background-color:#e5cd8f;
	width:159px;
	height:100%;
	
	display:block;
	
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
	color:#6e6e6e;
	
	text-decoration:none;
}
.more
{
	background-color:#e5cd8f;
	width:159px;
	height:100%;
	
	display:block;
	
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;	
	
	text-decoration:none;
	text-align:right;
}
.more a
{
	color:#6e6e6e;
}
.menu
{
	width:175px;
}
.menu a
{
	background-color:#e1e6ea;
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	color:#777c80;
	
	text-decoration:none;
}
.menu a:hover
{
	background-color:#00a0e3;
	color:White;
}
.menu a.menucontracts:hover
{
	background-color:#1a3281;
	color:White;
}
.menu a.menuconstruction:hover
{
	background-color:#00a0e3;
	color:White;
}
.menu a.menumaintenance:hover
{
	background-color:#ed1c24;
	color:White;
}
.menu a.menuprojects:hover
{
	background-color:#47a145;
	color:White;
}
.menu a.menufloor:hover
{
	background-color:#009793;
	color:White;
}
a.menucelllinkselected
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#c7d1d7;
	color:White;
	font-weight:bold;
}
a.menucelllinkselectedcontracts
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#1a3281;
	color:White;
	font-weight:bold;
}
a.menucelllinkselectedconstruction
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#00a0e3;
	color:White;
	font-weight:bold;
}
a.menucelllinkselectedmaintenance
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#ed1c24;
	color:White;
	font-weight:bold;
}
a.menucelllinkselectedprojects
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#47a145;
	color:White;
	font-weight:bold;
}
a.menucelllinkselectedfloor
{
	width:167px;
	height:22px;
	
	display:block;
	
	padding-top:5px;
	padding-left:8px;
	
	text-decoration:none;
	
	background-color:#009793;
	color:White;
	font-weight:bold;
}

.menuspacer
{
	width:175px;
	margin-bottom:2px;
	background-color:#e1e6ea;
}

/* main content */
.heroquote
{	
    background-image:url('images/constructingtomorrowtoday.jpg');
    background-repeat:no-repeat;
	float:right;
	margin-top:60px;
	margin-bottom:24px;
	width:465px;
	height:40px;
}
.mainouter
{
    background-color:#ccd5da;
	width:765px;
	padding-top:14px;
	float:left;
}
.mainouter_contracts
{
    border:solid 8px #1a3281;
	background-color:#ccd5da;
	width:749px;
	padding-top:14px;
	float:left;
}
.mainouter_construction
{
    border:solid 8px #00a0e3;
	background-color:#ccd5da;
	width:749px;
	padding-top:14px;
	float:left;
}
.mainouter_maintenance
{
    border:solid 8px #ed1c24;
	background-color:#ccd5da;
	width:749px;
	padding-top:14px;
	float:left;
}
.mainouter_projects
{
    border:solid 8px #47a145;
	background-color:#ccd5da;
	width:749px;
	padding-top:14px;
	float:left;
}
.mainouter_floor
{
    border:solid 8px #009793;
	background-color:#ccd5da;
	width:749px;
	padding-top:14px;
	float:left;
}
.bottombanner
{
	padding-top:15px;
	float:left;
}
.bottombannerleft
{
    background-color:#32b3e9;
	height:92px;
	width:590px;
	float:left;
}
.bottombannerleftimage
{
    float:left;
	height:92px;
	width:600px;
    background-image:url('images/recycle-house.gif');
	background-repeat:no-repeat;	
}
.bottombannerright
{
	height:93px;
	width:111px;
	float:left;
	margin-left:70px;
}
.bottombannerright img
{
    border-style:none;
}
.bottombannerlefttext
{
    font-size:16px;
    width:98px;
    padding-left:200px;
    float:left;
}

.largerecycle
{
    font-size:46px;
    font-weight:bold;
    line-height:46px;
    margin-top:3px;
    display:block;
}
.bottombannerrighttext
{
    width:280px;
    float:left;
    margin-top:3px;
    display:block;
    font-size:19px;
}
.smallrecycletext
{
    font-size:10px;
}
.smallrecycletext a
{
    color:white;
}
.recycleleft
{
    background-color:#32b3e9;
	height:92px;
	width:175px;
	float:left;
	margin-top:15px;
}
.recycleleft-left
{
	font-size:16px;
    padding-left:5px;
    padding-top:2px;
    float:left;
    width:100px; 
    display:block;   
}
.recycleleft-right
{
	font-size:10px;
    padding-left:0px;
    padding-top:8px;
    float:left;
    width:60px; 
    display:block;   
}
.recycleleft-right a
{
	color:White;  
}

/* main content images and copy */
.topleftimage
{
	padding-top:20px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:30px;
	vertical-align:top;
	width:222px;
	float:left;
}

.maincopyheader
{
	width:440px;
	float:left;
	font-size:19pt;
	line-height:26pt;
	margin-right:25px;
	margin-top:15px;
}
.genericheader
{
	width:700px;
	font-size:19pt;
	line-height:26pt;
	margin-left:25px;
	margin-top:15px;
}
.maincopy
{
	width:440px;
	float:left;
	font-size:14px;	
	margin-top:8px;
	margin-right:25px;
	margin-bottom:25px;
}
.maincopy3
{
	width:600px;
	float:left;
	font-size:14px;	
	margin-left:26px;
	margin-top:8px;
	margin-right:25px;
	margin-bottom:25px;
}
.maincopyintro
{
	width:440px;
	float:left;
	font-size:14pt;	
	line-height:19.5pt;
	margin-top:5.5px;
	margin-right:25px;
	margin-bottom:15px;
}
.maincopyintro2
{
	width:440px;
	float:left;
	font-size:14pt;	
	margin-top:5.5px;
	margin-right:25px;
	margin-bottom:15px;
}
.maincopyintro3
{
	width:700px;
	float:left;
	font-size:14pt;	
	margin-top:5.5px;
	margin-right:25px;
	margin-bottom:15px;
}
.maincopyintro3 img
{
	padding-left:20px;
}
.maincopy2
{
	width:440px;
	float:left;
	font-size:14px;	
	margin-top:0px;
	margin-right:25px;
	margin-bottom:15px;
}
.maincopy5
{
    width:700px;
    padding-bottom:0px;
    margin-bottom:0px;
    padding-top:0px;
    margin-top:0px;
}
.maincopy4
{
    width:700px;    
}
.maincopy a
{
    color:#76919c;
    text-decoration:underline;
}
.maincopy2 a
{
    color:#76919c;
    text-decoration:underline;
}
.maincopyinnerheader
{
    font-size:14pt;
    color:#76919c;
}
.maincopy hr
{
margin-top:25px;
margin-bottom:25px;
}
.outerfooter
{
	width:1035px;
	height:119px;
	background-image:url('images/footer.jpg');
	background-repeat:no-repeat;
	float:left;
}
.footer_contracts
{
	width:1035px;
	height:119px;
	background-image:url('images/footer_contracts.jpg');
	background-repeat:no-repeat;
	float:left;
}
.footer_construction
{
	width:1035px;
	height:119px;
	background-image:url('images/footer_construction.jpg');
	background-repeat:no-repeat;
	float:left;
}
.footer_floor
{
	width:1035px;
	height:119px;
	background-image:url('images/footer_floor.jpg');
	background-repeat:no-repeat;
	float:left;
}
.footer_projects
{
	width:1035px;
	height:119px;
	background-image:url('images/footer_projects.jpg');
	background-repeat:no-repeat;
	float:left;
}
.footer_maintenance
{
	width:1035px;
	height:119px;
	background-image:url('images/footer_maintenance.jpg');
	background-repeat:no-repeat;
	float:left;
}
.disclaimer
{
	font-size:9px;
	color:#808285;
	position:relative;
	width:50%;
	top:80px;
	left:50px;
}
.disclaimer a
{
	color:#808285;
}
.siteinfo
{
	font-size:30px;
	color:#808285;
	position:relative;
	top:50px;
	left:750px;
	width:30%;
}
.tellmemore
{
    font-size:12px;
    color:#8c9fad;
    text-decoration:underline;
    cursor:pointer;
}
.accordianheader
{
    font-size:14pt;
    margin-top:16px;
    color:#76919c;
}
.accordiancontent
{
    font-size:14px;
    border-left:solid 3px #8c9fad;
    padding-left:8px;    
}
.newsheader
{
    font-size:18px;
    padding-left:10px;
    padding-top:0px;
    color:#464646;
    cursor:pointer;
}
.mainnews
{
    padding:0px 20px 20px 15px;
    width:710px;
}
.newscontent
{
    font-size:14px;
    padding-left:10px;
    padding-bottom:14px;    
}
.newsdate
{
    font-size:12px;   
    width:100%;
}
.contactouter
{
    padding:25px;
}
.contactsection
{
    width:410px;
}
.prompts
{
    width:80px;
    display:inline-block;
    line-height:30px;
    font-size:12px;
    color:#464646;
    vertical-align:top;
}
.response
{
}
.responsemulti
{
    width:300px;
    height:150px;
}
.errorstar
{
    padding-left:5px;
    font-size:20px;
    vertical-align:top;
}
.thankyou
{
    font-size:14px;    
}
.contactdetails
{
    width:250px;
    height:250px;
    float:right;
}
