/* Site Name 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:url(../images/layout/body.gif) repeat-x 0 0;
}
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:850px;
	text-align:center;
}


div#layout-inner
{

}

div#header-wrap,
div#main-wrap,
div#info-wrap,
div#footer-wrap 
{
	clear:both;

}


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

div#header { }
div#header-nav{ float:right; }
div#logo { }
div#logo h1 { line-height:0; margin:0; padding:0; }

div#main { }
div#sidebar { float:left;  width:230px;}
div#content { float:left; color:#555; width:620px; }
div#sidebar-inner{ color: #555; }
div#content-inner{ padding:30px 10px 0 45px; }

div#info-wrap
{
	background:#F1F1F1;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	color:#5E839E;
	margin:25px 0;
	padding:10px 0;
}

div#extra
{
	padding:20px;
	font-size:11px;
}
/*
div#extra
{
	background:#F1F1F1;
	border:1px solid #e5e5e5;
	color:#5E839E;
	margin:25px 0;
	padding:15px;
	font-size:11px;
}
*/
div#footer { font-size:92%; color:#8C8C8C; padding:0 0 20px 0; }
div#footer-nav{ }
div#footer-info{ }


/* -- NAVIGATION
----------------------------------------------------------------------------------------------------------*/
div#nav { padding:19px 0 0 0; }

div#nav div#bg-repeat { background:url(../images/layout/bg-repeat.gif) repeat-y 0 0; }
div#nav div#bg-top { background:url(../images/layout/bg-top.gif) no-repeat 0 0; }
div#nav div#bg-bottom { background:url(../images/layout/bg-bottom.gif) no-repeat 0 100%; padding:25px 12px 50px 12px; }

#header-nav
{
	padding:16px 0 0 0;
}

#header-nav ul
{
  list-style:none;
  padding:0;
  margin:0;
}

#header-nav ul li
{
	display:inline;
	margin:0;
	padding:0;
}
#header-nav ul li a
{
	padding:0 14px 0 21px;
	color:#FFF;
	font-size:11px;
	text-decoration:none;
}
#header-nav li#link-home a
{
	background:url(../images/icons/home.gif) no-repeat 0 50%;
}

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

#header-nav li#link-contact a
{
	background:url(../images/icons/contact.gif) no-repeat 0 50%;
}

#header-nav ul li a:hover
{
	color:#66CCFF;
	text-decoration:underline;
}

#sub-header ul
{
	background:url(../images/layout/header3.jpg) no-repeat;
	height:152px;
	list-style:none;
	padding:0;
	margin:0 0 0 20px;
}

#sub-header ul li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
	text-indent:-9999px;	

}

#sub-header ul li a
{
	background:transparent url(../images/layout/header3.jpg) no-repeat;
	display:block;
	height:152px;
	text-decoration:none;
}

#sub-header li#button-a a {	width:194px; }
#sub-header li#button-b a {	width:209px; }
#sub-header li#button-c a {	width:197px; }


#sub-header  li#button-a a:link, #sub-header li#button-a a:visited { background-position:0 0; }
#sub-header  li#button-a a:hover { background-position:0 -152px; }

#sub-header  li#button-b a:link, #sub-header li#button-b a:visited { background-position:-194px 0; }
#sub-header  li#button-b a:hover { background-position:-194px -152px; }

#sub-header  li#button-c a:link, #sub-header li#button-c a:visited { background-position:-403px 0; }
#sub-header  li#button-c a:hover { background-position:-403px -152px; }


/* -- TYPOGRAPHY > HEADINGS, PARAGRAPHS, LISTS
----------------------------------------------------------------------------------------------------------*/
#content h1,
#content h2,
#sidebar h1,
#sidebar h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;

	color:#A60000;
}

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



div#info h2
{
	color:#004977;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
}

div#extra ul, div#content ul
{
	list-style:square;
}

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

#content a:link, #content a:visited,
#footer a:link, #footer a:visited,
#info a:link, #info a:visited { color:#A60000; text-decoration:none;  }

#content a:hover,
#footer a:hover,
#info a:hover { color:#3077AA; }


/* -- 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
{
}

/* -- INFO COLUMNS
----------------------------------------------------------------------------------------------------------*/



div#info div.column
{
	float:left;
	width:25%;
	padding:10px 6% 10px 6%;
	text-align:left;
	background:url(../images/layout/ib-divider.gif) no-repeat 100% 50%;
}

div#info #ib-about h2
{
	background:url(../images/icons/about-large.gif) no-repeat 0 50%;
	padding:0 0 0 39px;
	display:block;
	line-height:31px;		
}

div#info #ib-services h2
{
	background:url(../images/icons/services-large.gif) no-repeat 0 50%;
	padding:0 0 0 39px;
	display:block;
	line-height:31px;		
}

div#info #ib-contact h2
{
	background:url(../images/icons/contact-large.gif) no-repeat 0 50%;
	padding:0 0 0 39px;
	display:block;
	line-height:31px;		
}


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


div#info div.last
{
	background:none;
	padding-right:0;
}

div#info div.column ul
{
	list-style:square;
}
/* -- SHORTCUTS
----------------------------------------------------------------------------------------------------------*/

#shortcuts
{
	margin:0 0 30px 0;
	padding:10px;
}

#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 div.text
{
	float:left;
	width:140px;
	display:block;
	margin-left:10px;
}

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

div#shortcuts li a:link, div#shortcuts li a:visited
{
	color:#A60000;
	text-decoration:none;
}



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

.img-border			{ border:1px solid #D6C7B6; background:#FFF; padding:4px; }
.img-right			{ border:1px solid #D2D2D2; background:#FFF; padding:5px; }
.img-left 			{ border:1px solid #D6C7B6;  background:#FFF; padding:4px; }