/* Site Name CSS by NQ Webdesign www.nqwebdesign.com */


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

/* -- DEFAULT
----------------------------------------------------------------------------------------------------------*/
body
{
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background:#90BCD9;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
	display:block;
	float:right;
}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	min-width:780px;
	text-align:center;
}


div#header-wrap,
div#main-wrap,
div#final-wrap,
div#footer-wrap
{
	width:100%;
	text-align:center;
	clear:both;
}
div#header-wrap { background:#30556C url(../images/layout/header-wrap.gif) repeat-x bottom; }
div#main-wrap { background:#FFF; }
div#footer-wrap {  background:#233F54; }
div#final-wrap {  background:#90BCD9; }

div#header,
div#main,
div#footer, 
div#final
{
	margin:0 auto;
	width:780px;
	text-align:left;
}

div#header {background:url(../images/layout/header.gif) no-repeat 0 100%; text-align:right; padding:15px 0; }
div#main { background:url(../images/layout/main.gif) repeat-y; }
div#footer { font-size:92%; color:#FFF; padding:10px 25px; width:730px; }
div#final { font-size:92%; color:#2F536C; padding:10px 25px; width:730px; }
div#header-nav { color:#99CCFF; font-size:11px; }

div#sidebar { width:245px; float:left; }
div#content { width:535px; float:left;}
div#sidebar-inner{  }
div#content-inner{color:#8E755B; padding:10px 25px;}

div#footer-nav{ }
div#footer-info{ clear:both; }

div#logo { text-align:center; }
div#nav { padding:15px 24px; }

div#info
{
	text-align:center;
	margin:0 0 6px 0;
}



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

#content h1
{
	color:#000;
	font-size:20px;
	font-weight:normal;
	background:url(../images/layout/h1.gif) no-repeat 0 7px;
	padding:2px 0 3px 25px;
}
#content h2
{
	font-size:17px;
	color:#233F54;
	font-weight:normal;
}

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

#content h2 small
{
	font-size:12px;
}


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

#header a:link, #header a:visited { color:#99CCFF; text-decoration:none;}
#header a:hover { color:#FFF; text-decoration:underline; }

#content a:link, #content a:visited { color:#233F54; }
#content a:hover { background:#233F54; text-decoration:none; color:#FFF; }

#footer a:link, #footer a:visited{ color:#99CCFF; text-decoration:none; }
#footer a:hover { color:#FFF; text-decoration:underline; }

#final a:link, #final a:visited{ color:#2F536C; }
#final a:hover { color:#4981A6; }


/* -- PHOTOS
----------------------------------------------------------------------------------------------------------*/
/*
div#photos { padding:10px 5px 0 29px; }
div#photos ul { list-style:none; padding:0; margin:0;}
div#photos ul li { padding:0; margin:0 15px 15px 0; display:inline; float:left; }
div#photos ul li img { border:2px solid #90BCD9 }
*/

div#photos { padding:10px 5px 0 25px; clear:both;}
div#photos img { border:5px solid #90BCD9 }


/* -- SHORTCUTS
----------------------------------------------------------------------------------------------------------*/

#shortcuts
{
	margin:0 0 30px 10px;
	float:left;
}

#shortcuts ul
{
	padding:0;
	margin:0;
	list-style:none;
	color:#444;

}

#shortcuts p
{
	margin:0;
}

#shortcuts li
{
	float:left;
	display:block;
	margin:0;
	padding:0;
	clear:left;
	border-bottom:1px dotted #999;
	padding:10px 0;
}

#shortcuts li span.icon
{
	float:left;	
	width:51px;
	display:block;

}
 #shortcuts li span.text
{
	float:left;
	width:164px;
	display:block;
	margin-left:10px;
}

div#shortcuts li span.text h3
{
	color:#004977;
}

div#shortcuts li a:link, div#shortcuts li a:visited
{
	color:inherit;
}
div#shortcuts li a:hover, div#shortcuts li a:hover h3
{
	color:#FF6600;
}


/* -- FOOTER-NAV
----------------------------------------------------------------------------------------------------------*/

div#footer-nav
{
}

div#footer-nav div.column
{
	float:left;
	width:160px;
	padding:5px 0 0 25px;
	border-right:1px dotted #386586;
}

div#footer-nav div.column h3 a
{
	font-size:11px;
	color:#B2D8FE;
}
div#footer-nav div.column h3 a:hover
{
	color:#FFF;
}

div#footer-nav div.column ul
{
	list-style:none;
	margin:0;
	padding:0;
}

div#footer-nav div.column ul li
{
	padding:0 0 0 5px;
}


div#footer-nav div.first
{
	padding-left:0;
}


div#footer-nav div.last
{
	border-right:none;
}




/* -- 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 #D6C7B6; background:#FFF; padding:4px; }
.img-right			{ border:1px solid #D6C7B6; background:#FFF; padding:4px; }
.img-left 			{ border:1px solid #D6C7B6;  background:#FFF; padding:4px; }