﻿/* HTML elements  */

	body{background: url("../images/design/background/bg1.gif") repeat-x fixed;
	font:67% Arial, Helvetica, sans-serif;line-height:1.6em;text-align:justify;color:black;background-color:white}

	h1, h2, h3, h4, h5, h6{font-weight:normal;margin:0;line-height:1em;}	
	h1{font-size:1.7em;margin-bottom:1.0em;font-weight:bold;}	
	h2{font-size:1.5em;margin-bottom:0.8em;padding-top:.2em;font-weight:bold;}	
	h3{font-size:1.4em;margin-bottom:0.2em;padding-top:.3em;font-weight:bold;}
	h4{font-size:1.3em;margin-bottom:0.4em;font-weight:bold;text-align:center}
	h5,h6{font-size:1.2em;margin-bottom:.5em;font-weight:bold;}
	
	img{border:none;}						

	a, a:visited{text-decoration:none;color:#0000FF;}
	a:hover{color:#FF0000;text-decoration: underline;}	
	
	p{font-size:1.25em;}		
	
/* HTML elements  */

/* common */	
	.clearit{margin:0;padding:0;height:0;clear:both;}		
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}	
	.text-left{text-align:left}		
	.bold{font-weight:bold;}
	.black{color:#000000;}
	.italics{font-style:italic;}
	.red{color:#FF0000;}
	.red-bold{color:#FF0000;font-weight:bold;}
	.tiny{font-size:.8em;}
	.tiny-italics{font-size:.8em;font-style:italic;}
	.tiny-url{font-size:.8em;color:#008000;}
	.log{font-size:.8em;font-style:italic;color:white;}	
	.background-black{background-color:black;color:white;font-weight:bold;}
	.background-gray{background-color:silver;color:black;font-weight:bold;}	
	.background-red{background-color: #CC0000;color:white;font-weight:bold;}				
	.box{border:thin solid #cccccc; background-color:#f0f8ff; padding:15px;}
/* // common *

/* layout */
	.nitro-keywords{color:white;width:974px;margin:auto;padding-bottom:5px;font-size:1em;}
	#nitro-wrapper{width:974px;margin:auto;background:#E6E6E6;font:1em; position: relative;}	
	#nitro-banner{background-image: url("../images/content/banner/banner.png");background-repeat: no-repeat;height:100px;font:1.2em;}
	.nitro-banner-graphic{position: absolute; right: 5px; top: 40px;}	
	#nitro-top-menu{float:right;height:38px;display:block;padding:2px 2px 0 0px;}				
	#nitro-nav-bar{height:38px;}	
	#nitro-left-col{float:left;width:744px;margin-left:10px;padding-left:10px;padding-right:10px;padding-top:10px;background-color:#FEFEFE;font:1.5em;}	
	#nitro-single{float:left;width:934px;margin-left:10px;padding-left:10px;padding-right:10px;padding-top:10px;background-color:#FEFEFE;}	
	#nitro-side-bar{float:right;width:160px;padding-left:10px;padding-right:10px;background-color:#FEFEFE;margin-right:10px;}

/*- Special objects -------------*/	
	#FlashMap1{float:right;margin-left:8px;}
	#vertical-menu{width:24px;border:0;position:fixed;top:175px;right:0;}	
	.search-form{width:160px;position:relative;margin-top: 5px;}
	.search-text{width:155px;padding:0;}
	.search-img{position:absolute;top:220px;right:21px;}	
	.call-me{float:right;margin-left:30px;margin-bottom:10px}	
	#page-view-stats{float:right;font-size:.8em;color:gray;}	
	.price{float:left;font-size:2.5em;font-style:italic;font-weight:900;color: #B00000; padding-top:.25em;padding-bottom:.25em;width:85px; }
	.buy-button{float:right; width:100px;padding-top:.25em;}			
	.offer-text{float:left;margin-left:1em; width:500px;}	

	.picture-box{float:right;clear:both;margin:5px 10px;padding:10px;background-color:#F2EDED; color:black;text-align:left;text-transform:uppercase;font-weight:bold; font-size: 110%; line-height: 1.1em; border: 1px solid  #999999;}	
	.fadein { position:relative; height:332px; width:500px; }
	.fadein img { position:absolute; left:0; top:0; }
	

/*- Region Drop Down List---------------------------*/
	#region-dropdown-list{position:absolute;margin-left:548px;margin-top:-60px;font-weight: bold;}

/*- Image Scroller---------------------------*/
	#image-scroller{float:right;position:relative;left:5px;top:2px;margin-left:12px;}

/*- Golf Deals Page Layout Objects ---------------*/
	.golf-deals-course-info{float:left;width:290px;}
	.golf-deals-offer{float:left;width:440px}	

/*- Golf Course Page Layout Objects ---------------*/
	#golf_courses {width: 744px;}
	#golf_courses .tab {display: block; float: left; clear: left; width: 50px;}
	#golf_courses address {font-style: normal; text-transform: none;}
	#golf_courses table, #golf_courses .section {width: 100%; border: 1px solid black; border-top: none; clear: both; margin-bottom: 1em; font-size:1.25em;}
	#golf_courses table.right {width: 55%; float: right; clear: none;}
	#golf_courses table.left {width: 42%; clear: none;}
	#golf_courses caption, #golf_courses .section h2 {font-size: 100%; font-weight: bold; padding: 5px; text-align: left; background: #DBDBDB; border: 1px solid black; border-bottom: none;}	
	#golf_courses .section h2 {padding: 7px 5px; border-left: none; border-right: none;}
	#golf_courses .section p {padding-left: 5px; padding-right: 5px;}	
	#golf_courses td {padding: 4px 5px;}
	#golf_courses tr:nth-child(even) {background:#F7F6F3;}
	#golf_courses tr:nth-child(odd) {}		
	#golf-course-logo {float: right; clear: right; width: 425px; padding-left: 10px; text-align: center;}  
	#golf-course-graphic1 {float: right; clear: right; width: 425px; padding-left: 10px; text-align: right;}	
		
/*- Breadcrumb Bar ---------------*/
	#nitro-breadcrumb-bar{height: 20px;padding-left:10px;padding-top:4px;padding-right:0px;padding-bottom:1px;border-top:2px solid #FFFFFF;}
	.breadcrumb{font:1.1em bold }
	.breadcrumb a{background: transparent url("../images/design/breadcrumb.gif") no-repeat center right;text-decoration:none;padding-right:18px;color:#0000FF;}
	.breadcrumb a:visited, .breadcrumb a:active{color: #0000FF;}
	.breadcrumb a:hover{color:#FF0000;text-decoration: underline;}

/*- Footer ----------------------*/
	#footer{clear:both;height:50px;padding-top:10px;background-color:#DDDDDD;padding-left:18px;padding-right:18px;font:1.3em bold}
	#footer a:link{color:#000000;text-decoration:none;}
	#footer a:visited{color:#000000;text-decoration:none;}
	#footer a:hover{color:#FF0000;text-decoration:underline;}

/*- Featured Course List -------------------------*/
	#banners{height: 135px;border:0px solid #000000;}
	#banners TABLE{height:100%;text-align:center;}
	#banners TD{width:16.5%;border:1px solid #C0C0C0;}

/*- Accordion  -------------------------*/
	#accordion {margin:20px 0px;}
	h3.toggler {cursor: pointer;background: #E1E1E1;color:  #528CE0;margin: 0 0 4px 0;padding: 3px 5px 1px;font-size:1.2em;}
	div.element p {font-style:italic; margin:15px;font-size:1.2em; }

/* GRID */
		
	.cols{} /* main column container class */
	.col{float:left;display:inline;width:48%;margin-left:4%;} /* 2 equal width columns layout - default */	
	.cols3 .col{width:30%;margin-left:5%;}                    /* 3 equal width columns layout */
	.cols4 .col{width:22%;margin-left:4%;}                    /* 4 equal width columns layout */
	
	/* use following classes to build custom grid (add as many as you want) */
	
	.col1, .col2, .col3{float:left;display:inline;}
	.col1{}
	.col2{}
	.col3{}
	
	.indent1{}
	.indent2{}
	.indent3{}


