body {
	font-family: Georgia, Times, serif; 
	font-size: 78%;
	background:#33080d url('../images/site/main-bkgd.jpg') no-repeat 0 0;
	margin-bottom:125px;
}

* 					{ margin:0; padding:0;} 
img					{ border:none;} 

p, .list,
form label, td		{ color:#d8d4c0; line-height:1.7em; font-size:.9em; font-family:lucida Grande, verdana, arial, sans-serif}
p					{ margin-bottom:1.2em;} 

.txt-small			{ font-size:.8em; }
.txt-medium			{ font-size:1.2em}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-white			{ color:#FFF}
.txt-grey			{ color:#4e4e4e}
.txt-gold			{ color:#d8d4c0}
.txt-red			{ color:#8b0023; }
.txt-pink			{ color:#ECA0B3; }

.txt-uppercase		{ text-transform:uppercase}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ }

a					{  }
a:hover				{ text-decoration:none;}
a:visited			{ }

a.hide				{ position:absolute; left:-999em; }

h1					{ width:279px; height:138px; display:block; text-indent:-999em; margin: 0 0 75px 0; background:url('../images/site/logo.png') no-repeat 0 0; margin-left:-25px;}
h2					{ font-weight:normal; font-size: 2.75em; color:#444; display:block; margin:0 10px 25px 0px; letter-spacing:-.025em}
h3					{ font-weight:normal; color:#FFF; font-family:lucida Grande, verdana, arial, sans-serif; margin:0; font-size:1.1em }


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container				{ }
#container-child		{ min-width:1000px  }
.section				{ position:relative; padding-bottom:135px; margin:0 auto; width:880px;  }
.content				{ background-repeat:repeat-x; background-position:0 0; padding:25px;}



/* Header */
/* ---------------------------- */
#header					{ padding-top:0; padding-bottom:5px; }
#header	.content		{ padding-top:0; background:url('../images/site/quotation-mark.png') no-repeat left 193px}
#header	p				{ font-size: 1.75em; color:#d8d4c0; font-family: Georgia, Times, serif; margin:0; line-height:1.75em; margin:0 5px; }


/* Portfolio */
/* ---------------------------- */
#portfolio .content							{ background:#aa9d5f url('../images/site/bkgd-gold.png') repeat-x 0 0; border:5px solid #d8d4c0}

ul.portfolio-list							{ position:relative; left:-30px; width:105%; }
ul.portfolio-list li						{ list-style:none; float:left; margin:0 0 30px 30px; background-color:#d8d4c0; padding:11px; } 
ul.portfolio-list li img					{ border:1px solid #000; width:371px; height:166px;}
ul.portfolio-list li:hover					{ background-color:#8b0023}
ul.portfolio-list li a,
ul.portfolio-list li a:hover				{ text-decoration:none; background-color:transparent; } 
ul.portfolio-list li a:hover img			{ }

ul.portfolio-list li.text					{ background-color:transparent; display:block; width:371px; height:166px; font-size:1.3em;  }
ul.portfolio-list li.text p 				{ color:#FFF;  }
ul.portfolio-list li.text p a				{ text-decoration:underline; color:#000}	
ul.portfolio-list li.text p a:hover			{ text-decoration:none;}


/* Services */
/* ---------------------------- */
#services .content							{ background:#440000 url('../images/site/bkgd-red.png') repeat-x 0 0; border:5px solid #8b0023}

#services p									{ color:#FFF;}
#services h2								{ color:#d8d4c0;}
#services h3								{ color:#ECA0B3;}

ul.services	li								{ list-style:none; background-repeat:no-repeat; background-position:0 0; color:#272727; padding:2px 0 0 80px; margin-bottom:1.25em; }
ul.services	li.design						{ background-image:url('../images/icons/design.png');}
ul.services	li.adverts						{ background-image:url('../images/icons/banner.png');}
ul.services	li.html-email					{ background-image:url('../images/icons/html.png');}
ul.services	li.presentation					{ background-image:url('../images/icons/presentation.png'); margin-bottom:0;}
ul.services	li.seo							{ background-image:url('../images/icons/magnify.png');}
ul.services	li p							{ margin-bottom:0; background:url('../images/site/services-divider.png') no-repeat bottom center; padding-bottom:2em}
ul.services	li.presentation	p				{ padding-bottom:0; background-image:none}


div.col-txt									{ width:375px; float:left; margin-right:50px; }
.margin-right-30							{ }
div.coloured-panel							{ background:#e6e4d6 url('../images/site/bkgd-servicesPanel.gif') repeat-x 0 0; width:345px; float:left; padding:15px 25px }
#services div.coloured-panel p,
#services div.coloured-panel p a,
#services .list li							{ color:#111}


/* Contact */
/* ---------------------------- */
#contact .content							{ background:#000 url('../images/site/bkgd-black.png') repeat-x 0 0; border:5px solid #333}
#contact h2									{ color:#FFF;}


/* ---------------------------- */
/* PORTFOLIO PIECE */
/* ---------------------------- */
body#portfolio								{ background-image:none; background-color:#FFF}
#portfolio-container						{ background-image:none;}
#portfolio-header							{ background-color:#f2f2f2; position:relative; padding:5px 10px;}
#portfolio-container h1						{ text-indent:0; display:inherit; background-image:none; font-size:1.5em; color:#000; margin:0 0 5px 0; width:auto; height:auto; font-weight:normal; padding:15px 0 10px; }
#portfolio-container p						{ margin-bottom:0; color:#555}
#portfolio-container a						{ color:#8b0023 }
#portfolio-picContainer						{ width:100%; text-align:center; margin-top:5px;}
#portfolio-buttons							{ position:absolute; right:10px; bottom:15px;}

p.designed-by								{ margin:20px 0 0 0; line-height:0; display:block; padding-top:10px; position:absolute; bottom:10px }

#lightwindow_title_bar_title				{ display:none;}
#lightwindow_contents 						{ }


/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ margin-bottom:3em}
form fieldset							{ border:none; border-top:1px solid #4e4e4e; margin-bottom:20px; padding-top:15px; width:375px; float:left; }
form fieldset.margin-right				{ margin-right:70px;}
form fieldset legend					{ color:#707070; font-size:1.2em; font-weight:normal; padding-right:10px; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:12px; position:relative; }
form fieldset ul li	span.star			{ position:absolute; font-size:1.4em; left:93px; color:#FFF}
form fieldset ul label					{ display:block; float:left; width:82px; margin-right:25px;  }
form fieldset.checkboxes ul label		{ width:370px; line-height:1.1em }
form fieldset.textarea ul label			{ display:inherit; float:none; width:inherit }

form select,
form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#000; font-size:1.2em; padding:4px 2px; border:1px solid #FFF; width:262px; color:#333; }
form li.comments label					{ position:absolute; text-indent:-999em; }
form textarea							{ height:100px; width:369px; }
form select								{ width:259px;}
form option								{ padding:0 4px;}
form li.salutation select				{ width:110px;}

form input.submit						{ font-size:1.3em; font-weight:bold; margin-left:352px; width:107px; height:37px; border:none; }


div.validation-advice					{ color:#FFF; background-color:red; margin-left:107px; padding:3px 7px; font-style:italic; font-size:.8em; font-family:lucida grande, arial, sans-serif; width:254px; }
form li.comments div.validation-advice	{ width:361px; margin-left:0;}
input.validation-failed,
textarea.validation-failed 				{ border:1px solid red;}




/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
.top-nav 				{ font-size: .9em; position: absolute; right:10px; top: 10px;}
.nav li 				{ float:left; list-style:none; margin-left:10px; font-size:.9em; }
.nav li.last			{ border:none; margin-right:0; padding-right:0;}
.nav li a				{ color:#707070; padding:1px 5px; border:none;} 
.nav li a:hover,
.nav li.active a		{ color: #FFF} 


/* Content Nav */
/* ---------------------------- */
.content-nav 									{ clear:both; padding-top:50px; height:32px; }
.top-nav 										{ position:absolute; right:0; top:107px; padding-top:0;}
.content-nav li 								{ float:left; list-style:none; font-size:1.1em; margin-right:1px; text-transform:lowercase }	
.content-nav li a								{ display:block; height:31px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em; text-decoration:none;} 
.content-nav li.nav-portfolio a					{ background-image:url('../images/site/navigation/portfolio.png'); width:104px; }
.content-nav li.nav-services a					{ background-image:url('../images/site/navigation/services.png'); width:97px; }
.content-nav li.nav-contact a					{ background-image:url('../images/site/navigation/contact.png'); width:95px;}
.content-nav li a.active						{ background-position:0 -62px; width:160px; height:47px; position:relative; margin-top:-15px; border-bottom:none;}
.content-nav li.nav-portfolio a.active			{ width:160px;}
.content-nav li.nav-services a.active			{ width:153px;}
.content-nav li.nav-contact a.active			{ width:148px;}
.content-nav li a:hover							{ background-position:0 -31px;}
.content-nav li a.active:hover					{ background-position:0 -62px;}

.content-nav li.page-top				{ position:absolute; right:0; margin-top:10px; font-family:lucida grande, arial, verdana, sans-serif; font-size:.8em; padding-bottom:15px; }
.content-nav li.page-top a,
.content-nav li.page-top a:visited		{ padding:0 13px 0 0 ; background:transparent url('../images/site/btn-up.png') no-repeat right 3px; color:#d98096; text-indent:0; border-bottom:none; height:15px;}
.content-nav li.page-top a:hover		{ color:#FFF; background-position:right -14px;}


/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */