/* Rev Cranes 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;
}
span#nqweb-link
{
	background:url(../images/nqweb/pen.gif) left center no-repeat;
	padding:1px 0 1px 13px;
}

a:link {
	color:#2489DD;
}
a:visited {
	color:#0033CC;
}
a:hover {
	color:#CC0000;
}
/* -- LAYOUT
----------------------------------------------------------------------------------------------------------*/


body
{
	background:#CFCFCF url(../images/layout/body.jpg) repeat-x 0 0;
}

div#page { min-width:890px;text-align:center; padding:20px 0 0 0; }
div#page-wrap { margin:0 auto; text-align:left; width:904px;  background:#FFF url(../images/layout/page.gif) repeat-y 0 0; }
div#shadow { width:854px; padding:10px 25px 20px 25px; background: url(../images/layout/shadows.gif) no-repeat 0 0; }

div#header, div#main, div#nav, div#intro, div#footer  {	clear:both; }
div#header {  position:relative; background:#FFF url(../images/layout/header.gif) repeat-x 0 100%; }
	
	div#logo { padding:10px 0 10px 18px; margin-top:1px;}
		div#logo h1 { padding:0; margin:0; }
		div#logo a:hover { background:none; text-decoration:none;}
	
div#nav { width:100%; float:left; clear:both; background:#0e2a4a url(../images/layout/nav.gif) repeat-x 0 0; }
div#intro { background:url(../images/layout/intro.jpg) no-repeat 0 0; width:100%; height:200px; }
div#main { width:854px; padding-bottom:10px; margin-bottom:10px; }
div#content { color:#414141; padding:15px 25px 5px 25px;}
	

div#footer {width:100%; font-size:92%; line-height:18px;   }
	div#footer-nav{ background:#112849 url(../images/layout/footer-nav.gif) repeat-x 0 100%; color:#FFF; padding:20px 25px 40px 25px; }
	div#footer-info{ background:#f2f2f2; padding:18px 25px; color:#808080;}

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

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

#nav ul li
{
	display:inline;
	margin:0;
	padding:0;
		float:left;
}

#nav ul li a
{
	font:15px "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	line-height:18px;
	padding:16px 20px 12px 20px;
	text-decoration:none;
	color:#FFF;
	float:left;

}

body#page-home #nav ul li#nav-home a,
body#page-about #nav ul li#nav-about a,
body#page-services #nav ul li#nav-services a,
body#page-testimonials #nav ul li#nav-testimonials a,
body#page-community #nav ul li#nav-community a,
body#page-contact #nav ul li#nav-contact a,
body#page-gallery #nav ul li#nav-gallery a,

#nav a:hover
{
	background:#f5b100 url(../images/layout/nav-hover.gif) repeat-x 0 0;
	color:#112849;
}



/* -- SECTIONS
----------------------------------------------------------------------------------------------------------*/

div#site-sections { }
div#site-sections .column { width:47%; padding:0; margin:0; }
div#site-sections .first  { margin-right:6%; }
div#site-sections ul { list-style:none; margin:0 0 18px 0; padding:0; float:left; }

div#site-sections li{ padding:10px 10px 10px 125px; border:1px solid #FFF;  clear:both; display:block; }
div#site-sections li img { margin-left:-115px; float:left; border:1px solid #555; }
div#site-sections p { margin:0;}
div#site-sections li:hover { background:#EFF8FB; border:1px solid #D5F2FB; }


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

#content h1
{
		font:24px "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	color:#112849;
}


#content h2, #sidebar h2
{
	font-weight:bold;
	letter-spacing:-0.5px;
	text-transform:uppercase;
	font-size:16px;
	line-height:22px;
	background:#FFD503;
	color:#112849;
	padding:8px 0;
	margin-left: -25px;
 	padding-left: 25px;
	padding-right:25px;
}

#content h3
{
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:18px;
	color:#101010;
}
#content h3.first
{
	margin-bottom:18px;
}


#content ul
{
	list-style:square;
}

#content ul li
{
	margin-bottom:9px;

}

#content ul.pdfs
{
	list-style:none;
}

ul.pdfs li
{
	background:url(../images/icons/16x16-pdf.gif) no-repeat 0 50%;
	padding-left:20px;
}

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

#content a:hover .img-border,
#content a:hover .img-left,
#content a:hover .img-right
{ border:1px solid #97C323; background:#BBF22B; padding:5px; }



#footer a:link, #footer a:visited
{
		color:#FFF;

}

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

#footer a:hover
{
	color:#FFD503;
	background:none;
}




/* -- INFO BOX
----------------------------------------------------------------------------------------------------------*/

.info-box
{
	background:url(../images/layout/sections.gif) repeat-x 0 0;
	border-left:1px solid #E5E2D9;
	border-right:1px solid #E5E2D9;
	border-bottom:1px solid #E5E2D9;
	padding:25px 30px;
}

.sidebar
{
	float:right;
	width: 200px;
	margin-left:25px;
	padding:20px 25px;
	color:#6E6E6E;
}

hr
{
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #efefef;
	width: 50%;
	height: 2px;
	margin: 18px auto;
}



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

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

.tabular-data th
{
	color:#413804;
	font-weight:normal;
	padding:4px;
}
	
.tabular-data td
{
	border-bottom:1px solid #BABB96;
	font-size:12px;
	padding:4px;
}

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

.tabular-data tbody tr.even
{
}

table#priceslist
{
	width:467px;
}




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

.img-border,
.img-right,
.img-left
{ border:1px solid #DADADA; background:#FFF; padding:5px; }