/*------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						21/09/2009

						Version 1.0

						Project: Foregolf Discount

						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments


						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
Blue:-      #00AEEF;
Navy:-      #064F98;
--------------------------------------------------------------------*/
*{
    padding:0;
    margin:0;
}
html{
    min-height:100%;
    margin:0 0 1px 0;
}
body{
    background:#000000;
}
body.blank{
    background:#FFFFFF;
}
img{
    border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper{
    margin:0 auto 0 auto;
    width:980px;
    padding:70px 0 0 0;
}
#header{
    width:940px;
    height:100px;
    padding:0 20px 0 20px;
    background:url("../images/bg_banner.png");
}
#telno{
    float:right;
    width:200px;
    height:25px;
    padding:30px 0 0 0;
    text-align:right;
}
#logo{
    float:left;
    margin:28px 0 0 0;
}
/*---------------------------
		Main Menu
-----------------------------*/
#mainmenu{
    clear:both;
    padding:5px 0 0 0;
    margin:0 auto 0 65px;
}
#mainmenu ul{
    list-style:none;
}
#mainmenu ul li{
    float:left;
}
#mainmenu ul li.sub:hover{
    background:#23408F;
}
#mainmenu ul li a.navy{
    display:block;
    height:12px;
    padding:5px 1.2em 6px 1.2em;
    background:url("../images/divider.gif") right no-repeat;
}
#mainmenu ul li.last a{
    background:none;
}
/*---------------------------
		Sub Menu
-----------------------------*/
#mainmenu ul li ul{
    left: -999em;
    position: absolute;
    width: 200px;
    list-style-type: none;
    z-index: 99;
    padding:0 0 5px 10px;
	line-height:1.7;
    background:#23408F;
}
#mainmenu ul li ul li{
    float:none;
}
#mainmenu ul li ul li a{
    background:none;
}
#mainmenu ul li:hover ul{
    left:auto;

}
/*---------------------------
		Content
-----------------------------*/
#content{
    width:980px;
    background:#FFFFFF;
    line-height:1.5;
}
#indexcontent{
    width:980px;
    height:504px;
}
#leftcolindex, #rightcolindex{
    float:left;
    height:504px;
}
#leftcolindex{
    width:672px;
}
#topleft{
    width:672px;
    height:27px;
    background:url(../images/bg_topleft.gif);
}
#topright{
    width:245px;
    height:45px;
    padding:15px 0 0 63px;
    background:url("../images/bg_topright.gif");
}
#rightcolindex{
    width:308px;
}
.dividerhome{
    clear:both;
    float:right;
    width:652px;
    height:5px;
    margin:12px 0 12px 0;
    background:url("../images/divider_home.gif");
}
#features{
    width:672px;
}
#btmleft{
    clear:both;
    width:672px;
    height:33px;
    background:url("../images/bg_home_btm.gif");
}
#homenews{
    width:250px;
    height:241px;
    padding:0 0 0 58px;
    background:url("../images/bg_news_strip.gif") right repeat-y;
    overflow:hidden;
}
.homenewsitem{
    width:225px;
    margin:10px 0 10px 5px;
}
#homewin{
    width:250px;
    height:95px;
    padding:108px 0 0 58px;
    background:url("../images/bg_home_win.gif");
}
#homewin select{
    width:100%;
}
.feature{
    float:right;
    width:150px;
    height:200px;
    margin:0 0 0 17px;
    overflow:hidden;
}
.feature h1{
    padding:4px 0 8px 0;
}
.divfooter{
    clear:both;
    height:1px;
    width:1px;
}
td.input{
    padding:0 0 6px 0;
    width:140px;
}
input.input{
    width:136px;
    padding:2px 0 2px 2px;
    vertical-align:top;
}
td.submit{
    width:86px;
    padding:0 0 0 10px;
    vertical-align:top;
}
.maintitle{
    width:950px;
    height:50px;
    padding:10px 0 0 30px;
    background:url("../images/bg_title.gif");
}
.leftcol{
    float:left;
    width:605px;
}
.leftcol h1, .contentwide h1{    
    padding:5px 0 5px 30px;
}
.leftcol h1{
    width:570px;
}
.dividertitletop, .dividertitlebtm{
    width:600px;
    height:5px;
    margin:0 0 0 5px;
    background:url("../images/divider_title.gif");
}
.dividertitlebtm{
    margin-bottom:15px;
}
.contentwide{
	padding:20px 25px 50px 25px;	
}
.contentwide .dividertitletop, .contentwide .dividertitlebtm{
    width:920px;
    background:url("../images/divider_wide.gif");
}
.leftcol .text{
    width:520px;
    padding:0 55px 15px 30px;
}
.textFooter{
	width:600px;
	height:20px;
}
.rightcol{
    float:right;
    width:321px;
    padding:0 30px 0 0;
}
.titleimgtop{
    width:301px;
    height:34px;
    padding:17px 0 0 20px;
    background:url("../images/title_imgtop.gif");
}
.rightcol img{
    padding:0 0 0 20px;
}
.imgbtm{
    width:301px;
    height:42px;
    padding:8px 0 0 20px;
    margin:0 0 15px 0;
    background:url("../images/img_btm.gif");
}
.textimgright, .featuredetail{
    width:900px;
    padding:0 30px 30px 30px;
}
.featuredetail .navy{
	float:left;
	width:470px;
	padding: 0 15px 0 15px;	
}
.textimgright img{
    float:right;
}
.textimgright p{
    float:left;
    width:650px;
    padding:0 0 15px 0;
}
.featuredetail img{
    float:left;
}
.featurebtn{
    display:block;
    float:right;
    width:168px;
    height:39px;
    padding:22px 0 0 30px;
    background:url("../images/bg_btn.gif");
}
.featuredetail p{
    float:left;
    width:460px;
    padding:0 0 20px 20px;
}
ul.navy{
    float:left;
    list-style:none;
    padding:0 25px 0 15px;
}
.detailtitle{
    clear:both;
    width:710px;
}
.detailtitle p{
    float:right;
    width:100px;
    text-align:right;
}
.detailtitle h2{
    float:left;
    width:400px;
    padding:0 0 0 30px;
}
#contact{
    float:left;
    width:400px;
    margin:10px 0 0 30px;
}
#contact h1{
    margin:5px 0 5px 0;
}
#contact p{
    margin-bottom:15px;
}
#contact p.enquirylabel{
    margin-bottom:5px;
}
.enquiryinput{
    width:300px;
    padding:2px 0 2px 3px;
    background:#E3E3E3;
    border:none;
    margin:3px 0 15px 0;
}
textarea.enquiryinput{
    margin-bottom:40px;
    height:120px;
}
.enquirysubmit{
    margin:1px 0 0 30px;
}
.dividercontacttop, .dividercontactbtm{
    width:400px;
    height:5px;
    background:url("../images/bg_divider_contact.gif");
}
.dividercontactbtm{
    margin-bottom:15px;
}
#contentfooter{
    width:980px;
    height:56px;
    background:url("../images/img_footer.gif");
}
.todo{
    padding:80px 0 200px 30px;
}
/*----------------------------------
	Gallery Images
----------------------------------*/
.galleryImageItem{
	float:left;
	width:101px;
	height:75px;
}
.galleryImage{
	cursor:pointer;	
}
.galleryImageItem p{
	display:none;	
}
.galleryWindow{
	position:absolute;
	z-index:5;
	width:545px;
	margin:30px 0 0 280px;
	background:#FFFFFF;
	border:5px solid #E9E9E9;
}
.galleryWindow table{
	width:100%;	
}
td.closer{
	padding:0 25px 0 0;
	text-align:right;
	height:40px;
}
td.border{
	width:100%;
	height:5px;	
	background:#E9E9E9;
}
.enlargeImage{
	margin:10px 10px 10px 10px;
	width:505px;
	height:384px;
	padding:12px;
	background:url("../images/bg_galleryimage.gif");
}
.enlargeImage p{
	margin:10px 0 0 0;	
}
/*----------------------------------
	Index Image Javascript Panel
----------------------------------*/
#imageJsPanel{
	clear:both;
	width:652px;
    height:215px;
	margin:0 0 0 20px;	
}
#imgindex{    
	position:absolute;
	z-index:10;
    filter:alpha(opacity=100);
    opacity: 1.0;
}
#imgTitle{
	position:absolute;
	z-index:20;
	width:280px;
	height:32px;
	padding:5px 0 0 20px;
	margin:156px 0 0 0;
	background:url("../images/bg_image_title.gif");
}
#imgTitle h1{
	font-size:17px;
	font-weight:100;
	color:#FFFFFF;
}
#imgText{
	width:180px;
	height:87px;
	padding:15px;
	overflow:hidden;
	position:absolute;
	z-index:20;
	margin:98px 0 0 442px;
	background:#000000;
	filter:alpha(opacity=80);
    opacity: 0.8;
}
#hiddenContent{
	display:none;	
}
/*---------------------------
		Google Map
-----------------------------*/
#map{
    float:right;
    margin:0 30px 0 0;
    width:499px;
}
.titlecontact{
    width:469px;
    height:32px;
    padding:20px 0 0 30px;
    background:url("../images/bg_titlecontact.gif");
}
.titlecontentbtm{
    width:469px;
    height:37px;
    padding:6px 0 0 30px;
    background:url("../images/bg_titlecontact_btm.gif");
}
#googlemap{
    width:466px;
    height:365px;
    margin:0 16px 0 16px;
}
/*---------------------------
		  Footer
-----------------------------*/
#footer{
    width:980px;
    height:91px;
    margin:10px 0 0 0;
    background:url("../images/bg_footer.png");
}
#footer ul{
    padding:10px 0 0 27px;
    height:54px;
    list-style:none;
    clear:both;
}
#footer ul li{
    float:left;
    margin:0 5px 0 0;
}
#cocreate{
    float:right;
    width:200px;
    padding:0 35px 0 0;
    text-align:right;
}
#copyright{
    float:left;
    width:300px;
    padding:0 0 0 20px;
}
/*---------------------------
		Typography
-----------------------------*/
body{
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
#telno{
    font-size:24px;
}
#mainmenu{
    font-size:0.7em;
}
.feature h1, .homenewsitem, #content p, #content .text, input.input, ul.navy, .feature span{
    font-size:0.65em;
}
#footer{
    font-size:0.55em;
}
#content h1.white, .leftcol h1, .contentwide h1, a.featurebtn, #contact h1{
    font-size:1em;
}
.closer{
	font-size:0.8em;	
}
.detailtitle h2, .detailtitle p{
    font-size:0.7em;
}
#content h1.white, .leftcol h1, .contentwide h1, #contact h1{
    font-weight:100;
}
.detailtitle p{
    font-weight:bold;
}
.grey, input.input{
    color:#444444;
}
.blue, .closer{
    color:#00AEEF;
}
.navy{
    color:#064F98;        
}
.white, .featurebtn, li.sub a.navy:hover{
    color:#FFFFFF;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}