/* - - - - - - - - - - - - - - - - - - - - -

Title : Queenstown Tennis.com - Stylesheet
Author : Matt Skiles | Digital Visinos Queenstown
URL : www.dvq.co.nz

- - - - - - - - - - - - - - - - - - - - - */

/* ----- BASE ----- */

body {
	margin: 0;
	padding: 0;
	font: 10px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #37650E url(images/bg.gif) repeat-y top center;
	color: #ffffff;
}

p { color: #E8ECF0; margin: 10px 0px;}
a, a:visited { color: #95D85E; text-decoration:underline;}
a:hover, a:focus { color: #6ACE17; }


h1, h2 {
	font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #98AEC8;
	margin: 10px 0px 10px;
	padding-bottom: 5px;
	background: url(images/dot.gif) repeat-x bottom left;
}

h3 {
	color: #FFFFFF;
	margin: 5px 20px 0 0;
	line-height:1.8em;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	color: #FFFFFF;
	padding: 0px 0px 0 0px;
	font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

	
/* ----- CONTAINER ----- */

#container {
	width: 760px;
	margin: 0 auto;
	position: relative;
	min-height: 100%;
}



/* ----- SECONDARY ----- */

#secondary {
	float: left;
	width: 226px;
	padding-bottom: 2em;
}


/* ----- LOGO ----- */

			
.logo {
	margin-top: 10px;
	margin-left: 5px;
	width: 216px;
	height: 147px;
}

.logo h1 { text-indent: -99999px; }
			
.logo a {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	width: 216px;
	height: 147px;
}
			
		
			
/* ----- NAVIGATION ----- */
			
#secondary #nav_outer {
	text-align: left;
	width: 215px;
    margin-top: 10px;
	background-color: #526A83;
	background-image: url(images/menu_top.gif);
	background-repeat: no-repeat;
	background-position: top left;}

#secondary #nav {
	width: 215px;
	padding-bottom: 5px;
	background-image: url(images/menu_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align:left;
	line-height: 1.3em;
	font-size: 1.1em;
}

#secondary #nav h2 {
	text-align: center;
	letter-spacing: -1px;
	font: normal 2.0em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #99A9B4;
	margin: 0;
}

#secondary #nav div {
    margin: 0 10px; padding: 0;  background: url(images/dot.gif) repeat-x bottom left;
}
    
#secondary #nav #navhome a { background: url(images/home.gif) no-repeat 0% 50%;}
#secondary #nav #navabout a { background: url(images/about.gif) no-repeat 0 50%;}
#secondary #nav #navcoaches a { background: url(images/coaches.gif) no-repeat 0 50%;}
#secondary #nav #navcardio a { background: url(images/cardioicon.gif) no-repeat 0 50%;}
#secondary #nav #navjobs a { background: url(images/info.gif) no-repeat 0 50%;}
#secondary #nav #navform a { background: url(images/form.gif) no-repeat 0 50%;}
#secondary #nav #navform2 a { background: url(images/form.gif) no-repeat 0 50%;}
#secondary #nav #navladder a { background: url(images/ladder.gif) no-repeat 0 50%;}
#secondary #nav #navinfo a { background: url(images/info.gif) no-repeat 0 50%;}
#secondary #nav #navphotos a { background: url(images/photos.gif) no-repeat 0 50%;}
#secondary #nav #navshop a { background: url(images/shop.gif) no-repeat 0 50%;}
#secondary #nav #navlinks a { background: url(images/links.gif) no-repeat 0 50%;}
#secondary #nav #navcontact a { background: url(images/contact.gif) no-repeat 0 50%;}
#secondary #nav #navcontact { background: none; }

#secondary #nav a { color: #B0C1CD; width: 160px; display: block; text-decoration: none; padding: 8px 0 8px 35px; }
#secondary #nav a:hover { color: #A8DC7D; }
#secondary #nav #ladder a { color: #A8DC7D; }

#ad {width:160px; margin: 20px auto 0 auto;text-align:center;}
#ad img { padding-top:10px; padding-bottom:8px;}
#secondary #ad a { font-weight: bold; display: block; color: #A8DC7D; text-decoration: none;}
#secondary #ad a:hover {color: #fff;}


/* ----- PRIMARY ----- */

#primary {
	float: right;
	width: 534px;
}


/* ----- MAINPHOTO ----- */

#mainphoto { width:534px; height:167px; background: url(images/mainphoto.jpg) no-repeat;}
#mainphoto_about { width:534px; height:167px; background: url(images/mainphoto.jpg) no-repeat;}
#mainphoto_coaches { width:534px; height:167px; background: url(images/mainphoto.jpg) no-repeat;}
#mainphoto_lan { width:534px; height:167px; background: url(images/mainphoto_lan.jpg) no-repeat;}
#mainphoto_mark { width:534px; height:167px; background: url(images/mainphoto_mark.jpg) no-repeat;}
#mainphoto_ben { width:534px; height:167px; background: url(images/mainphoto_ben.jpg) no-repeat;}
#mainphoto_group { width:534px; height:167px; background: url(images/mainphoto_group.jpg) no-repeat;}
#mainphoto_shop { width:534px; height:167px; background: url(images/mainphoto_shop.jpg) no-repeat;}
#mainphoto_links { width:534px; height:167px; background: url(images/mainphoto_links.jpg) no-repeat;}

#waynelink { color: #fff; text-decoration: none;}
#waynelink a:hover { color: #6ACE17; }

#gallery {margin: 0 0 10px 4px;float: left; display: inline;width: 489px;}
#gallery li {min-width: 85px;margin: 0 3px 3px 3px;float: left;display: inline;}


/* ----- CONTENT ----- */
	
#content {
	padding-top: 4px;
	width: 494px;
	margin: 0 auto;
}

/* ----- CONTENT STYLES ----- */

#content img { margin: 5px; }
#content a img { border: 3px solid #BDC7D1; margin: 5px 0px; }
#content a:hover img { border: 3px solid #FFFFFF; }

.imagesright {float:right;width:300px;text-align:right;margin:0}
.imagesleft {float:left;width:300px;text-align:left;margin:0}


/* ----- CONTENT BOXES ----- */

.contentbox_outer {width:494px; margin:0 auto; padding-bottom:10px;}
.contentbox_inner {width:494px; background: #37495D url(images/contentbox-top.gif) no-repeat 0 0;}
.contentbox {width:474px; padding-bottom:3px; background: url(images/contentbox-bottom.gif) no-repeat 0 100%;  padding: 5px 10px;}

.coaches {
	width: 294px;
	margin: 0 auto;
}

#coach-lan { width:131px; float:left;}
#coach-mark { width:131px; float:right;}
#coach-lan p, #coach-mark p { margin: 2px 5px;}


.waynebox { width:57px; float:right; padding:10px; }

.contentbox h2 {
	font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0 10px;
	color: #EBF0F6;
	padding-top:5px;
 	padding-bottom: 5px;
}

.contentbox h3 {
	color: #FFFFFF;
	margin: 0px 20px;
	font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}


.contentbox .divider {
	clear: both;
	height: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}

.contentbox .dottedline {
	width:454px;
	height:2px;
	margin: 0 auto;
	background:url(images/dot.gif) repeat-x bottom;
}

.contentbox .hide {
	display: none;
}


/* ----- FOOTER ----- */
	
#footer {
	background:url(images/dot.gif) repeat-x top left;
	margin: 25px 0 5px 0;
	display: block;
	text-align: center;
}

#footer p {
	line-height: 1.5em;
	padding: 15px 0px;
	margin: 0;
	color: #BDC7D1;
}




/* ----- PHOTOS STYLES ----- */

#photosSoon {
	width:200px;
	height: 200px;
	margin: 0 auto;
	background: url(images/photosSoon.gif) no-repeat top left;
}



/* ----- FORM STYLES ----- */

#contact_form p { margin: 15px 10px; }

#contact_form input, #contact_form textarea {
  	background-image:  url("images/input_bg1.gif");
	border:1px #ccc solid;
	display:block;
	padding:4px;
	margin:0 0 10px 10px;
	}

#contact_form #checkbox input {
  	background-image: none;
	border:0;
	display:block;
	padding:0px;
	margin:0 0 10px 10px;
	}

#contact_form .checkbox2 input {
  	background-image: none;
	border:0;
	display:block;
	padding:0px;
	margin:0 0 10px 10px;
	}


#contact_form input.validation-failed, #contact_form textarea.validation-failed {
	border: 1px solid #FF3300;
	}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #ccc;
	}

#contact_form label {
	margin-left:10px;
	font:12px/20px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif;
	padding:5px 0 0 0px;
	color:#ccc;
	}
#contact_form label span {
	font:10px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#838b90;
	padding:0px 0 0px 3px;
	}
#contact_form input:hover, #contact_form textarea:hover { border:1px #cedc28 solid; }
#contact_form input:focus, #contact_form textarea:focus { border:1px #1E3038 solid; }

.validation-advice {
	margin: 5px 0 30px 0;
	padding: 5px 26px;
	background: #ff3300 url(images/validation-advice_bg.gif) repeat;
	color : #fff;
	font:12px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#contact_form checkbox {
  	background: url("images/input_bg1.gif");
	border:1px #ccc solid;
	display:block;
	padding:4px;
	margin:0 0 10px 23px;
	}
	
#contact_form checkbox.validation-failed {
	border: 1px solid #FF3300;
}

checkbox.validation-passed { border: 1px solid #ccc; }

.hidden {
	display:none;
	visibility:hidden;
	border:0; margin:0; padding:0;
}

#success {
	background-color: #909f5e;
	padding:20px 0px;
	border-top:1px #3e471d solid;
	border-bottom:1px #3e471d solid;
}

#success p { color:#e6eae5; }

strong.label {
 	display:block;
 	font:12px/28px Georgia, "Trebuchet MS",Arial, Helvetica, sans-serif;
 	color:#2d5768;
	margin:0; 
	padding:5px 23px;
}

#contact_form h4 span {
	font:10px "Trebuchet MS",Arial, Helvetica, sans-serif;
 	font-weight: normal;
	color:#838b90;
	padding:0px 0 0px 3px;
}


/* ----- COMMON STYLES ----- */

.pdbtm10 { padding-bottom: 10px; }
.greenhighlight{ font-size: 1.0em; color: #95D85E; }