@charset "UTF-8";
/* CSS Document */

html{
    overflow-y: scroll;
}
@import url(http://fonts.googleapis.com/css?family=Raleway:300,600,400);
body {
    background: url("../images/bg.jpg") repeat-x scroll 0 0 #FFFFFF;
    color: #333333;
    font-family: 'Raleway', sans-serif;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}

* {
   outline: none;
}

a:link {
	text-decoration: none;
	color:#66CCFF;
	font-weight:400;
	font-size:20px;

}
a:visited {
	text-decoration: none;
	color: #333333 /*#6FAC2A*/;
}
a:hover {
	text-decoration: none;
	color:#66CCFF;
}

a { 
	outline: none;
}

p {
	
	color:#999999;
	line-height:22px;
	font-size:18px;
	text-align:center;
	margin-left: 50px;
	margin-right: 50px;
}



img { border: none; }


h1{margin:0px; padding:0px;}

h1 a {
	width: 980px;
	height: 70px;
	display: block;
	text-indent: -3000px;
	text-decoration: none;
	margin-left: 30px;
	margin-right: 30px;
}


h2{
	color:#333333;
	font-weight:normal;
	font-size:16px;
	padding-bottom:7px;
	margin:0;
	line-height:13px;
	text-align:center;

}

h3{
	color:#00AFEA;
	font-weight:400;
	font-size:20px;
	padding-bottom:0px;
	margin:0;
	line-height:20px;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
}

h4{
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding-bottom:7px;
	margin:0;
	line-height:20px;
	text-align:justify;
	margin-left: 0px;
	margin-right: 0px;
}
h5{
	color:#66CCFF;
	font-weight:normal;
	line-height:20px;
	font-size:12px;
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
}
h6{
	color:#333333;
	font-weight:normal;
	font-size:13px;
	padding-bottom:7px;
	margin:0;
	line-height:20px;
	text-align:center;
	margin-left: 30px;
	margin-right: 30px;
}
h7{
	color:#333333;
	font-weight:normal;
	font-size:14px;
	padding-bottom:7px;
	margin:0;
	line-height:20px;
	padding-right:30px;
	text-align:justified;
	margin-left: 30px;
	margin-right: 30px;
}

h8{
	color:#00AFEA;
	font-weight:bold;
	font-size:16px;
	padding-bottom:0px;
	margin:0;
	line-height:20px;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
}

h9{
	color:#333333;
	font-weight:bold;
	font-size:16px;
	padding-bottom:0px;
	margin:0;
	line-height:20px;
	text-align:center;
	margin-left: 0px;
	margin-right: 0px;
}

h2 a {
	color:#9dca3b;
}

.green{
	color:#666666; 
	font-size:13px;
}

#wrapper {
	width:980px;
	padding:0px;
	margin:0 auto;
	position:relative;
	text-align:left;
}



#home-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header1.png)
}
#home1-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header1.png)
}

#contacts-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header.png)
}

#architects-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header.png)
}

#graphics-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header.png)
}

#background-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header.png)
}

#terms-header {
	width:980px;
	height:300px;
	background-image:url(../headers/header.png)
}

#main-menu {
	height:35px;
	text-transform:sentencecase;
	font-size:13px;
	text-align:left;
	padding:0;
	margin:0;
	margin-bottom:20px;
}

#main-menu li
{
	list-style: none;
	line-height:28px;
	float:left;
	width:196px;
	text-align:left;
	/*font-weight:bold;*/
}

#main-menu li a{
	color:#fff;	
	text-decoration: none;
}

#main-menu li a:hover{
	color: #555;
}

#main-menu li a#current{
	color:#555;
}


#main-content-terms{
	text-align:justify;
}

#main-content-terms h2 {
	padding-bottom:0px;
	text-align:left;
}

#main-content-terms p {
	margin:0px;
	padding-bottom:15px;
	font-size:13px;
	line-height:13px;
}

h2.terms-align {
	text-align:center !important;
	margin-bottom:10px;
}

#main-content{}

#main-content p{
	padding-bottom:10px;
	}

#index-image{
	width:980px;
	height:610px;
	background-image:url(../images/index-image.jpg);
	text-align:center;
	padding-left:0px;
}

#home-image h2 {
	padding-top:130px;
	margin:0;
	font-weight:normal;
	font-size:14px;
	text-align:left;
}
#img-shadow {
	background: url(shadow-980x350.jpg) no-repeat right bottom;
	padding: 30px;
}
#menu-image{
	width:980px;
	height:50px;
	background-image:url(../images/menu-image.jpg);
	text-align:left;
	padding-left:30px;
}
#menu-image2{
	width:980px;
	height:50px;
	background-image:url(../images/menu-image.jpg);
	text-align:center;
	padding-left:0px;
}
#footer-image{
	width:980px;
	height:40px;
	background-image:url(../images/footer.jpg);
	text-align:left;
	padding-left:0px;
}
#arch-image{
	width:980px;
	height:100px;
	background-image:url(../images/arch-bg.jpg);
	padding-top:245px;
	margin-bottom:-40px;
}

#arch-design-image{
	width:980px;
	height:350px;
	margin-top:0px;
	margin-bottom:10px;
}
#client-image{
	width:980px;
	height:78px;
	margin-top:0px;
	margin-bottom:10px;
}
#background-image{
	width:980px;
	height:200px;
	margin-top:0px;
	margin-bottom:10px;
}
#graphics-wrapper{margin-top:0px;}
.graphics-box{width:195px; height:195px; float:left; margin-bottom:40px; font-size:0.9em;margin-left: 0px;}
.graphics-box1{width:195px; height:195px; float:left; margin-bottom:40px; font-size:0.9em;margin-left: 0px;}
.graphics-image{padding:0px; margin:0px;}
.graphics-label p{
	padding:0px; 
	margin:0px;
	text-transform:sentencecase;
	text-align:center; 
	padding-top:2px;
	font-size:13px;
	}
	
ul#architect {
	margin:16px 0 0 0;
	padding:0;
}

#architect li {
	float:left;
	list-style-type: none;
	font-size:13px;
}

li#design-standards-li {
	padding-right: 100px;
	padding-left: 0px;
}

li#branding-li {
	padding-right: 140px;
	padding-left: 0px;
}

li#planning-li {
	padding-right: 133px;
	padding-left: 0px;
}

li#tenders-li {
	padding-right: 0px;
	padding-left: 0px;
}

li#signage-li {
	padding-left: 100px;
	padding-right: 0px;
}

.justify {
	text-align:justify;
}

#footer-container {
	background: #FFFFFF url("../images/bg-footer.jpg") repeat-x;
	clear: both;
}#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}