/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* STRUCTURE */
/* ----------------------------------------- */

body	{
		background-color: #3f3f3f;
		text-align: centre;
}

a:focus	{
		outline: none;	
}

div.header	{
		width: 800px;
		height: 130px;
		background: url(../images/headerBg.jpg) no-repeat;
		margin: 0 auto;
}

div.header h1	{
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		left: 50px;
		top: 40px;
}

div.header h1 a	{
		display: block;
		width: 319px;
		height: 57px;
		background: url(../images/logoIE6.jpg) no-repeat;		
}


div.header h2	{
		visibility: hidden;	
}


div.wrapper	{
		width: 800px;
		background-color: #fff;
		background: url(../images/bodyBg.jpg) repeat-y;
		min-height: 600px;
		margin: 0 auto;
		text-align: center;
}

div.nav		{
		width: 780px;
		height: 50px;
		margin: 0 auto;
		border-bottom: 1px solid #1e1e1e;	
}

div.subNav	{
		width: 779px;
		margin-left: 11px;
		height: 30px;
		background-color: #350000;
		border-top: 1px solid #fff;	
}

div.mainColumn	{
		float: left;
		text-align: justify;
		width: 458px;
		margin-left: 30px;
		margin-right: 10px;
		padding-top: 10px;	
}

div.wideColumn	{
		clear: left;
		text-align: justify;
		margin-left: 30px;
		margin-right: 30px;
		padding-top: 10px;
}

div.designItem	{
		margin-bottom: 10px;
}

div.designItemContent	{
		width: 458px;
		float: left;
}

div.designItemImage	{
		margin-left: 478px;
		border: 1px solid #1e1e1e;
		background: url(../images/widgetBg.jpg) repeat-y;
		height: 200px;
}

img.designItemImg	{
		height: 180px;
		margin: 10px 9px 10px 9px;	
		border: 1px solid #3f3f3f;
}

table.portfolioTable	{
		font-size: 1.1em;
}


table.portfolioTable td	{
		padding: 2px 20px 2px 0;
}

div.container	{
		background-color: #350000;
		text-align: left;
		background: url(../images/widgetBg.jpg) repeat-y;
		min-height: 200px;
		border: 1px solid #1e1e1e;
}

div.container h4	{
		font-size: 1.5em;
		font-weight: bold;	
}


img.widgetLge	{
		margin-left: 11px;
		width: 174px;
		height: 150px;
		border: 1px solid #3f3f3f;
}

img.hero		{
		padding: 2px 2px 0 2px;	
}

#hero1 div, #hero2 div, #hero3 div	{
		width: 225px;
		float: left;
}

div.contInner	{
	background-color: #fff;
	border: 1px solid #3f3f3f;
	margin: 0 11px 11px 11px;
	padding: 0 0 22px 0;
		
}


div.sidebar		{
		text-align: justify;
		margin: 10px 20px 0 498px;
		padding: 0 10px;	
}

div.clearfix	{
		clear: both;
		height: 1px;
		margin: -1px 0 0 0;
}

div.footer		{
		width: 800px;
		height: 180px;
		margin: 0 auto;
		background: url(../images/footerBg.jpg) no-repeat;	
}

div.footer div	{
		text-align: left;
		color: #fff;
		padding-top: 50px;
		margin-left: 30px;	
}