/* =zeroes
--------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* =basics
--------------------------------------------------------------------*/


body {
	background: #333 url(/i/bg.gif) center repeat-y;
	text-align: center;
	font: 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}

p, ul, hr, .quote {
	margin: 0 0 1.3em 0;
}

ul {
	padding-left: 2em;
}



/* =headers
--------------------------------------------------------------------*/

h1, h2, h3 {
	font-family: Georgia, Palatino, Times, "Times New Roman", serif;;
	color: #800;
	margin-bottom: .5em;
	line-height: 110%;
	font-weight: normal;
}

h1 {
	font-size: 2.2em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
/*	letter-spacing: .1em;
 	text-transform: uppercase; */
}



/* =links
--------------------------------------------------------------------*/

a {
	color: #800;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #c00;
}

h2 a {
	text-decoration: none;
}

/* =general layout
--------------------------------------------------------------------*/

#wrap {
	background: #fff url(/i/bg_main.gif) center repeat-y;
	width: 820px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

body.onecol #wrap {
/* 	background: #fff; */

}

#head {
	background: #ccc url(/i/bg_head.gif) right no-repeat;
	width: 820px;
	height: 110px;
	}


#con, #side {
	float: left;
	display: inline;
}

#con {
	width: 470px;
	margin: 20px;
	float: left;
	display: inline;
}

#side {
	width: 310px;
	background: #fff;
}




/* =exceptions
--------------------------------------------------------------------*/

body.projects #con {
	width: 820px;
	margin: 0;
}
body.projects h1 {
	padding: 20px;
	padding-bottom: 0;
}

body.home #con {
	width: 780px;
}




/* =header-specific
--------------------------------------------------------------------*/

#logo {
	margin: 0 250px 0 0;
	float: left;
	position: relative;
	display: inline;
	border-right: 1px solid #333;
}

#address {
	font-size: 10px;
	line-height: 120%;
	padding: 45px 0 10px 0;
	margin: 0;
	float: right;
	color: #222;
	width: 240px;
}



/* =footer-specific
--------------------------------------------------------------------*/
#foot {
	border-top: 1px solid #999;
	background: #eee url(/i/bg_foot.jpg) repeat-x;
	margin: 2em 0 0 0;
	padding: 10px 0;
	clear: both;
	width: 100%;
}

#foot p {
	font-size: .9em;
	line-height: 120%;
	color: #555;
	margin-left: 25px;
}

#tagline {
	margin: .5em 0;
}




/* =primary nav
--------------------------------------------------------------------*/

#nav, #nav li, .subnav {
	margin: 0;
	padding: 0;
}

#nav {
	background: #800 url(/i/bg_nav.jpg) repeat-x;
	height: 50px;
	width: 820px;
	list-style: none;
}

#nav li {
	float: left;
	display: inline;
	height: 50px;
	overflow: hidden;
}

#nav li#home {
	margin-left: 15px;
}

#nav li a {
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	height /**/:50px; /*for IE5/Win only */
}
#nav a:hover, #nav a:active, #nav a.current {
	background-position: 0 -50px;
}

#home a { 
	width: 46px;
	background: url(/i/b/home.gif) top left no-repeat; 
}
#company a { 
	width: 67px;
	background: url(/i/b/company.gif) top left no-repeat; 
}
#desbuild a { 
	width: 134px;
	background: url(/i/b/desbuild.gif) top left no-repeat; 
}
#projects a { 
	width: 70px;
	background: url(/i/b/projects.gif) top left no-repeat; 
}
#clients a { 
	width: 84px;
	background: url(/i/b/clients.gif) top left no-repeat; 
}
#contact a { 
	width: 63px;
	background: url(/i/b/contact.gif) top left no-repeat; 
}
#map a { 
	width: 39px;
	background: url(/i/b/map.gif) top left no-repeat; 
}


/* =seconadry nav
--------------------------------------------------------------------*/

.subnav {
	font: 1.1em/130% "arial narrow", "helvetica condensed", "trebuchet ms", trebuchet, arial, helvetica, sans-serif;
	background: #ddd;
	color: #333;
	width: 100%;
	list-style: none;
 	float: left; 
}

.subnav li {
/* 	display: inline; */
	float: left;
	margin-left: 20px;
}

.subnav a {
	color: #800;
	text-decoration: none;
	font-weight: normal;
	padding: .6em 0;
	display: block;
	float: left;
	text-transform: uppercase;
}

.subnav a:hover, .subnav a.current {
	text-decoration: underline;
	color: #c00;
}
.subnav a.current {
	background: url(/i/arrow_sec.gif) 50% bottom no-repeat;
	text-decoration: none;
}


/* =content-specific
--------------------------------------------------------------------*/

.pghead {
/* 	margin: 0 0 1.5em -25px;
	background: #eee;
	padding: 1.2em 25px; */
}

ul.crumbs {
	list-style: none;
	margin-bottom: 1em;
	font-size: .9em;
	line-height: 100%;
	padding: 0;
}

ul.crumbs li {
	display: inline;
	padding-right: 15px;
	margin-right: 5px;
	background: url(/i/bg_crumb.gif) right 50% no-repeat;
}


p.quote {
	padding-left: 30px;
	background: url(/i/quote.gif) 0 0 no-repeat;
	margin-bottom: 2em;
}


#con h2, #con h3, #con p, #con ul {
	margin-right: 10px;
}



/* =sidebars
--------------------------------------------------------------------*/

#side img {

	margin: 0 10px 10px 0;
	display: inline;
/*     float: left; */
}

#side p {
	padding-right: 15px;
}

#side p, #side ul {
	font-size: .9em;
	line-height: 130%;
}


/* =projects-specific
--------------------------------------------------------------------*/

.project {
	float: left;
	margin: 0	;
	width: 820px;
	border-top: 1px solid #800;
	border-bottom: 1px solid #800;
	background: url(/i/bg_proj.gif) repeat-y;
}

.project img {
	float: left;
	margin: 0 10px 10px 0;
}


.alt {
	background-color: #ddd;
}

.pimages {
	float: left;
	width: 310px;
}

.project img {
	float: left;
	margin: 0 10px 10px 0;
}

.project h2 {
	margin-top: 20px;
}

.project h2, .project p, .project h3 {
	margin-left: 321px;
	padding-right: 20px;
}

a.seemore {
	padding-right: 10px;
	text-decoration: none;
	background: url(/i/arrow_r.gif) right 3px no-repeat;
}

a.seemore:hover {
	background-position: right -15px;
}


/* =projects homepage
--------------------------------------------------------------------*/

.cats {
	width: 782px;
	background: #fff;
}

.cats td {
	width: 254px;
	background: #eee;
	margin: 0;
	padding: 0;
	border-bottom: 10px solid #fff;
}

td.tdleft {
	border-right: 10px solid #fff;
}

table.cats tr td h2 {
	margin: 0 !important;
}

.cats h2 a {
	display: block;
	color: #fff;
	background: #700 url(/i/bg_nav.jpg) repeat-x;
	padding: 5px 5px 5px 10px;
}

.cats h2 a:hover {
	background: #a00;
}

.cats img {
	display: block;
}