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

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, 
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	background:black;
	color:black;
	font-family:verdana, arial, sans-serif, serif;
	font-size:95%;
  line-height: 1.5; /* Unitless for proper inheritance */
  overflow-x:hidden;
  
	}
/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 
   
   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.
   
   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size).

	 percentage / 8.3333333 = font size in px
*/
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {text-decoration:none; color: #6ac071;}
a:hover {text-decoration:underline;}
a img {border:0;}
a.more { font-size: 90%; }
a#flash-button {
	display: block;
	background:url(/img/get_flash_player.gif) no-repeat;
	width: 112px;
	height: 33px;
	float: left;
	position: relative;
	}
a#flash-button span {
	display: none;
	}
#flash-feature .wrap {
	left:180px;
	position:absolute;
	top:90px;
	}
#flash-feature .wrap p {
	float:left;
	padding:7px 0 0 10px;
	}
	
span.title, h1, h2.home, h2, h3, h3.home, #feature .slide a{
	font-family:'ITCAvantGardeW01-CnMd';
}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { margin: 0 0 1.5em 0; text-align:left; font-size: 100%; }

ul, ol      { margin: 0 0 1.5em 1.5em; font-size: 100%; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

strong      { font-weight: bold; }
em        	{ font-style: italic; }

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 

  color:#111;
	font-weight: normal;
	}
h1 { font-size: 2em; margin-bottom: 0.2em; }
#project-title { width: 632px; border-bottom: 1px solid #ccc; float: left; margin-bottom: 10px; }
#project-title h2 { border: 0; margin: 0; float: left; width: 450px; }
#project-title.projects-home h2{border-bottom: 1px solid #ccc; float:none; width:auto;}
#project-title.projects-home {margin-right:15px;border:0;}
#project-title h4 { float: right; color: #676767; font-size: 120%; }
h2 { font-size: 1.6em; line-height: 1.5; margin-bottom: 0.5em; border-bottom: 1px solid #ccc; }
h2 em { float: right; }
h2.home { color: #43a44b; border: 0; width:570px;}
h3.home { color: #676767; background: url(/img/underline.gif) no-repeat bottom; padding-bottom:0.2em; margin-bottom: 0.4em}
h3 { font-size: 1.25em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
/*--------------------------------------------------------------
 Table Styles 
--------------------------------------------------------------*/
table   { margin-bottom: 1.4em; border-top:0.1em solid #ddd; border-left:0.1em solid #ddd; }
th,td   { height: 1em; padding:0.2em 0.4em; border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd; }
th      { font-weight:bold; }
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#header-outer {
	background: url(/img/header-bg.gif) repeat-x;
}
	
#recaptcha_widget_div{padding-bottom:20px}	

#header {
	width: 850px;
	height: 65px;
	margin: 0 auto;
	position: relative;
	}
#content-outer {
	background: #fff;
	}

.home #content-outer {
	background: #000;
}
#content {
	width: 850px;
	margin: 0 auto;
	padding: 20px 0;
	}
.home #content{padding-top:0;}
#content li {
	margin-bottom: 0.5em;
	}
.left, .right {
	width: 50%;
	float: left;
	}
.right p {
	text-align: right;
	}
#flash-feature {
	width: 850px;
	height: 231px;
	background: #eee;
	margin-bottom: 18px;
	position:relative;
	}
#left, #right{
	width: 50%;
	float: left;
	}
#left .padFix {
	padding: 0 15px 0 0;
	}
#right .padFix {
	padding: 0 0 0 15px;
	}
#right .col-left,#right .col-right {
	width: 50%;
	float: left;
	}
#right .col-left .padFix {
	padding: 0 9px 0 0;
	}
#right .col-right .padFix {
	padding: 0 0 0 9px;
	}

.home #footer-outer {
	background: none;
	}
#footer {
	width: 850px;
	margin: 0 auto;
	padding-top: 15px;
	height: 224px;
	}
.director-left {
	float:left;
	width:146px;
	}
.director-right {
	float:left;
	padding:0 20px;
	width:664px;
	}
.director-left img {
	border:1px solid #B7B7B7;
	display:block;
	}
.our-business-col-1 {
	float:left;
	width:425px;
	}
.our-business-col-2 {
	float:left;
	width:405px;
	padding-left:20px;
	}
#subscribe {
	border: 1px solid #ccc;
	background: #eee;
	padding: 10px;
	float: left;
}
#subscribe fieldset {
	margin-bottom: 1em;
}
#subscribe input {
	padding: 3px;
}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#logo {
	margin:0;
	position:absolute;
	top:2px; left:0;
	width:169px;	
	height:53px;
	}
#logo a {
	display:block;
	height:53px;
	}
/*-------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
	}
#top-nav li {
	float: left;
	margin-right: 1px;
	}
#top-nav li.last {
	margin-right: 0;
	}
#top-nav li a {
	display: block;
	height: 60px;
	}
#top-nav li a:hover {
	background-position: 0 -60px;
	}
#top-nav li a.current {
	background-position: 0 -120px;
	}
#top-nav li a span {
	display: none;
	}
#home a {
	width: 77px;
	background: url(/img/nav/home.gif) no-repeat;
	}
#our-business a {
	width: 123px;
	background: url(/img/nav/our-business.gif) no-repeat;
	}
#directors a {
	width: 98px;
	background: url(/img/nav/directors.gif) no-repeat;
	}
#projects a {
	width: 91px;
	background: url(/img/nav/projects.gif) no-repeat;
	}
#testimonials a {
	width: 75px;
	background: url(/img/nav/news.gif) no-repeat;
	}
#contact a {
	width: 111px;
	background: url(/img/nav/contact.gif) no-repeat;
	}
/*-------------------------------------------------------------
 Projects styles 
--------------------------------------------------------------*/
a.project {
	color: #242323;
	display: block;
	float: left;
	padding: 10px;
	width: 612px;
	}
a.project:hover {
	color: #242323;
	text-decoration: none;
	background: #f2f2f2;
	cursor: pointer;
	}
a.project:hover span.view {
	background-position: 0 -24px;
	}
a.project img {
	border: 1px solid #b7b7b7;
	display: block;
	float: left;
	margin-right: 19px;
	margin-bottom:20px;
	}
span.text {
	font-size: 100%;
	display: block;
	float: left;
	margin-bottom: 0.5em;
	width: 390px;
	}
span.view {
	display: block;
	background: url(/img/view.gif) no-repeat;
	width: 97px;
	height: 24px;
	float: left;
	}
span.view span {
	display: none;
	}
/*---------*/
#project img {
	border: 1px solid #b7b7b7;
	margin-bottom: 5px;
	}
#project-left {
	float: left;
	width: 195px;
	}
#project-left p {
	font-size: 80%;
	color: #7e7e7e;
	}
#project-main {
	float: left;
	width: 413px;
	padding: 0 20px;
	}
#project-right {
	float: left;
	width: 202px;
	}

#project-right.projects-home{
	padding-top:33px;	
	
}
#project-right h4{margin-bottom:10px;}
#project-right ul {
	list-style: none;
	border: 1px solid #e9e9e9;
	padding: 1px;
	margin: 0;
	margin-bottom:10px;
	}
#project-right ul li {
	margin: 0;
	}
#project-right ul li a {
	display: block;
	background: url(/img/pro-bg.gif) repeat-x;
	height: 29px;
	line-height: 29px;
	color: #010101;
	}
#project-right ul li a:hover {
	text-decoration: none;
	background-position: 0 -29px;
	}
#project #project-right ul li a.current {
	background-position: 0 -58px;
	}
#project-right ul li a.current span {
	background: 0;
	}
#project-right ul li a span {
	display: block;
	background: url(/img/pro-span.gif) no-repeat 0 2px;
	height: 29px;
	padding-left: 18px;
	cursor: pointer;
	}
/*--------------------------------------------------------------
 Footer styles 
-------------------------------------------------------------*/
#footer p {
	color: #686868;
	float: left;
	font-size:11px;
	}
	
#footer ul {
	list-style: none;
	float: left;
	font-size: 11px;
	width:145px;
	}
#footer ul li {
	float:left;
	padding: 0 8px 0 5px;
	background: url(/img/footer-div.gif) no-repeat 100% 4px;
	}
#footer ul li.last {
	padding: 0 0 0 5px;
	background: 0
	}
#footer ul li a {
	color: #686868;
	}
#footer li a.alaress{background:url(/img/alaress-logo.jpg) no-repeat;width:15px; height:15px; margin:2px 0 0 3px;display:block;text-indent:-9999em; font-size:1px;}
#footer li a.alaress:hover{background-position:bottom;}
/*-----------------------------------------
	Form Styles
-----------------------------------------*/
form.std-form,  form.std-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
fieldset p { margin: 0; }
form.std-form fieldset {
	padding-bottom: 20px;
	display: block;
	}
.std-form label {
	display: block;
	margin: 0;
	font-size: 100%;
	color: #4f4f4f;
	font-weight: bold;
	}
.std-form .input_text {
	width: 250px;
	padding: 5px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #ccc;
	background:#f1f1f1;
	}
.std-form textarea.input_text {
	width: 350px;
	}
.std-form fieldset input:hover, .std-form fieldset textarea:hover,
.std-form fieldset input.ie_hover, .std-form fieldset textarea.ie_hover {
	border:1px solid #dcdcdc;
	background:#fafafa;
	}
.std-form fieldset input:focus, .std-form fieldset textarea:focus,
.std-form fieldset input.ie_focus, .std-form fieldset textarea.ie_focus {
	background:#fff;
	border:1px solid #44A54C;
	color:#000;
	}
.std-form fieldset input.submit:hover, .std-form fieldset input.submit:focus {
	background:transparent;
	border:0;
	}
/*--------------------------------------------------------------
 Form Validation styles 
--------------------------------------------------------------*/
form.std-form fieldset input.validation-failed, form.std-form fieldset textarea.validation-failed {
	border: 1px solid #f00;
}
form.std-form fieldset input.validation-passed, form.std-form fieldset textarea.validation-passed {
	border: 1px solid green;
	background:#e6f8e8;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
	font-size: 80%;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}

/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
/*--------------------------------------------------------------
 Feature
--------------------------------------------------------------*/
#feature-holder{position:absolute;top:0; left:50%; margin-left:-830px;  }
#feature {width:1660px; height:376px;margin: -4px auto 37px auto;}
#feature .slide{display:none;height:380px}
#feature .slide a{position:absolute; left:404px;  bottom:4px; font-size:19px; color:#fff;background:url(/img/home-slides/slide-link.png) repeat;padding:12px 20px; line-height:29px; width:381px;}
#feature .slide a span{position:absolute; height:35px; width:101px; right:7px; top:10px; background:url(/img/home-slides/view-project.png) no-repeat; text-indent:-9999em;}
#feature .slide a:hover span{cursor:pointer;}