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

html,body {
	margin:0;
	padding:0;
	font-family:raleway, sans-serif;
	font-size:0.9em;

}

body {
	background:#000000 url(../images/bg.jpg) repeat-x;
	color:#999999;
}

* {
   outline: none;
}

a:link {
	color:#999999;
	font-size:13.5px;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999 /*#6FAC2A*/;
}
a:hover {
	text-decoration: none;
	color:#FF6600;
}

a { 
	outline: none;
}

p {
	line-height:20px;
	font-size:13px;
	text-align:justify;
}

p1 {
	line-height:20px;
	font-size:10px;
	text-align:justify;
}

img { border: none; }


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

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


h2{
	color:#FF6600;
	font-weight:normal;
	font-size:13.5px;
	padding-bottom:2px;
	margin:0;
	line-height:20px;
	text-align:justify;
}

h3{
	color:#333333;
	font-weight:normal;
	font-size:13.5px;
	padding-bottom:2px;
	margin:0;
	line-height:20px;
}

h4{
	color:#FF6600;
	font-weight:normal;
	font-size:13.5px;
	padding-bottom:2px;
	margin:0;
	word-spacing: 10px;
	line-height:20px;
	text-align:justify;
}

i {
	color:#999999;
	font-weight:normal;
	font-size:13.5px;
	padding-bottom:2px;
	margin:0;
	line-height:10px;
}

h2 a {
	color:#9dca3b;
}

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

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

#picture {
		float:right;
		width: 490px;
	}
	
	#column1 {
		float:left;
		width:440px;
		padding-bottom:20px;
		clear: left;
	}

	#column2 {
		float:right;
		width:490px;
		padding-bottom:20px;
		clear: right;
	}
	
	
#home-header {
	width:980px;
	height:140px;
	background-image:url(../images/headers/header4.png)
}

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

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

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

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

#terms-header {
	width:980px;
	height:140px;
	background-image:url(../images/headers/header4.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:34px;
	float:left;
	width:196px;
	text-align:left;
	/*font-weight:bold;*/
}

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

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

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


#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:0px;
	}

#home-image{
	width:312px;
	height:185px;
	background-image:url(../images/headers/home-image.jpg);
	margin-left:324px;
	text-align:left;
	padding-left:28px;
}

#home-image h2 {
	padding-top:130px;
	margin:0;
	font-weight:normal;
	font-size:14px;
	text-align:left;
}

#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;
}

#graphics-wrapper{margin-top:0px;}
.graphics-box{width:196px; height:125px; float:left; margin-bottom:25px; font-size:0.9em;}
.graphics-image{padding:0px; margin:0px;}
.graphics-label p{
	padding:0px; 
	margin:0px; 
	text-transform:sentencecase; 
	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;
}

/* CSS Markup for Rollover images */

a.rollover-services, a.rollover-introduction, a.rollover-contacts, a.rollover-email, a.rollover-extras, a.rollover-services, a.rollover-testimonials, a.rollover-facebook, a.rollover-linkedin, a.rollover-email, a.rollover-skype, a.rollover-google {
	display: block;
	width: 196px;
	height: 95px;
	text-decoration: none;
	margin-left: 0px;
	}

a.rollover-services:hover, a.rollover-introduction:hover, a.rollover-contacts:hover, a.rollover-email:hover, a.rollover-extras:hover, a.rollover-services:hover, a.rollover-testimonials:hover, a.rollover-facebook:hover, a.rollover-linkedin:hover, a.rollover-email:hover, a.rollover-skype:hover, a.rollover-google:hover {
	background-position: -196px 0;
	}
	
	

.displace { /* This is just for screen readers and if the CSS is disabled - it will show a text link instead */
	position: absolute;
	left: -5000px;
	}

a.rollover-services { /* This specifies the image - you need one of these for each item! */
	background: url(../site_images/services.png);
	}
a.rollover-introduction {
	background: url(../site_images/introduction.png);
	}
a.rollover-contacts {
	background: url(../site_images/contacts.png);
	}
a.rollover-testimonials {
	background: url(../site_images/sectors.png);
	}
a.rollover-extras {
	background: url(../site_images/about.png);
	}
	
	a.rollover-facebook {
	background: url(../site_images/facebook.png);
	}
	
		a.rollover-google {
	background: url(../site_images/google.png);
	}
	
	a.rollover-email {
	background: url(../site_images/email.png);
	}
	
	a.rollover-linked {
	background: url(../site_images/linked.png);
	}
	
	a.rollover-skype {
	background: url(../site_images/skype.png);
	}

	
/* end */

#footer-container {
	background: #211F20 url("../images/bg-footer.jpg") repeat-x;
	clear: both;
}#footer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.terms a {
	color: #00AEEF;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.terms {
	color:#666666;
	font-weight:bold;
	font-size:12px;
	padding-bottom:7px;
	margin:0;
	line-height:13px;
	text-align:center;
	margin-left: 45px;
	margin-right: 45px;
}

.flag {
	height: 95px;
	width: 196px;
}