/* 
Author: 			Ryan Mayer  |  Parcom Marketing
Author URI: 		parcommarketing.com
Version:			0.1

Project:			Golf Central Alberta
Date:				March 2009

---------------------------------------------------------------------------------------


/* ------------------------------------------------------------------------------------
RESET						 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0px auto; padding:0px; border:0px; font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}	



/* ------------------------------------------------------------------------------------
BASICS						 */

html, body {margin:0px auto; padding:0px; width:100%; height:100%; min-height:101%; font-size:100%;}
body {background: #f3f2ee url(../img/bg_header.jpg) 0px 0px repeat-x;}
	
a{}
a:link {color: #003155; text-decoration: none; font-weight:bold;}
a:hover {color: #666; font-weight:bold; border-bottom: 1px dotted #003155;}
a:visited {color: #003155; text-decoration: none; font-weight:bold;}

.left{float:left; }
.right{float:right; }
.clear{clear:both; }
.padding{padding:10px; }

.asterisk {color:#ff0000; font-size:1.2em; margin: 0px 0px 0px 4px;}
span.amp {font-family: Baskerville, Palatino, "Book Antiqua", "Constantia", serif; font-style: italic;}



/* ------------------------------------------------------------------------------------
TYPOGRAPHY					 */

body {font: normal 62.5%/normal "Helvetica Neue", Arial, Helvetica, sans-serif; text-align:center; color:#373737;}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 80px 0px 80px; padding:0px; font-weight:normal;text-align:left; display:block; text-decoration:none; background-color: transparent;}
h1{font-size:2.4em; color:#6b9558; font-weight:normal;/*line-height:1px;*/ letter-spacing: -1px; display:block; background: transparent;}
h2{font-size:1.7em; color:#333; margin-top:10px; /*margin-bottom:0.75em;*/ letter-spacing:-1px; line-height:15px;}
h3{font-size:1.3em; color:#777; font-weight: bold;margin-top:-5px; margin-bottom:1em;}
h4{font-size:1.2em; color:#B42021;font-weight: bold; line-height:1.25; padding:0px;}
h5{font-size:1.1em; color:#B42021; font-weight:bold; text-transform:uppercase;} 
h6{font-size:1em; color:#378899; font-weight:bold; text-transform:capitalize;}

p {background: transparent; color: #373737; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0px; line-height: 1.7em; font-size: 1.2em; margin:0px auto; padding: 0px 80px 10px 80px;} 
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

#colOne p, #colOne h1, #colOne h2, #colOne h3, #colOne h4, #colOne h5 {padding:0px 60px 0px 30px;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

#inline-list {margin: 0px 80px 0px 80px; padding: 5px; font-family: Verdana, sans-serif; text-align:center;}
#inline-list p {display: inline; text-align:center;}
#inline-list ul, #inline-list li {display: inline; margin: 0; padding: 0; color: #339; font-weight: bold;}

ul, ol {font-size: 1.2em; background: transparent; text-align:left; margin: 0px 20px 5px 95px; padding:0px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
li {color:#555; margin: 0px; padding: 0px 50px 2px 2px; position: relative;}
ul li { list-style: outside disc;}
ol li { list-style: outside decimal;}
li ul li { list-style: inside disc; margin:0px; padding: 0px 50px 10px 2px; position: relative; font-size: .95em; color: #666;}
li ul, li ol {margin:0 1.5em;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

hr {border-top: 1px dotted #ccc; width:440px; margin:0px; padding:0px 0px 5px 0px;}



/* ------------------------------------------------------------------------------------
STRUCTRE					 */

#container {width:960px; height:auto; margin:0px auto; padding: 0px; text-align:left; vertical-align: top; background: transparent 0px 0px no-repeat; min-height: 100%;}
#content {width:740px; height:auto; margin:0px auto; padding: 0px; vertical-align: top; background: #eeede8 0% 0% no-repeat; min-height: 100%;/*border:solid 1px #00FF00;*/}
#sitenav {width: 940px; height: 56px; margin:0px auto; padding: 0px 0px 0px 0px; background: transparent url(../img/bg_sitenav.jpg) 0% 0% no-repeat; /*border:solid 1px #00FF00;*/}
#header {width: 940px; height: 331px; margin:0px auto; padding:20px 0px 0px 0px; background: transparent 0% 0% no-repeat;}
#footer {width: 940px; height:80px; margin:0px auto; padding:30px 0px 80px 0px; background: transparent url(../img/bg_footer.jpg) 0% 0% no-repeat;}



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

#colSin {width:740px; margin:0px auto; padding:0px; background: transparent 0% 0% no-repeat; /*border:solid thin #00FF00;*/}
#colOne {width:555px; margin:0px; padding:0px; background: transparent url(../img/bg_colOne.jpg) 0% 0% no-repeat; float:left;}
#colTwo {width:220px; margin:0px; padding:0px; background: transparent url(../img/bg_colTwo.jpg) 0% 0% repeat-y; float:left;}
#navContainer {width:405px; height:137px; margin:0px; padding: 0px; background: transparent 0% 0% no-repeat; float:right;}
#courseLinks {width:620px; height:90px; margin:0px auto; padding: 0px; background: transparent 0% 0% no-repeat;}
.courseImage {display: block; margin:0px 0px 0px 80px; padding: 0px; background: transparent 0% 0% no-repeat;}

.featuredBox {width:250px; margin:0px; padding: 0px; background: transparent 0% 0% no-repeat; float:left;} 
.featuredBox p {text-align:left; margin: 0px auto; padding:10px; color:#4b4c4c; text-decoration: none; font-size: 1.2em;}
#flashcontent {border: solid 1px #42453C; width: 1000px; height: 575px; margin: 15px 20px;}
#logo {float:left; margin:0px; padding:49px 0px 0px 0px;}

.floatBox {width:77px; height:45; margin:0px auto; padding:0px; float:left; text-align:center; display:block; /* border-left: dotted thin #999; */}
.floatBox p {font-size:1em; line-height: 1em; text-transform:uppercase; font-weight:bold; text-align: left; padding:50px 0px 0px 0px; margin:0px auto; color:#003155; text-align:center;}
.floatBox:hover p{color: #888; text-decoration: none;}

#playstay {width:480px; margin:0px auto; padding: 0px 80px 0px 80px; background: transparent 0% 0% no-repeat; /* border: dotted thin #00ff00; */}
#playstay p {font-size:1.1em; line-height: 1em; text-align: left; padding:0px 0px 0px 190px; margin:0px auto; color:#999; text-align:left;}



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

/* Sitenav*/
a.courses_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_courses.jpg) 0px 0px no-repeat; border: 0px;}
a.courses_btn:hover {background: transparent url(../img/btn_nav_courses.jpg) 0px -35px no-repeat;}
a.packaging_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_packaging.jpg) 0px 0px no-repeat; border: 0px;}
a.packaging_btn:hover {background: transparent url(../img/btn_nav_packaging.jpg) 0px -35px no-repeat;}
a.hotels_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_hotels.jpg) 0px 0px no-repeat; border: 0px;}
a.hotels_btn:hover {background: transparent url(../img/btn_nav_hotels.jpg) 0px -35px no-repeat;}
a.hole19_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_19.jpg) 0px 0px no-repeat; border: 0px;}
a.hole19_btn:hover {background: transparent url(../img/btn_nav_19.jpg) 0px -35px no-repeat;}
a.where_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_where.jpg) 0px 0px no-repeat; border: 0px;}
a.where_btn:hover {background: transparent url(../img/btn_nav_where.jpg) 0px -35px no-repeat;}


a.story_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_stories.jpg) 0px 0px no-repeat; border: 0px;}
a.story_btn:hover {background: transparent url(../img/btn_nav_stories.jpg) 0px -35px no-repeat;}
a.newsletter_btn {display: block; cursor: pointer; float:left; width: 128px; height: 35px; background: transparent url(../img/btn_nav_newsletter.jpg) 0px 0px no-repeat; border: 0px;}
a.newsletter_btn:hover {background: transparent url(../img/btn_nav_newsletter.jpg) 0px -35px no-repeat;}

/* Subnav - Hole Thumbs */

a.hole01_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-AlbertaSprings.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole01_btn:hover {background: transparent url(../img/btn_course-AlbertaSprings.jpg) 0px -45px no-repeat;}
a.hole02_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-Lacombe.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole02_btn:hover {background: transparent url(../img/btn_course-Lacombe.jpg) 0px -45px no-repeat;}
a.hole03_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-Innisfail.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole03_btn:hover {background: transparent url(../img/btn_course-Innisfail.jpg) 0px -45px no-repeat;}
a.hole04_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-Pheasentback.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole04_btn:hover {background: transparent url(../img/btn_course-Pheasentback.jpg) 0px -45px no-repeat;}
a.hole05_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-PineHills.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole05_btn:hover {background: transparent url(../img/btn_course-PineHills.jpg) 0px -45px no-repeat;}
a.hole06_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-Panoka.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole06_btn:hover {background: transparent url(../img/btn_course-Panoka.jpg) 0px -45px no-repeat;}
a.hole07_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-RiverBend.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole07_btn:hover {background: transparent url(../img/btn_course-RiverBend.jpg) 0px -45px no-repeat;}
a.hole08_btn {display: block; width: 77px; height: 45px; background: transparent url(../img/btn_course-WolfCreek.jpg) 0px 0px no-repeat; border: 0px; float:left;}
a.hole08_btn:hover {background: transparent url(../img/btn_course-WolfCreek.jpg) 0px -45px no-repeat;}



/* ------------------------------------------------------------------------------------
FOOTER						 */

#footer a:link {background: transparent; color: #b4b3b1; text-decoration: none; font-weight:normal;}
#footer a:visited {background: transparent; color: #b4b3b1; text-decoration: none;}
#footer a:hover {background: transparent; color: #000; text-decoration: none; font-weight:normal; border-bottom: 0px dotted #003155;}
#footer p {text-align:center; margin: 0px; padding:0px; color:#b4b3b1; text-decoration: none; font-size: 1.1em; line-height:1.5em;}



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

label {font-weight:bold; font-size:1.2em;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.4em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}