/* IM Builders CSS by NQ Webdesign www.nqwebdesign.com */


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

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

a:link { color:#16A1E0; }
a:visited { color:#16A1E0; }
a:hover { background:#16A1E0; color:#FFF; text-decoration:none;}

/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/
div#layout
{
	background: url(../images/layout/layout.png) no-repeat center top;
	text-align:center;
	margin-top: 227px;
}


div#layout-inner
{
	margin:0 auto;
	text-align:left;
}

div#header-wrap,
div#nav-wrap,
div#main-wrap,
div#footer-wrap 
{
	min-width: 890px;
	text-align: center;
}

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

div#header, div#main, div#nav
{
	background: #fff;
	border: 3px solid #7accff;
}

div#main, div#nav
{
	border-top: none;
}

div#nav
{
	border-bottom: none;
}

div#footer-wrap
{
	margin-bottom: 10px;	
}


div#header
{ 
	position: relative;
	text-align: center;
	height: 100px;
	border-bottom: none;
}

div#logo
{
	position: absolute;
	top: -230px;
	left: 0;
}

div#topbar
{
	padding: 10px 150px 10px 150px;
}

div#footer 
{
	font-size:92%; 
	padding: 15px 0;
	border-top: none;
	width: 884px;
	color: #fff;	
}

div#footer a
{
	color: #fff;
}

div#content
{ 
	background-color: #f6f6f6;
	border: 1px solid #efecec; 
	clear: both;
	color: #464646;
	margin: 0 15px 15px 15px;
	padding: 20px;
}
div#content-inner{ }

div#footer-info-left, div#footer-info-right { padding: 0 10px; float: left; width: 422px; }
div#footer-nav { clear: both; padding: 0 10px; }

div#nav
{ 
	height: 51px;
}


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

#nav ul
{
	float: left;
	width: 804px;
  	background: url(../images/layout/nav.gif) repeat-x;
	border-left: 1px solid #4e8ed9;
	border-right: 1px solid #4e8ed9;	  
	list-style:none;
	padding: 0 20px;
}

#nav ul li
{
	display: inline;
	margin:0;
	padding:0;
	font-size: 16px;
	font-weight: bold;
}

#nav ul li a
{
	float: left;
	height: 51px;
	line-height: 51px;
	color: #fff;
	text-decoration: none;
	padding: 0 20px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;	
}

#nav ul li a:hover
{
	background: url(../images/layout/nav-hover.gif) repeat-x;
	border-left: 1px solid #d28600;
	border-right: 1px solid #d28600;
	color: #000;
}

body#page-home #nav ul li#home a,
#nav a:hover
{

}

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

#content h1
{
	color: #1059b6;
	font-size:19px;
	line-height:21px;
	font-weight:normal;
}
#content h2
{
	color: #1059b6;
	font-size:16px;
	font-weight:normal;
	line-height:20px;
}

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

#topbar h2
{
	font: 30px "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
	line-height:31px;
	font-weight: bold;
	text-align: center; 
}

#topbar p
{
	color: #9f9f9f;
	font: 19px "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
}

div#topbar div#topbar-inner p.popup-text
{
	color: #000;
	font:12px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}


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

#content a:link, #content a:visited
{
}

#content a:hover
{
}

#footer a:link, #footer a:visited
{
	
}
#footer a:hover
{
}


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

/* -- POPUP
----------------------------------------------------------------------------------------------------------*/

body#page-popup div#logo
{
	position: static;
	top: auto;
	left: auto;
	float: left;
	width: 250px;
	padding: 20px 0;
}

body#page-popup div#header
{
	height: auto;
}

body#page-popup div#topbar
{
	padding: 20px;
}

body#page-popup div#main
{
	border: 3px solid #7accff;
	border-top: none;
	padding: 0;
}

body#page-popup div#content img.img-border
{
	margin-bottom: 12px;
}

body#page-popup div#content a.img-link:hover
{
	background: none;
}

body#page-popup div#header, body#page-popup div#main, body#page-popup div#footer, div#footer-wrap
{
	width: auto;
}

body#page-popup div#footer
{
	padding: 5px;
}

body#page-popup div#footer-wrap
{
	min-width: 100%;
}

body#page-popup div#footer-info-left, body#page-popup div#footer-info-right
{
	width: 50%;
	margin: 0;
	padding: 0;
}