html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img, small, strong, 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:none;
}
ul{
	list-style:none;
	margin:0 0 0 10px;
}
ul li{
	background:url('../nav/bullet.gif') 0 0 no-repeat;
	padding:0 0 0 16px;
	margin:6px 0;
}
h1, h2, h3, h4, h5{
	margin:5px 0 20px 0;
	color:#555;
	font-weight:400;
}
h1{
	font-size:22px;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
h4{
	font-size:12px;
}
p{
	margin:10px 0 15px 0;
	line-height:16px;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
	margin:10px 0 0 0;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
body{
	background-color:#f8f8f8;
	font-family:arial;
	font-size:11px;
	color:#444;
	text-align:center;
}
a{
	color:#444;
}
a:hover{
	text-decoration:none;
}



/* STRUCTURE */

#three-block{
	width:891px;
	margin:0 auto;
	text-align:left;
	background:url('../nav/wrapper_tile.gif') repeat-y;
}
#header{
	height:176px;
	overflow:hidden;
	background:url('../nav/header.gif') no-repeat;
}
#content-top{
	background:url('../nav/content_top.gif') no-repeat;
	height:221px;
	overflow:hidden;
}
#block1{
	width:245px;
	float:left;
	display:inline;
	margin:25px 0 25px 35px;
}
#block2{
	width:305px;
	background:url('../nav/block2_bg.gif') no-repeat;
	float:left;
	display:inline;
	margin:25px 0 25px 10px;
}
#block3{
	width:245px;
	float:right;
	display:inline;
	margin:25px 35px 25px 0;
}
#footer{
	background:url('../nav/footer.gif') no-repeat;
	height:42px;
	clear:both;
	font-size:10px;
	color:#fff;
	text-align:center;
	line-height:38px;
	font-weight:700;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	text-decoration:none;
}
#picture{
	float:left;
	display:inline;
	margin:17px 0 0 24px;
	width:297px;
	height:186px;
}
#picture img{
	width:297px;
	height:186px;
}
#content-top-text{
	width:480px;
	height:190px;
	margin:15px 61px 0 0;
	font-size:12px;
	color:#fff;
	float:right;
	display:inline;
}
#content-top-text-project{
	width:480px;
	height:190px;
	margin:15px 61px 0 0;
	font-size:12px;
	color:#fff;
	float:right;
	display:inline;
}
#content-top-text-project h1{
	color:#fff;
	margin-bottom:10px;
}
#content-top-text-project .align-right a{
	color:#fff;
	font-weight:700;
	font-size:10px;
	text-decoration:none;
}
#content-top-text p{
	line-height:14px;
}	
h1#home-head{
	font-size:16px;
	margin-bottom:25px;
}
h1#home-head span{
	display:block;
	position:absolute;
	background:url('../nav/homepage_header.gif') no-repeat;
	width:397px;
	height:22px;
}

/*  HEADER NAV */

#header a#logo-home{
	background:url('../nav/logo.gif') no-repeat;
	display:inline;
	float:left;
	height:121px;
	margin:16px 0 0 20px;
	width:101px;
}
#header ul{
	list-style:none;
	margin:150px 0 0 6px;	
}
#header ul li{
	float:left;
	height:26px;
	margin:0;
	overflow:hidden;
	padding:0 2px 0 0;
	background:url('../nav/seperate.gif') top right no-repeat;
}
#header ul li a{
	line-height:26px;
	padding:7px 14px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#header ul li a:hover{
	background-color:#8c8c8c;
}
#header ul li#selected a{
	background-color:#8c8c8c;
}


/*  HOMEPAGE  */

h2#recent-projects, h2#drawing-service, h2#clients{
	margin:0 0 15px 0;
}	
h2#recent-projects span, h2#drawing-service span, h2#clients span{
	display:block;
	width:142px;
	height:24px;
	position:absolute;
}
h2#recent-projects span{
	background:url('../nav/recent_projects.gif') no-repeat;
}
h2#drawing-service span{
	background:url('../nav/drawing_service.gif') no-repeat;
}
h2#clients span{
	background:url('../nav/clients.gif') no-repeat;
}
h2#clients{
	margin:0 0 25px 0;
}
#block2-padding{
	padding:0 29px 0 29px;
}
img#drawing-img{
	margin: 7px 0;
}
a.project{
	display:block;
	height:66px;
	overflow:hidden;
	background:url('../nav/read_more.gif') bottom right no-repeat;
	text-decoration:none;
	margin:13px 0;
	border:1px solid #fff;
}
a.project img{
	width:60px;
	height:60px;
	float:left;
	margin:3px 5px 3px 3px;
}
a.project:hover{
	background-color:#f2f2f2;
	border:1px solid #e5e6e6;
}
a.project span{
	margin:0;
	line-height:16px;
}
blockquote{
	padding:15px 13px 0 13px;
	background:url('../nav/quote.gif') top left no-repeat;
	margin:15px 0;
}
blockquote p{
	padding:0 0 15px 0;
	background:url('../nav/quote2.gif') bottom right no-repeat;
}
blockquote .testimonial-name{
	display:block;
	text-align:right;
	padding:0 50px 0 0;
	color:#888;
}

blockquote.blockquote2{
	padding:15px 13px 0 13px;
	background:url('../nav/quote_grey.gif') top left no-repeat;
	margin:15px 0;
}
blockquote.blockquote2 p{
	padding:0 0 15px 0;
	background:url('../nav/quote2_grey.gif') bottom right no-repeat;
}
blockquote.blockquote2 .testimonial-name{
	display:block;
	text-align:right;
	padding:0 50px 0 0;
	color:#888;
}

/*  STANDARD PAGE */

#content-top-standard{
	height:3px;
	background:url('../nav/content_top.gif') no-repeat #8c8c8c;
	overflow:hidden;
}
#standard-content-padding, #news-content-padding{
	margin:20px 15px 20px 25px;
}
#standard-left-content{
	float:left;
	display:inline;
	width:530px;
}
#standard-right-content{
	float:right;
	display:inline;
	width:305px;
	min-height:350px;
	background:url('../nav/block2_bg.gif') no-repeat;
}
#standard-right-content #src-padd{
	padding: 20px 52px;
}
#standard-right-content #src-padd-2{
	padding:20px 36px;
}


/*  CONTACT FORM */

#contact-form-wrapper{
	background-color:#f6f6f6;
	padding:10px 20px;
	width:300px;
	margin:0 0 20px 90px;
}
form#contact-form{
	width:300px;
}
form#contact-form label{
	float:left;
	display:inline;
	width:70px;
	font-weight:400;
	margin:4px 0;
}
form#contact-form input{
	float:left;
	display:inline;
	font-weight:400;
	margin:4px 0;
}
form#contact-form textarea{
	height:130px;
}
form#contact-form input.textbox, textarea.textbox{
	border:1px solid #b2b2b2;
	width:200px;
}
form#contact-form input.contact_button{
	margin:10px 0 0 70px;
	border:none;
}
p.text10px{
	font-size:10px;
}
span.required{
	color:#ffaf00;
}



/* NEWS LIST */
#news-content-padding .image1{
	width:151px;
	float:left;
	margin:10px 12px;
}
#news-content-padding a img{
	padding:2px;
	border:1px solid #d7d9d9;
}
#news-content-padding a:hover img{
	border:1px solid #ffc13c;
}
#news-content-padding img.no-border{
	border:none;
	float:none;
	margin:0;
	padding:10px 0 0 0;
}
.project-h2{
	font-size:12px;
	font-weight:400;
	color:#555;
}
.project-date{
	font-size:10px;
	color:#999;
}
#news-right-content{
	float:right;
	display:inline;
	width:305px;
	min-height:350px;
	background:url('../nav/block2_bg_images.gif') no-repeat;
}
#news-right-content #src-padd{
	padding: 20px 52px;
}
#news-right-content #src-padd-2{
	padding:20px 40px 20px 42px;
}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../nav/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../nav/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../nav/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../nav/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}









