/*
Theme Name: JMK Project Builders
Theme URI: http://www.jmk.com.au/
Description: 2008 Design
Version: 2008
Author: Almost Anything
Author URI: http://www.almostanything.com.au
*/

/*
Quick colours!
The Yellow	:	fff200
The Green	:	216744
Lt green	:	277050
*/

/* HEADER AND BODY STYLING */
body {
	margin:0;
	padding:0;
	font: 80% "Verdana", sans-serif;
	background:#277050 url(images/background_tile.png) repeat-x;
}
#header {
	height:289px;
}
#header_inner{
	height:289px;
	background:url(images/masthead.png) no-repeat top center;
}
#ngg_widget_slideshow9 {
	top:0;
	right:0;
	position:absolute;
	padding:0;
}
#header h1{
	text-indent:-999em;
	padding:0;
	margin:0;
}
.shadow-bottom{
	background:url(images/footer_tile.png) repeat-x bottom center;
}
/*
#sidebar{
	width:617px;
	height:149px;
	background:url(images/masthead_photos.jpg) no-repeat;
	float:right;
}
*/
.widthlimiter {
	position:relative;
	width:1002px;
	margin:auto;
}
#menu {
	position: absolute;
	right:0;
	top:217px;
	z-index:100;
}
body#page3 .slideshow{
	width:335px;
	float:right;
}
/*
 * 5.Navigation
 * Ahhh, the fun part. If you get stuck, ask Jeff Vader. I'm his brother.
 * http://www.youtube.com/watch?v=7tUNNM-Hyu8
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#fff;
	line-height:28px;
}
.nav {
	text-align:center;
}
.nav ul { /* dropdown width */
	position:absolute;
	top:-999em;
}
.nav li {
	position:relative;
	display:inline;
	line-height:28px;
}
.nav li a {
	color:#fff;
	display:inline;
	line-height:28px;
	padding:0 1.5em;
}
.nav ul li a {
	color:#000;
	display:block;
	width:100px;
	line-height:28px;
	padding:0 0 0 1em;
}
.nav li a:hover {
	color:#fff200;
	text-decoration:none;
}
.nav li ul li a:hover {
	color: #277050;
}
.nav li ul {
	border-color: #216744;
	border-style: solid;
	border-width: 1px 1px 1px 8px;
	background:#fff;
	width:150px;
	text-indent:0;

}
.nav li ul li {
	position:static;
	float:none;
	width:100%;
	display:block;
	list-style-type:none;
}
.nav li ul li a {
	float:none;
	width:100%;
	font-size:0.8em;
}
.nav li:hover ul,
ul.nav li.sfHover ul { /* vertical pozzie of dropdown */
	left:0px;
	top:22px;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul { /* 2nd level dropdown */
	right:0px;
	top:0px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav a {
	text-decoration:none;
	text-align:left;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	/*background:#666;*/
}
.nav li li {
	background:none;
}
.nav li li li {
	background:none;
}



/* MAIN CONTENT STYLING */
/* MAIN CONTENT STYLING */
#content {
	line-height:2em;
	margin:0 auto;
	padding:0 100px;
	width:802px;
	background:#fff url(images/content_background.png) repeat-y;
}
#watermark{
	padding:0 40px;
}
#content h1 {
	color:#1C5F3B;
	margin:0;
	padding:0;
	font:40px/60px "Calibri", sans-serif;
}

h2 {
	font-family:"Calibri", sans-serif;
	margin:0.5em 0;
	font-size:2.1em;
	width:50%;
}

h2.tagline {
	margin:0;
}
h2 a, h2 a {
	text-decoration:none;
}

h3 {font:normal bold 1.6em sans-serif;margin:0.4em 0}
h4 {font:normal bold 1.3em sans-serif;margin:0.3em 0}
h5 {font:normal bold 1.2em sans-serif;margin:0.2em 0}

#content a {
	color:#27704F;
	text-decoration:underline;
}
#content a:hover {
	text-decoration:none;
	background:#27704F;
	color:#fff;
}
#content ul {
	color:#000;
	/*list-style-image:url(images/bullet.gif);*/
}
/* FOOTER STYLING */
#logo_footer {
	padding:0;
	margin:0;
	clear:both;
	height:85px;
	position:relative;
	bottom:0;
}
#footer_jmk{
	position:absolute;
	left:0;
	bottom:0;
}
#logo_footer img, #content #logo_footer a {
	border:none;
	background:#fff;
}
#footer {
	width:100%;
	height:41px;
	clear:right;
	background: url(images/content_footer_tile.png) no-repeat bottom center;
}
#footer p {font-size:0.8em;color:#fff;text-align:center;margin:0;padding-top:16px;}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {text-decoration:none}

/* FORM STYLING */
#content form.cform{
	float:right;
	margin:0;
/*	width:250px;*/
}
#content .cform legend { 
	font-family:sans-serif;
	color:#25467d;
}
#content #cformsform input, #content #cformsform input,textarea {
	border:1px solid #214C8B;
}
#content #cformsform button#sendbutton {
	background:none;
	width:105px;
	height:25px;
	cursor:pointer;
	border:0;
	float:right;
	margin-top:10px;
}
#content form.cform input#sendbutton2{
/*	margin:0;*/
	text-align:center;
}
#content p.cf-sb{
	text-align:left;
}
.linklove{display:none;}
/* IMAGE STYLING */
#content .ngg-right {
	padding:7px;
}
#content img.ngg-singlepic {
	margin:7px;
	border:1px solid #25467d;
}
#content .ngg-gallery-thumbnail img {
	padding:7px;
	border:1px solid #25467d;
}

/* lisa said the images should be center, so these rules will fix that!*/
#content .ngg-galleryoverview {
	text-align:center;
}

#content .ngg-gallery-thumbnail, #content .ngg-gallery-thumbnail-box, #content .ngg-gallery-thumbnail-box * {
	display:inline;
	text-align:center;
	float:none;
	position:static;
}
/* and the gallery slideshow link needs to be a little smaller :) */
#content  .ngg-galleryoverview .slideshowlink {
	text-align:left;
	font-size:0.9em;
}

#content #cformsform {
	position:static;
	float:right;
}
#content #ll {
	clear:right;
	float:right;
}
#content #cformsform fieldset, #content #cformsform fieldset legend {
	position:static;
	background-color:#fff;
}
#content #cformsform fieldset {
	border:1px solid #25467D;
}

