/* Mark Hall CSS by NQ Webdesign www.nqwebdesign.com */


/* -- IMPORTED STYLESHEETS
----------------------------------------------------------------------------------------------------------*/
@import "reset.css";
@import "typography.css";
@import "common.css";
@import "form.css";

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #350f04 url(../images/layout/body.jpg) fixed repeat-x;
	margin-bottom: 30px;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
}

p
{
	line-height: 150%;
	text-align: left;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout, div#header-wrap
{
	min-width:850px;
	text-align:center;
}


div#layout-inner
{
	background: url(../images/layout/main2.gif) repeat-y;	
	margin:0 auto;
	text-align:left;
	width:850px;
}

div#header-wrap,
div#main-wrap,
div#footer-wrap 
{
	clear: both;
	width: 100%;
}

div#header 
{
	margin:0 auto;
	text-align:left;
	width:850px;	
}

div#footer
{ 
	background: #efefef;
	border: 1px solid #ddd;
	color: #808080;
	font-size:92%;
	padding: 20px;
	text-align: right;
}



div#main
{
	background:url(../images/layout/main-fade.gif) 0 0 no-repeat;
}

div#sidebar 
{ 
	width: 192px;
	padding: 80px 20px 18px 20px;
	color:#2F2F2F;
	font-size: 12.5px;
	color:#444;
}
div#content 
{ 
	padding: 30px 45px 18px 30px;
	width: 543px;
	color:#444;
	font-size: 12.5px;
}
div#sidebar-inner{ }
div#content-inner{ }

div#footer-nav{ padding-bottom: 1em; }
div#footer-info{ }

div#logo, div#slideshow { float: left; }
div#logo { width: 199px; padding: 20px 0 0 20px; }
div#nav-wrap 
{ 
	border-top: 1px solid #be5414;
	float: left; 
	width: 850px; 
}

#slideshow 
{
	position:relative;
    height:256px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	padding-top: 20px;
	background: white;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}



/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/

#header-nav
{
	text-align: right;
	padding: 10px 25px;
	font-size: 92%;
}

#header-nav, #header-nav a, #header-nav a:hover
{
	color: white;
}

#header-nav a
{
	text-decoration: none;
	padding:0 0 0 21px;	
	margin:0 5px;
}

#header-nav .link-sitemap
{
	background:url(../images/layout/icon-sitemap.gif) 0 50% no-repeat;
}

#header-nav .link-contact
{
	background:url(../images/layout/icon-mail.gif) 0 50% no-repeat;
}


#header-nav a:hover
{
	color:#e17e51;
}



#nav
{
	font:13px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.4px;
	line-height:18px;
	text-transform: uppercase;
	margin: 0 20px;
	padding-top: 233px;
	position: relative;
}

#nav ul
{
	background: url(../images/layout/nav.png) bottom left repeat-x;
	left: 199px;
	list-style:none;
 	margin:0;
 	padding:0;	
	position: absolute;
	width: 611px;
	z-index: 11;	
}

#nav ul li
{
	float:left;
	margin:0 0 0 6px;
	padding:0;
}

#nav ul li.first
{
	margin:0;
}


#nav ul li a
{
	color: white;
	padding: 14px 9px 11px 9px;
	text-decoration: none;
	display:block;
}
#nav a:hover
{
	color:#A067AB
}

body#page-home #nav ul li#home a,
body#page-about #nav ul li#about a,
body#page-design #nav ul li#design a,
body#page-process #nav ul li#process a,
body#page-gallery #nav ul li#gallery a,
body#page-contact #nav ul li#contact a
{
	background: #FFF;
	color:#000;
}

/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/

#content h1
{
	color: #a57bb3;
	font-size: 24px;
	font-weight:normal;
}
#content h2,
#sidebar h2
{
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-weight:normal;
	color:#000;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
}


#sidebar h2.h2-testimonials,
#sidebar h2.h2-pastprojects
{
	background-repeat:no-repeat;
	background-position:0 50%;
	line-height:40px;
	padding-left:45px;
}
#sidebar h2.h2-testimonials { background-image:url(../images/icons/testimonials.gif); }
#sidebar h2.h2-pastprojects { background-image:url(../images/icons/pastprojects.gif); }



/* -- LINKS
----------------------------------------------------------------------------------------------------------*/


#content a:link, #content a:visited
{
	color:#9A5DA3;
}

#content a:hover
{
	background:#9A5DA3;
	color:#FFF;
}

#footer a:link, #footer a:visited
{
	color: #808080;
}

#footer a:hover
{
	color:#993399;
}


/* -- FORMS
----------------------------------------------------------------------------------------------------------*/

/* -- TABLES
----------------------------------------------------------------------------------------------------------*/
.tabular-data
{
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}

.tabular-data thead tr
{
	background-color:#0C3257;
}

.tabular-data th
{
	color:#FFFFFF;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #D2E2FB;
	font-size:11px;
	padding:4px;
}

.tabular-data tbody tr.odd
{
	background-color:#EDF2FE;
}

.tabular-data tbody tr.even
{
}


/* -- MISC.
----------------------------------------------------------------------------------------------------------*/

.img-border			{ border:1px solid #CBA87C; background:#DFCDB5; padding:4px; }
.img-right			{ border:1px solid #CBA87C; background:#DFCDB5; padding:6px; }
.img-left 			{ border:1px solid #CBA87C;  background:#DFCDB5; padding:4px; }