BODY {
	margin: 0;	
	padding: 0;	
	background: #2F2925 url(images/backgrounds/page.jpg) top center repeat-y;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #2e2925;
}

/*********** Pagination *********************/

P {
	margin:0;
	padding:0 0 18px 0;
	font-size: 13px;
}

.large {
	font-size: 120%;
	padding: 0;
}

.larger {
	font-size: 150%;
	letter-spacing:-1px;
	padding: 0;
}

P.subheading {
	font-size: 16px;
	margin-bottom: 20px;
	text-indent: 0 !important;
	background: #322D2A;
	padding: 15px;
	float: right;
	width: 200px;
	padding-top:110px;
	color: #FFF;
	border: 5px solid #BBB3A6;
	border-top: none;
	text-align: center;
}

#folio P.subheading {
	padding-top:35px;
}

#contact P.subheading {
	padding-top:35px;
	text-align: left;
	font-size: 12px;
}

#contact P.subheading A { color: #CBC3B7; font-size: 12px;}
#contact P.subheading A:hover {	text-decoration: underline; }

.tiny {	font-size: 10px; }
.small { font-size: 12px; color: #BBB3A6; }



H1, H2, H3, H4 {
	text-decoration: none;
}

H1 { 
	font-family: inherit; 
	letter-spacing:-1px;
	font-size:32px;	
	padding: 5px 0 0px 0;	
	line-height: normal;
	padding-top: 20px;
	width:95%;
	height: auto;
	font-weight: normal;
} 

H2 { font-size: 18px;  }
H3 { font-size: 18px; margin-bottom: 5px; }
H4 { font-size: 12px; font-weight: bold; }

H1.title {
			font-size:26px;
			padding-top: 30px;
}

H1.subtitle {
			font-size:20px;
			padding-top: 30px;
}
		
H1.uppercase {	text-transform: uppercase; }
H2.subheading { margin-top:-5px; padding-bottom:6px; }

A:link, A:visited, A:active { color:#55504C; text-decoration: none; /*#2e2925;*/ }
A:focus {outline: none;}

A:hover { color: #F88E38; text-decoration: none; }

ACRONYM, ABBR {
	border-bottom:1px dashed;
	cursor:help;
	letter-spacing:1px;
}

/*********** Master Layout *****************/

.clear { clear: both; }
.check { vertical-align: middle }
.center { text-align: center; }

#utility-links {
	width: 100%; 
	height: 88px; 
	background: url(images/backgrounds/utility-links.jpg) top center no-repeat;
	
}

#utility-links .inner {
	line-height:50px;
	color:#a7a49d;
	margin: 0 auto;
	width: 950px;
	text-align: right;
	position: relative;
}	

.clientLogIn {	
	font-size: 11px;
	position:absolute;
	top:0;
	right: 0;
	padding: 12px;
	color: #a7a49d;
}

.clientLogIn A { 
	color:#a7a49d;
	text-decoration:none;				
}

.clientLogIn A:hover{
	color:#fff;
	text-decoration:none;				
}

#header-wrap {
	width: 100%; 
	height: 40px; 
	background: url(images/backgrounds/header.jpg) repeat-x; 
}

#header {
	width: 950px; 
	margin-left: auto;
	margin-right: auto;
}

#logo {
	width: 280px; 
	height: 103px; 
	position: absolute;
	right: 0px;
	top: 15px;
}

#logo img {
	padding-top:10px;
}

#nav {
	width: 500px;
	height: 40px;
	float: left;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	list-style: none;
	float: left;
	text-align: center;
	padding-right:5px;
}

#nav a {
	display: block;
	width: 95px;
	height: 30px;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	background: none;
	padding-top:10px;
}

#nav a:hover, #nav a.current {
	background: url(images/backgrounds/nav-current.jpg) bottom center repeat-x;
}

#content-upper-wrap {
	width: 100%;
	background: #E1DDD7 url(images/backgrounds/content-upper.jpg) repeat-x;
}

#content-upper {
	width: 950px;
	margin: 0 auto;
	background: url(images/backgrounds/content-upper-smear.png) bottom right no-repeat;
}

#content-upper .col {
	width: 450px;
	float: right;
	padding: 20px;
	padding-right:5px;
}

#content-upper .col A:hover {
	color:#55504C;
	text-decoration: underline;
}

#about #content-upper .col, #services #content-upper .col, #folio #content-upper .col, #contact #content-upper .col {
	width: 650px;
	float: left;
	padding: 20px;
	padding-bottom:60px;
}

#content-upper .col P {
	text-indent:15px;
}

#slideshow {
	width: 425px;
	float: left;
}

.folio-item {
	width:650px;
	height:331px;
	background: #322D2A;
	border: 5px solid #BBB3A6;
	position: relative;
}

.folio-item img.screen {
	position: absolute;
	top:-20px;
	left:-10px;
}

.folio-item .content {
	width: 290px;
	position: absolute;
	top: 15px;
	right: 10px;
}

.folio-item h2 {
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #fff;
	margin-bottom: 4px;
}

.folio-item P {
	text-indent: 0 !important;
	color: #CBC3B7;
	padding-top:5px;
}

.folio-item .url {
	color: #CBC3B7;
	padding-top:0;
}

.folio-item ul {
	margin:0;
	margin-left:30px;
	padding: 0 0px 0px 0;
	list-style-image: url(images/check.png);
	color: #CBC3B7;
	font-size:11px;
}

.folio-nav {
	width: 260px;
	height:200px;
	float: right;
	margin-top: 178px;
}

.folio-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.folio-nav li {
	height: 31px;
	background: url(images/backgrounds/folio-nav.png) bottom left no-repeat;
	margin-left:-15px;
	padding-right: 15px;
}

.folio-nav a {
	display: block;
	height: 25px;
	width: 275px;
	padding-top:5px;
	text-indent: 25px;
	color: #978975; 
}

.folio-nav a.current, .folio-nav a:hover {
	background: #BBB3A6;
	color: #FFF;
}

fieldset {
	border: 1px solid #CBC3B7;
	padding: 10px;
	margin-bottom: 10px;
}

legend { padding: 10px; font-size: 22px; color: #322D2A; }

.web-design-quote-table {
	width: 570px;
	margin: 0;
	padding: 0;
	margin-left: 50px;
}

.web-design-quote-table P {
	text-indent: 0 !important;
}

.web-design-quote-table td {
	height: 40px;
	vertical-align: top;
}

.web-design-quote-table .tiny {
	color: #55504C;
}

button.submit-button {
	width: 134px; 
	height: 86px;
	border: none;
	background: url(images/submit-hover.png) no-repeat;
	cursor: pointer;
}

button.submit-button:hover {
	background: url(images/submit.png) no-repeat;
}

#contact input {
	padding: 5px;
	border: 1px solid #BBB3A6;
	width: 300px;
	font-size:18px;
	color: #2e2925;
}

#contact select, #contact textarea {
	padding: 5px;
	border: 1px solid #BBB3A6;
	font-size: 14px;
	color:#2e2925;
}

#contact textarea {
	width: 300px;
	height: 100px;
}

#contact input.radio, #contact input.checkbox {
	border: none;
	width: auto;
	cursor: pointer;
}

#content-lower-wrap {
	width: 100%;
	height: 170px;
	background: #1A1512 url(images/backgrounds/content-lower.jpg) bottom repeat-x;
}

#content-lower {
	width: 950px;
	margin: 0 auto;
	height: 150px;
}

#content-lower .col, #content-lower .col-left, #content-lower .col-right {
	width: 300px;
	float: left;
	color: #CBC3B7;
	margin-left: 70px;
}

#content-lower .col img.icon {
	vertical-align: middle;
	border: 0;
}

#content-lower .col-left {
	width: 250px;
	margin-left: 0;
}

#content-lower .col-right {
	width: 250px;
	float: right;
}

#content-lower .col P, #content-lower .col-left P, #content-lower .col-right P {
	padding-bottom:5px;
}
	
#content-lower .col H2, #content-lower .col-left H2, #content-lower .col-right H2 {
	color: #E1DDD7;
	margin-bottom:5px;
	font-weight: normal;
	font-size:26px;
	line-height: 32px;
}
	
#footer-wrap {
	width: 100%;
	height: 50px;
}

#footer {
	width: 950px;
	margin: 0 auto;
}

#tweet { 
	color: #CBC3B7;
	font-size: 13px;
}

#tweet ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
		
#tweet a {
	color: #a7a49d;
}
		
#tweet a:hover {
	color: #fff;
}

.follow {
	margin-top: 7px;
}

.follow img {
	vertical-align: middle;
	border: none;
}

P.copyright {
	line-height: 20px;
	font-size:11px;
	color:#a7a49d;
	text-align: center;
	padding-top:10px;
}