@import url("jquery.lightbox-0.5.css");
@import url("thickbox.css");

A,BODY,CAPTION,DIV,EM,FIELDSET,H1,H2,H3,H4,H5,H6,INPUT,LABEL,LEGEND,LI,OL,P,SELECT,SPAN,STRONG,SUP,TD,TEXTAREA,TH,UL {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
HTML, BODY{
    font-size:0.8em;
    color: #333333;
    margin: 0;
    padding: 0;
    border-width: 0;
    width: 100%;
    /*height: 100%;*/
    text-align: left;
}

BODY{background-image:url(../image/layout/shadow.gif);background-repeat:repeat-y;background-color:#ffffff;background-position:center;}

A {
	border-bottom:dotted 1px #666666;
	text-decoration: none;
	line-height:1.2em;
	margin-top:5px;
}
A:link, A:visited{color: #333333;}/**/
A:hover, A:active{color: #0083c2;}/*border-bottom:dotted 1px #5dbb17;text-decoration:none;*/
A.greyU, A.greyU:link, A.greyU:visited, A.greyU:hover {color:#666666;text-decoration:underline;border:0;}

H3, H3 A, H3 A:visited, H3 A:link, H3 A:active{font-size:1.0em;color: #0083c2;margin:0px 0px 5px 0px;padding:0px;font-weight:bold;text-decoration:none;border:0;}
H3 A:hover { border-bottom: dotted 1px #0083c2;}
H4 {font-size:1.0em;color: #333333;margin:0px 0px 5px 0px;padding:0px;font-weight:bold;}
H5 {font-size:1.0em;color: #333333;margin:-5px 0px 5px 0px;padding:0px;font-style:italic;font-weight:normal;}
IMG{border-width:0px;margin:0px;}
P {margin:0px 0px 5px 0px;padding:0px;}
LI{}
DIV {margin:0px;padding:0px;}
FORM{margin:0px;padding:0px;}
INPUT, TEXTAREA{font-size: 100%;font-family: Verdana, Arial, Helvetica, sans-serif;border:solid 1px #000000;float:left;width:296px;}

/************* ids *************/
#topback
{
	width:100%;
	height:61px;
	background-image:url(../image/layout/headback.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#navcontainer
{
	width:770px;
	height:61px;
	margin:0 auto;
}

#topbar{
	background-image:url(../image/layout/topbar.gif);
	background-repeat:repeat-y;
	width:760px;
	height:20px;
	float:left;
	}


#navigation{
	width:760px;
	height:61px;
	float:left;
	margin:0;
}

#menubtns{
	width:760px;
	height:41px;
	background-image:url(../image/layout/menuback.gif);
	background-repeat:repeat-y;
	float:left;
}

div#menubtns UL 
{
	display:inline;
	float:right;
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
div#menubtns LI
{
	width:100px;
	height:40px;
	float:left;
	margin: 0p;
	border-bottom:solid 1px #ffffff;
}

div#menubtns LI A {border:0px;}

#header{
	width:100%;
	background-image:url(../image/layout/greyback.gif);
	background-repeat:repeat-x;
	text-align:center;
}

#homeheadercontainer
{
	width:770px;
	height:239px;
	margin:0 auto;
	background-color:#ffffff;
	background-image:url(../image/layout/homeheadback.gif);
	background-repeat:repeat-x;
	
}

#headercontainer
{
	width:770px;
	height:89px;
	margin:0 auto;
	background-color:#ffffff;
	background-image:url(../image/layout/homeheadback.gif);
	background-repeat:repeat-x;
}

#headerimage
{
	float:left;
	width:600px;
	height:89px;
}

#logo{
	width:160px;
	height:89px;
	float:left;
}

#logo A{border:0;}

#latestproject
{
	float:left;
	width:600px;
	height:239px;
	background-image:url(../image/content/project/blue_wing_house/bluewingnew_600x239.jpg);
	background-repeat:no-repeat;
}

#lphead
{
	float:left;
	width:300px;
	height:50px;
	margin-top:189px;
}

#lphead A{border:0;}

#lpbox
{
	float:left;
	width:300px;
	height:239px;
	padding:109px 35px 10px 35px;
	text-align:left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:230px;
	height:110px;
	
}

html>body #lpbox 
{
	width:230px;
	height:110px;
}

#content
{
	width:760px;
	margin: 5px 5px 0px 5px;
	margin: 0 auto;
	padding-top:5px;
}

#footerback
{
	float:left;
	width:100%;
	height:50px;
	background-image:url(../image/layout/footerback.gif);
	background-repeat:repeat-x;
	text-align:center;
	margin-top:5px;
	margin-bottom:20px;
}

#footercontainer
{
	width:770px;
	height:50px;
	margin:0 auto;
}

#footer{
	width:760px;
	height:50px;
	float:left;
	margin:0;
	background-color:#ffffff;
}

#footerbar{
	background-image:url(../image/layout/footerstrip.gif);
	background-repeat:repeat-y;
	width:760px;
	height:10px;
	float:left;
	margin-top:1px;
	}
	
#footerlinks
{
	color:#666666;
	float:left;
	width:600px;
	text-align:center;
	margin-top:10px;
}

#breadcrumbs
{
	widows:600px;
	margin:-2px 0px 5px 160px;
	text-align:left;
}

#breadcrumbs A{
	text-decoration:underline;
	border:0;
}

#smallhead, #medhead, #largehead, #projectshead, #contacthead, #galleryhead{
	width:760px;
	height:25px;
	background-repeat:repeat-y;
	float:left;
	padding:0px;
	margin-bottom:5px;
	background-color:#dfdede;
}

#smallhead{
	background-image:url(../image/layout/profile_back.gif);
	background-position:-120px;
}

#medhead{
	background-image:url(../image/layout/profile_back.gif);
	background-position:-90px;
}

#largehead{
	background-image:url(../image/layout/services_back.gif);
}

#projectshead{
	background-image:url(../image/layout/projects_back.gif);
}

#galleryhead{
	background-image:url(../image/layout/gallery_back.gif);
}

#contacthead{
	background-color:#b5b5b5;
}

#profilecontent, #servicescontent, #servicecontent, #projectscontent, #contactcontent, #sitemapcontent, #gallerycontent{
	width:760px;
	background-repeat:repeat-y;
	float:left;
	text-align:left;
	padding:20px 25px 20px 25px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:710px;
	background-color:#ffffff;
}

#profilecontent{
	background-image:url(../image/layout/profilecontent_back.gif);
}

#gallerycontent{
	background-image:url(../image/layout/gallerycontent_back.gif);
}

#servicescontent{
	background-image:url(../image/layout/servicescontent_back.gif);
}

#servicecontent{
	background-image:url(../image/layout/projectcontent_back.gif);
}

#servicecontent UL#subnav
{
	width:255px;
	float:left;
	list-style:none;
	padding:0;
	margin:0px 50px 0px 0px;
}

#servicecontent UL#subnav A H3
{
	text-decoration:underline;
}

#servicecontent UL#subnav LI UL
{
	list-style:none;
	padding:0;
	margin:0;
}

#servicecontent UL#subnav LI UL LI
{
	margin-bottom:10px;
}

#servicecontent UL#related
{
	list-style:none;
	padding:0;
	margin:0px 50px 0px 0px;
}

#servicecontent UL#related A H3
{
	text-decoration:underline;
}

#servicecontent UL#related LI UL
{
	list-style:none;
	padding:0;
	margin:0;
}

#servicecontent UL#related LI UL LI
{
	margin-bottom:10px;
}

#sitemapcontent UL#subnav LI
{
	list-style:none;
	padding:0;
	margin-bottom:10px;
}

#sitemapcontent UL#subnav
{
	width:255px;
	float:left;
	list-style:none;
	padding:0;
	margin:0px 0px 0px 0px;
}

#sitemapcontent UL#subnav LI UL
{
	list-style:none;
	padding:0;
	margin-left:20px;
}

#sitemapcontent UL#subnav LI UL H4
{
	font-size:1.0em;color: #0083c2;margin:0px 0px 10px 0px;padding:0px;font-weight:normal;
}

#sitemapcontent UL#subnav LI UL LI
{
	margin-bottom:10px;
}

#projectscontent{
	background-image:url(../image/layout/servicescontent_back.gif);
	width:470px;
}

#contactcontent{
	background-image:url(../image/layout/contactcontent_back.gif);
}

#thecompany{
	float:left;
	width:230px;
	margin-right:50px;
}

#theteam{
	float:left;
	width:430px;
}

#contactdetails
{
	float:left;
	width:135px;
	margin-right:50px;
}

#enquiryform
{
	float:left;
	width:430px;
	margin:0;
	padding:0;
}

#productbox{
	width:400px;
	float:left;
}

/*#content 
{
	width:795px;
	height:100%;
	padding:0px 40px 0px 40px;
	color:#666666;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:715px;
}

html>body #content 
{
	width:715px;
}*/


/*********** classes ***********/
.homehead
{
	float:left;
	width:160px;
	margin-top:20px;
	}
.homehead A
{
	border:0;
}	
.greybox
{
	width:600px;	
	float:left;
	background-color:#dfdede;
	padding:20px 25px 20px 25px;
	text-align:left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:550px;
}

html>body .greybox 
{
	width:550px;
}

.topshadow{
	width:5px;
	height:61px;
	float:left;
}

.botshadow{
	width:5px;
	height:50px;
	float:left;
}

.homeshadow{
	width:5px;
	height:239px;
	float:left;
}

.shadow{
	width:5px;
	height:89px;
	float:left;
}

.highlight{
	background-color:#b5b5b5;
}

.servicebox{width:260px;float:left;}
A.service
{
	border:0;
}

.services UL
{
	list-style:none;
	padding:0;
	margin:0;
}

.services UL LI
{
	margin-bottom:10px;
}

.services{width:210px;float:left;}

/******* classes - general *******/
.fr {float:right;}
.fl {float:left;}
.fn {float:none;}
.br {clear:both;}
.tal {text-align:left}
.tac {text-align:center}
.tar {text-align:right}
.vat {vertical-align:top}
.vam {vertical-align:middle}
.vab {vertical-align:bottom}
.hdn {display:none}
.block {display:block;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.di{display:inline;}
.lightgrey {color:#cccccc;}
.b0 {border:0;}
.p0 {padding:0px;}
.m0 {margin:0px;}
.mt5 {margin-top:5px;}
.mb5 {margin-bottom:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr0 {margin-right:0px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mr10 {margin-right:10px;}
.mr13 {margin-right:13px;}
.mb10 {margin-bottom:10px;}
.ml50 {margin-left:50px;}
.mr5 {margin-right:5px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml100 {margin-left:100px;}
.ml130 {margin-left:130px;}
.ml200 {margin-left:200px;}

.w70{width:70px;}
.w100 {width:100px;}
.w185 {width:185px;}
.w675 {width:675px;}
.w695 {width:695px;}
.w715 {width:715px;}
.w760 {width:760px;}
.w761 {width:761px;}
.w300 {width:300px;}
.w325 {width:325px;}
.w260 {width:260px;}
.w295 {width:295px;}
.w129 {width:129px;}
.w130 {width:130px;}
.w400 {width:400px;}
.w430 {width:430px;}
.w470 {width:470px;}
.w546 {width:546px;}

.w30p{width:30%;}
.w70p{width:70%;}
.w100p {width:100%;}

.h100{height:100px;}

.black{color:#000000;}
.blue{color: #0083c2;}

.whitebtn{
	border:solid 1px #666666;
	background-color:#ffffff;
	color:#333333;
	font-weight:bold;
	width:80px;
}

/*-------------------GALLERY------------------*/
div.thumb{width:70px;height:70px;float:left;margin-top:5px;}
div.videoThumb{width:141px;height:141px;float:left;}
div.videoThumb, div.thumb A{border:none;}
div.videoThumb, div.thumb A IMG{border:solid 2px #ffffff;}

#gallerycontent div.imageContent{width:445px;float:left;margin-right:20px;}
#gallerycontent div.videoContent{width:145px;float:left;}

ul#imagesList, ul#videoList{ list-style-type:none;float:left;margin:0;padding:0;}
ul#imagesList li{float:left;display:inline;margin-right:5px;margin-bottom:10px;}
ul#imagesList li.last{margin-right:0px;}
ul#imagesList li A, ul#videoList li A{border:none;}
ul#imagesList li A IMG, ul#videoList li A IMG{border:solid 2px #ffffff;}

ul#videoList{width:145px;}
ul#videoList li{float:left;width:145px;margin-bottom:10px;}
ul#videoList li A IMG{margin-bottom:0px;}
ul#videoList li A SPAN{font-weight:bold;}

/*--------------------------------------------*/


/*#content 
{
	width:795px;
	height:100%;
	padding:0px 40px 0px 40px;
	color:#666666;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:715px;
}

html>body #content 
{
	width:715px;
}*/