/*
Body bg, pattern courtesy of:
evaneckard.com

Colours

base grey #737373
red #4938A5
gree 61BE00

light red 937A75

white #E1E1E1






*/


/*
    RESET
*/
* {margin: 0; padding: 0;}

html {overflow-y: scroll;}

html, body {height: 100%;}



body {font-size: 67.5%; font-family: Tahoma, Geneva, sans-serif; color: #3C3C3C;

background:#DCD5FF url(../graphics/body_bg.gif) repeat;

position:relative;  }

ul {list-style: square inside;}

ol {list-style: decimal inside;}

a {outline: none; text-decoration: none;}

a img {border: none; background: none;}

img {vertical-align: middle; border: none;}

table {border-collapse: collapse;}


 /*     UTILITY */

.floatLeft {float: left; display:inline;}

.floatRight {float: right;display:inline;}

.clear {clear: both;}




/*     TYPGROGRAPHY */

p, li, dl, address {font-size: 1.5em; line-height: 1.5em;  }

a:link {color: #4938A5; text-decoration: none; border-bottom: 1px dotted#4938A5;}

a:visited {color:#4938A5; text-decoration: none; border-bottom: 1px dotted#4938A5;}

a:hover {color: #3C3C3C; text-decoration: none; border-bottom: 1px solid #3C3C3C;}

h1 {font-size: 2.9em; font-weight: normal; color: #4938A5; letter-spacing:-2px; font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif; text-transform:capitalize; font-variant:small-caps; text-align: justify }

h2 {font-size: 1.9em;  color: #4938A5; letter-spacing:0px; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; font-style:italic;text-align:left;text-transform:capitalize; }

h3 {font-size: 1.8em;  color: #3C3C3C; letter-spacing:0px; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; font-style: italic;text-align:left; }

h4 {color: #4938A5; font-size: 2.0em; margin-bottom: 15px;text-align:left;text-transform:capitalize; font-variant:small-caps;}

address { font-style:normal;}

/*     STRUCTURE */

div#background { background: url(../graphics/background.jpg) no-repeat 50% 0; 
 height:400px;  
 width:100%;  
 display:table;
 padding: 0;
 margin: 0;  }

#wrapper {margin: 20px auto 0 auto; width: 960px; border: 2px solid #fff; 
background:url(../graphics/wrapper_bg.png) repeat ;
 position:relative z-index:100;}

#header { position:relative; width: 100%; height: 220px; display:none}
#navigation {float: left; width: 250px;display:inline;}

#content {float: right; width: 680px; padding-top: 10px;display:inline; }

#footer {float: left;display:inline; position: relative; height: 80px; clear: both; overflow:visible;  width: 100%; text-align: left; margin: 45px auto 0 auto; color:#3C3C3C;  font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;  font-size: 0.9em; border-top: 1px dashed #CCCCCC; }

div#seo {margin: 2px auto 35px auto; width: 800px; color:  #fff; z-index: 200; }


/* Header

#header img#logo {float: left; margin:10px; padding:0; clear:both; position:absolute; }
#header address#head_add {float: right; margin:20px 40px auto auto; padding:0; clear:both;  text-transform:capitalize; font-variant: small-caps; text-align:center; letter-spacing:2px; font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif; font-weight: 500;font-size: 1.5em ; color:#4938A5; line-height:1.1em }

 */

/* Navigation */

#navigation img#logo {float: left;display:inline; margin: 5px 5px 20px; padding:0; }
#navigation img#mast_build {margin: 30px 13px; padding:0; }
#navigation img#aip {margin: 15px 13px; padding:0;  border:none; }
#navigation a:link {padding:0; margin:0; outline:0;  border: none}
#navigation a:hover {padding:0; margin:0; outline:0;  border: none}

#navigation dl#menu{width: 100%; margin-top: 10px;}

#navigation dl#menu dt {margin: 10px 0 10px 13px; }

#navigation dl#menu dt a {display: block; padding: 5px; outline: none; border: none; color:#4938A5; font-weight: 300;   text-align:left; letter-spacing:-1px; font-family:Tahoma, Geneva, sans-serif; font-weight: 500;font-size: 1.2em;  outline:none; border-bottom: 1px solid #fff; padding-left:0px;}

/*
body#index dt#menu_index a, body#about dt#menu_about a, body#menu_our_services dt#menu_our_services a,  body#off_fitouts dt#menu_off_fitouts a ,  body#comm_builders dt#menu_comm_builders a ,  body#comm_roof dt#menu_comm_roof a ,  body#contact dt#menu_contact a {
 }
 )*/
 
  #audio_cntrls{
width:100%;
float:left;
position: relative; 
margin-top:15px; 
display:inline;
}
#audio_cntrls p{
text-align: right;
padding-right: 10px;
}


/* Content */


#content p, address{margin: 15px 30px; }

#content h1, #content h2, #content h3, #content h4 {margin: 15px 30px;}

#content ul, #content ol, #content dl {margin: 15px 30px  15px 60px;}


#content dt.no_style, #content li.no_style { list-style:none; }

#content img {padding: 5px; border: 1px solid #FFFFFF;  margin:20px;}

#content dt, #content li {margin: 15px 0 15px  5px; padding: 5px auto;  vertical-align: middle; line-height:inherit;}


#content dt.no_style, #content li.no_style { list-style:none; }


#content div#movie {margin: 20px; float: right;display:inline; padding: 0;}

#content div#movie object {margin: 0; padding: 0; border: 1px solid #CCCCCC;}



body#gallery div#content img { margin:8px; }

#content blockquote { font-family:"Times New Roman", Times, serif; font-style:italic; padding: 15px; background-color:#F9F9F9; width: 75%; margin: 20px auto; font-size: 1.5em;} 


body#contact div#content address {} 
body#contact div#content abbr { font-weight:600;margin-right: 3px;} 



/* MILKBOX */

#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #666666; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 49%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	/* set the Milkbox background color */
	
	 
background:url(../graphics/wrapper_bg.png) repeat ;
	
	 border: 2px solid #fff;/* set the Milkbox border */
	margin:0 auto; padding:10px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(../graphics/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbImage{ margin:0 auto; padding:0; height:0;  font-size:0; overflow:hidden; border: 1px solid #fff; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom { 
	/* set text options */
	
	font-size: 1.2em;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;display:inline;
	width:27px;
	padding-top:3px;
	border-left:1px solid #F3F3F3;/* set nav border */
}


#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;display:inline;
	text-align:right;
	font-size:1.0em; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink{
	outline:none;
	display:block;
	float:right;display:inline;
	height:20px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url(../graphics/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(../graphics/milkbox/next.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; border: none;}

#mbCloseLink {
	width:20px;
	background: transparent url(../graphics/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}

/* END MILKBOX */


 /*     FORM     */

form {width: 380px; height: auto; text-align: right; vertical-align: top; padding: 20px 5px 50px 5px; margin: 20px auto; border: 1px solid #CCCCCC; font-size:1.3em; }

form br {clear: left;}

form label {cursor: pointer; vertical-align: top; float: left; display:inline;width: 350px; color:#3C3C3C; margin:0 auto;}

form .text_inp, .text_area {font-size: 1.2em; color:#4938A5; font-family: Courier New, Courier New, Courier6, monospace; background-color: #FCFCFC; border: 1px solid #CCCCCC; line-height: 1.4em; vertical-align: top; text-align: left;}

form .text_inp {margin: 0px; width: 270px; height: 17px; line-height: 1.4em; padding-top: 0px; margin-bottom: 8px; clear: left;}

form .text_area {width: 270px; height: 120px; white-space: normal; overflow: hidden; vertical-align: top; padding-top: 0px; margin-bottom: 8px;}

form .sbm_butt {cursor: pointer; background-color:#4938A5; font-size: 1.2em; margin: 0px; color: #fff; font-family: Verdana, Verdana, Geneva, sans-serif; float: right; display:inline;margin-right: 30px; padding: 2px 4px;  border: solid 2px #F9F9F9; }





/* FOOTER */


div#footer p { text-align:center; padding-top: 20px; width:100%; clear: none; vertical-align: middle;  line-height:1.6em; vertical-align:middle; position:relative; }

div#footer p img#foot_logo { border:0; margin:0 10px; padding:0; }

div#footer strong { font-weight:900;font-size: 1.1em; text-transform:capitalize;  }




 /* SEO */



div#seo p {font-size: 1.1em; line-height: 1.8em; vertical-align: top; background:url(../graphics/seo_bg.png) repeat ;}

#seo p#heff {float: left;display:inline; margin: 0 auto 10px 30px; padding: 0;}

#seo p#site_map {float: right;display:inline; margin: 0 30px 10px auto; padding: 0;}

div#seo a:link {color:  #fff; text-decoration: none; border-bottom: 1px dotted   #fff;}

div#seo a:visited {color:   #fff; text-decoration: none; border-bottom: 1px dotted   #fff;}

div#seo a:hover {color:   #fff; text-decoration: none; border-bottom: 1px solid   #fff;}