/*************************************************************************
	Namin Names
	Developed by Peter Lewis - twobelowzero - www.twobelowzero.net
	FILE: 	all.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Reset browser
*************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*Auto float clearing for compliant browsers
*************************************************************************/
#wrapper:after,
#main:after,
#nav:after,
#content:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/* ###############   Fonts   ############### */

h1, h2, h3, h4 {
	font-family:Georgia,serif;
}
body, p, li {
	font-family:Georgia,serif;
}
body {
	font-size:12px;
}
h1 {
	color:#a41e2d;
	font-size:44px;
	line-height:1em;
}
h2 {
	color:#754c28;
	font-weight:bold;
}
p, a, li, dd, dt {
	font-size:14px;
	line-height:19px;
	color:#333333;
}

/* ###############   GENERAL   ############### */

* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#FFF;
	min-width: 960px;
	text-align: center; /*for IE*/
}
.wrapper {
	margin:0 auto;
	width:960px;
}
#content .wrapper {
	text-align: left; /*for IE*/
}
a {
	text-decoration: none;
	color:#a41e2d;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}
p, ul {
	margin-bottom:15px;
}
strong, b {
	font-weight:bold;
}
ul, ol {
	list-style: none;
}
dd {
	float:left;
}
.wrap {
	width: 100%;
	overflow: hidden;
}
.left {
	float: left !important;
	display: inline;
}
.right {
	float: right !important;
	display: inline;
}
.leftalign {
	text-align: left;
}
.rightalign {
	text-align: right;
}
.centeralign {
	text-align: center;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.left-col {
	float:left;
	margin:0 0 0 20px;
	width:307px;
}
.right-col {
	float:right;
	width:612px;
	margin-right:20px;
}

/* ###############   HEADER   ############### */
#header {
	background-color:#cfad89;
	height:105px;
}
#header #logo {
	margin:17px 0 0 62px;
	float:left;
}
#header #slogan {
	float:right;
	margin:10px 17px 0 0;
}
#header ol {
	float:right;
	margin-right:20px;
}
#header li {
	float:left;
	margin:0 0 0 18px;
	padding:20px 0 0;
	background-color:#DDC6AD;
	color:#333333;
	font-size:1.2em;
	cursor:pointer;
}
#header li.over {
	padding:25px 0 0;
}
#header li img {
	vertical-align:bottom;
}
#header li a {
	/*line-height:0;*/
}


/* ###############   TITLE   ############### */
#title {
	height:205px;
}
#title .left-col {
	margin-right:0;
}
#title h1 {
	text-align:right;
	margin:20px 3px 0;
	border-right:1px solid #E5E5E5;
	padding:84px 10px 0;
	font-weight:normal;
}
#title h1 span {
	margin: 0 -0.25em 0 -0.08em;
}
#noFlash {
	float:left;
}
	

/* ###############   MAIN CONTENT   ############### */
#content {
	clear:both;
	min-height:410px;
	padding:0 0 30px;
	background-color:#f9f5f0;
}
#content .left-col {
	clear:both;
}
#content #clientlist {
	width:290px;
	height:162px;
	margin:30px 0 0 25px;
	background:url(../images/client-background.gif) no-repeat right top;
	text-align:right;
}
#content #clientlist h2 {
	margin:12px 37px 0 0;
}
#content #clientlist p {
	color:#666;
	margin:3px 37px 0 0;
	line-height:19px;
	float:right;
	width:210px;
	font-size:12px;
}
#content #clientlist a {
	float:right;
	margin:28px 37px 0 0;
	font-weight:normal;
}

#content .right-col {
	margin:25px 20px 0 0;
}
#content .right-col p {
	line-height:24px;
}
#content .leadin {
	color:#754c28;
	margin-bottom:0;
}

/* ###############   MAIN CONTENT - PROJECT INFORMATION   ############### */
#content .imageframe,
#content .textframe {
	height:187px;
	background-color:#fff;
	border:1px solid #cfc3b8;
}
#content .imageframe {
	width:291px;
	clear:both;
	float:left;
	margin:30px 0 0 20px;
	cursor:pointer;
}
#content .imageframe .png {
	position:absolute;
	z-index:2;
	margin:5px 0 0 270px;
}
#content .imageframe h2 {
	text-align:center;
	font-size:36px;
	margin:40px 0 35px;
}
#content .imageframe h2.double {
	margin:30px 0 25px;
	line-height:32px;
	/*font-size:24px;*/
}
#content .imageframe h2.double span {
	font-size:15px;
	line-height:20px;
}
#content .imageframe dl {
	/* line-height:10px; */
}
#content .imageframe dt,
#content .imageframe dd {
	font-size:11px;
	line-height:13px;
	margin:5px 0 0 6px;
}
#content .imageframe dd {
	color:#9A8479;
	width:223px;
}
#content .imageframe dd.client {
	color:#333333;
	margin:5px 0 0 12px;
}
#content .imageframe dt {
	margin-left:10px;
	color:#754c28;
	float:left;
	clear:both;
}
#content .projectimage {
	position:absolute;
	display:none;
	padding:1px 0 0 1px;
}
#content .textframe {
	width:614px;
	float:right;
	margin:30px 20px 0 0;
}
#content .textframe p {
	font-size:20px;
	line-height:28px;
	margin:0 25px 0 38px;
	color:#754c28;
}
#content .textframe p.leadin {
	margin:15px 25px 0 20px;
	padding:0 0 0 18px;
	background: transparent url(../images/quote-start.gif) no-repeat scroll 0 0;
	color:#a41e2d;
	font-size:20px;
}
#content .textframe img {
	vertical-align:top;
}


/* ###############   OTHER PAGES   ############### */
#content .right-col li {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:15px;
	padding-left:5px;
	line-height:24px;
}
#content .right-col h2 {
	font-size:16px;
	font-weight: normal;
	line-height:24px;
}

#portfolio #header {
	margin:0 0 8px;
}
#portfolio #content p span {
	text-decoration:underline;
}
#content p.nomargin {
	margin:0;
}
#content ul.sentence {
	margin-bottom:20px;
}
#content .sentence li {
	list-style: none;
}


/* ###############   CONTACT DETAILS   ############### */
#content #contact {
	margin:30px 20px 0 0;
	background:url(../images/client-background.gif) no-repeat right top;
}
#content #contact h2,
#content #contact h3,
#content #contact a {
	font-weight:normal;
	line-height:24px;
}
#content #contact h2 {
	font-size:16px;
	margin:20px 0 0 60px;
}
#content #contact h3 {
	font-size:32px;
	text-align:center;
	margin:20px 0 0 15px;
}
#content #contact address {
	margin:24px 0 40px 17px;
	text-align:center;
}
#content #contact address a {
	font-size:17px;
}
#content #contact p {
	margin:0 0 10px;
	line-height:20px;
}
#contact-details {
	margin:0 0 0 60px;
}

/* ###############   PORTFOLIO   ############### */
#page-controls {
	clear:both;
	float:right;
	margin:10px 20px 0 0;
}
#page-controls ul {
	float:left;
}
#page-controls li {
	float:left;
	border-right:1px solid #CFC3B8;
	color:#754C28;
	padding:0 5px;
	font-size:18px;
	cursor:pointer;
}
#page-controls li.last {
	border-right:none;
}
#page-controls span {
	float:left;
	color:#A41E2D;
	font-size:18px;
	padding:0 5px;
	cursor:default;
}
#page-controls li:hover {
	color:#A41E2D;
}


/* ###############   FOOTER   ############### */
#footer {
	clear:both;
	margin:4px 0 0;
	padding:10px 0 0;
	height:50px;
	background:#EDE0D2 none repeat scroll 0 0;
}
#footer p,
#footer li,
#footer a {
	font-size:12px;
	margin:0;
}
#footer p strong {
	color: #754C28;
	font-weight:normal;
}
#footer .left-col p {
	color:#716558;
}
#footer li {
	float:left;
	color: #9a8479;
	padding:0 10px;
	margin:4px 0 0;
	border-right:1px solid #9a8479;
	line-height:12px;
}
#footer li.first {
	padding-left:0;
}
#footer .left-col {
	float:left;
	text-align:left;
	width:500px;
	margin:0 0 0 20px;
}
#footer .right-col {
	text-align:right;
	width:400px;
}
#footer .right-col p {
	color:#9a8479;
}
#footer a {
	color: #9a8479;
	font-weight:normal;
	line-height:12px;
}
#footer a:hover {
	color:#a11c39;
}