/* A1 Ground Cover CSS by NQ Webdesign www.nqwebdesign.com */


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

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



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

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

div#header
{
	clear:both;
	padding:10px 10px 0 17px;
}

div#header-inner
{
	background:url(../images/layout/logo.gif) no-repeat 0 0;
	text-align:right;
}

div#main
{
	color:#444;
	padding-bottom:20px;
}

div#footer
{
	clear:both;
	color:#777;
	font-size:11px;
	padding:0 10px 20px 25px;
}

div#footer-inner
{
}

span#bottom_menu
{
	display:block;
	padding:10px 0;
	width:510px;
	border-top:1px dotted #777;

}

div#content
{
	float:left;
	width:560px;
}

div#sidebar
{
	float:left;
	width:200px;
	color:#FFF;
}

div#side-extra
{
	margin-top:20px;
}

div#content-inner{ padding:10px 25px; }
div#sidebar-inner{  padding:10px 10px 10px 10px; }

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

div#navigation
{
}

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

#navigation ul li
{
	padding:0;
	margin:0 0 1px 0;

}

#navigation ul li a
{
	display:block;
	background:#172704;
	color:#FFF;
	padding:4px 15px;
	text-decoration:none;
}

body#page-home #navigation li#home a,
body#page-grass #navigation li#grass a,
body#page-rubber #navigation li#rubber a,
body#page-shades #navigation li#shades a,
body#page-playground #navigation li#playground a,
body#page-contact #navigation li#contact a,

#navigation ul li a:hover
{
	background:#FFF;
	color:#000;
}



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

#main h1, #main h2
{
	font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue";
}

#main h1 { color:#5D4210; font-size:21px;   line-height:23px;  }
#main h2 { color:#2B5C00; font-size:18px; line-height:20px; font-weight:normal; padding-bottom:5px;}
#main h3 { color:#222; font-size:12px; line-height:18px;  font-weight:bold; margin-bottom:0;}

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

#side-extra a:link, #side-extra a:visited,
#content a:link, #content a:visited
{
	color:#5D4210;
}
#main a:hover
{
	color:#195D25;	
}


#footer a:link, #footer a:visited
{
	color:#777;
	text-decoration:none;
}

#footer a:hover
{
	color:#195D25;	
}



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

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

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

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

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


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

.img-border
{
	border:1px solid #777; background:#FFF; padding:2px; 
}


#sidebar .img-border
{
	background:#FFF; padding:2px;
}

.img-float-right
{
	border:1px solid #777; background:#FFF; padding:2px; 
	float:right;
	margin:5px 0 5px 10px;
}

.img-float-left
{
	border:1px solid #777; background:#FFF; padding:2px; 
	float:left;
	margin:5px 10px 5px 0;
}