/***  ©2007 graphite studio. All rights reserved.  ***/

body {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #666;
	}
	
	
/*** #GENERIC STYLES ***/
	
a, a:link, a:visited {
	color: #b1342e;
	text-decoration: none;
	}
	
a:hover {
	color: #b1342e;
	text-decoration: underline;
	}
	
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	line-height: 1.35em;
	color: #000;
	}

h1 { font-size: 110%; }
h2 { font-size: 100%; }
h3 { font-size: 85%; }
h4 { font-size: 75%; font-weight: normal; color: #333333; }
h5 { font-size: 70%; font-weight: normal; color: #334d55; }
p { color: #000; margin: 0; padding-bottom: 10px; }
	
ol {
	line-height: 1.3em;
	margin: 0 0 0 10px;
	padding: 0 0 10px 10px;
	}
	
ul {
	line-height: 1.3em;
	margin: 0 0 0 1.5em;
	padding: 0 0 10px 0;
	list-style-type: square;
	}
	
ul ul {
	line-height: 1.3em;
	list-style-type: disc;
	}
	
ul ul ul {
	line-height: 1.3em;
	list-style-type: none;
	}

.left { float: left; margin: 5px 5px 5px 0; }
.right { float: right; margin: 5px 0 5px 5px; }
.clearit { clear: both;	margin: 0; padding: 0;	}


/*** Navigation Styles ***/

#navarea {
	float: right;
	width: 473px;
	margin: 0;
	padding: 0;
	height: 28px;
	border-bottom: 1px solid #bfbfbf;
	}
	
.navitem {
	float: left;
	width: 93px;
	height: 27px;
	font-size: 70%;
	background-color: #e6e6e6;
	border-right: 2px solid #fff;
	}
	
.navitem a, .navitem a:link, .navitem a:visited {
	color: #fff;
	text-decoration: none;
	}
	
.navitem a:hover {
	color: b1342e;
	text-decoration: underline;
	}
	
	
/*** General Layout Divs ***/

#container {
	position: relative;
    width: 744px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
	background-color: #fff;
	}
	
#masthead{
	position: relative;
	background: url(../images/interface/header_grad.gif) top left repeat-x;
	width: 744px;
	height: 114px;
	border-bottom: 6px solid #b1342e;
	}
	
#logoarea {
	position: absolute;
	top: 2px;
	left: 49px;
	width: 171px;
	height: 111px;
	}
	
#co_name {
	position: absolute;
	top: 40px;
	left: 270px;
	width: 450px;
	height: 23px;
	background: url(../images/interface/title.gif) left no-repeat;
	}
	
#co_name span {
	display: none;
	}
	
#co_address {
	position: absolute;
	top: 65px;
	left: 270px;
	width: 450px;
	}
	
#co_address p {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans serif;
	font-size: 65%;
	color: #666;
	}
	
#contentarea {
    width: 744px;
	min-height: 300px;
    margin: 0;
    padding: 0;
	background: #fff url(../images/interface/tile_ltgrey.gif) top left repeat-y;
	}
	
.caption {
	font-family: Georgia, Book Antiqua, Times, Serif;
	}
	
#titlearea {
	position: relative;
    width: 744px;
	height: 120px;
    margin: 0;
    padding: 0;
    }

#pagetitle {
	position: absolute;
	top: 70px;
	right: 0;
    width: 473px;
    margin: 0;
    padding: 0;
	}
	
#pagetitle h1 {
	font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 170%;
	font-weight: normal;
	color: #fff;
	}

#leftcontent {
	position: absolute;
	top: 140px;
	left: 22px;
	width: 224px;
	margin: 0;
	padding: 0;
	}
	
#leftstory img {
	border: 10px solid #fff;
	}
	
#leftstory p {
	font-size: 75%;
	line-height: 1.45em;
	padding: 0 25px 10px 0;
	color: #666;
	}
	
#rightcontent {
	float: right;
	width: 473px;
	margin: 0;
	padding: 0;
	}
	
#mainstory {
	float: left;
	width: 256px;
	margin: 0;
	padding: 15px 15px 10px 0;
	font-size: 75%;
	line-height: 1.45em;
	color: #000;
	}
	
#mainstorydetails {
	float: left;
	width: 180px;
	margin: 0;
	padding: 15px 10px 10px 10px;
	color: #666;
	font-size: 75%;
	}
	
#mainstorydetails h2 {
	font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 110%;
	color: #b1342e;
	margin: 0;
	padding: 0 0 4px 0;
	}

	
/*** SERVICES STYLES ***/
	
.services #titlearea {
	background: url(../images/interface/stone_1.jpg) top left no-repeat;
	}

.services #pagetitle h1 {
	text-shadow: #391e07 3px 3px 4px;
	/* height: 1em;
	filter: Shadow(Color=#391e07, Direction=135, Strength=3);*/
	}


/*** PROJECTS STYLES ***/

.projects #titlearea {
	background: url(../images/interface/column.jpg) top left no-repeat;
	}

.projects #pagetitle {
	left: 50px;
    width: 300px;
	}

.projects #pagetitle h1 {
	text-shadow: #391e07 3px 3px 4px;
	/* height: 1em;
	filter: Shadow(Color=#666666, Direction=135, Strength=3);*/
	font-size: 150%;
	}
	
.projectdetail #titlearea {
	background: url(../images/interface/column_full.jpg) top left no-repeat;
	}
	
.projectdetail #pagetitle {
	position: absolute;
	top: 70px;
    width: 473px;
	}
	
.projectdetail #pagetitle h1 {
	text-shadow: #391e07 3px 3px 4px;
	/* height: 1em;
	filter: Shadow(Color=#666666, Direction=135, Strength=3);*/
	}
	
#projectstagline {
	position: absolute;
	top: 10px;
	left: 50px;
    width: 300px;
    margin: 0;
    padding: 0;
	}
	
#projectstagline p {
	font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 90%;
	line-height: 1.25;
	color: #fff;
	}
	
.projects #contentarea {
	width: 724px;
	padding: 10px 0 10px 20px;
	background: #f2f2f2;
	}
	
.project {
	position: relative;
	float: left;
	width: 216px;
	height: 205px;
	margin: 5px 10px 5px 0;
	padding: 10px 0 0 10px;
	font-size: 70%;
	background-color: #fff;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	}
	
.project img {
	padding: 0 0 5px 0;
	}
	
.project-title {
	font-size: 120%;
	font-weight: bold;
	}

.project a, .project a:link, .project a:visited {
	text-decoration: none;
	color: #000;
	margin: 0;
	background: none;
	}
	
.project a:hover, .project a:active {
	color: #b1342e;
	background: none;
	}

/*** ABOUT STYLES ***/

.about #titlearea {
	background: url(../images/interface/slate.jpg) top left no-repeat;
	}

.about #pagetitle h1 {
	text-shadow: #391e07 3px 3px 4px;
	}
	
.about #mainstory {
	width: 443px;
	}
	
.about #mainstorydetails {
	float: left;
	width: 180px;
	margin: 0;
	padding: 15px 10px 10px 10px;
	color: #666;
	}
	
.about #mainstory h2 {
	font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 130%;
	color: #b1342e;
	}
	
/*** CONTACT STYLES ***/

.contact #titlearea {
	background: url(../images/interface/brushed-metal.jpg) top left no-repeat;
	}

.contact #pagetitle h1 {
	text-shadow: #666 3px 3px 4px;
	}
	
.contact #mainstory {
	width: 443px;
	}
	
.contact #mainstory h2 {
	font-family: "Trade Gothic LT", "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 130%;
	color: #b1342e;
	}
	
/*** #FOOTER STYLES ***/

#footer {
	width: 744px;
	background-color: #bfbfbf;
	margin: 0;
	padding: 0;
	border-top: 2px solid #666;
	}
	
#footer p {
	font-family: "Helvetica Neue", Helvetica, Arial, San serif;
	font-size: 65%;
	color: #666;
	margin: 0;
	padding: 5px 15px 5px 15px;
	}