/* imports */
@import url(styles/reset.css);
@import url(styles/typography.css);

/* structure */
body {background:url(images/bg-body.png);}
#wrapper {
	min-height:682px;
	background:url(images/bg-wrapper.png) no-repeat center 42px;
}

/* access */
#access {
	height:26px;
	padding:8px 0 12px 0;
	background:url(images/bg-access.png) repeat-x;
}
#access ul {
	display:block;
	width:440px;
	height:26px;
	margin:0 auto;
}
#access li {
	display:block;
	float:left;
	height:26px;
	width:80px;
	margin-left:40px;
}
#access li:first-child {margin-left:0;}
#access li a {
	display:block;
	width:80px;
	height:12px;
	padding:7px 0;
	line-height:12px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	background:url(images/bg-nav-item.png) center top;
	text-shadow:0 -1px 0 #A85109;
}
#access li a:hover {background-position:bottom;}

/* logo */
#logo {
	display:block;
	position:absolute;
	width:314px;
	height:140px;
	margin:-212px 0 0 323px;
	text-indent:-999em;
}
#logo a {
	display:block;
	width:314px;
	height:140px;
}

/* main */
#container {
	width:960px;
	margin:238px auto 0 auto;
}
#content {
	width:840px;
	margin:0 auto;
}
.page-title {
	display:block;
	height:48px;
	text-indent:-999em;
	margin:0 auto 40px auto;
	background-position:center top;
	background-repeat:no-repeat;
}
.grid-third {
	width:240px;
	float:left;
	margin:0 0 30px 60px;
}
.grid-third h2 {margin-bottom:15px;}
.box {
	width:210px;
	height:130px;
	padding:15px 15px 25px 15px;
	color:#103040;
	text-shadow:none;
	font-size:13px;
	line-height:16px;
	background:url(images/bg-box.png);
	position:relative;
}

/* home */
#title-home {background-image:url(images/home-title.png);}
#home-description {
	display:block;
	height:111px;
	margin:0 auto 40px auto;
	background:url(images/home-description.png) no-repeat center top;
	text-indent:-999em;
}
.home-button {
	display:block;
	width:240px;
	height:52px;
}
#home-button-services {
	float:left;
	margin-left:120px;
	background:url(images/home-services.png);
}
#home-button-portfolio {
	float:right;
	margin-right:120px;
	background:url(images/home-portfolio.png);
}

/* services */
#title-services {background-image:url(images/services-title.png);}
.box p {
	color:#103040;
	text-shadow:none;
	margin:5px;
}
.box h3 {
	position:absolute;
	font-size:14px;
	right:20px;
	bottom:25px;
	color:#1D5673;
	font-style:italic;
	margin-bottom:0;
	letter-spacing:-1px;
}
.pricing {
	font-size:28px;
	font-weight:bold;
	letter-spacing:-3px;
	color:#103040;
}

/* portfolio */
#title-portfolio {background-image:url(images/portfolio-title.png);}
.first {margin-left:0;}
.overlay {
	width:240px;
	height:116px;
	position:absolute;
	margin:-15px 0 0 -15px;
	background:url(images/portfolio-overlay.png);
}
.box a {display:none;}
.box:hover a {
	display:block;
	position:absolute;
	top:121px;
	left:15px;
	width:198px;
	line-height:12px;
	font-size:12px;
	padding:6px;
	text-shadow:0 1px 0 #000;
	text-decoration:none;
	background:url(images/bg-portfolio-site-link.png);
}

/* about */
#title-about {background-image:url(images/about-title.png);}

/* contact */
#title-contact {background-image:url(images/contact-title.png);}