/* CSS Document 

--------------------------------------------------------------------
						Steven Johnston @ CoCreate
						for
						CoCreate
						25/11/2008
						
						Version 1.0
						
						Project: Llyn Aqua Website
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						
						
						--------------------------------------------
##Designers Notes
-----------------
Colours
-------
	
--------------------------------------------------------------------
*/


/*---------------------------
		Globals
-----------------------------*/
*{
padding:0;
margin:0;
}
html{
min-height:100%;
margin:0 0 1px 0;
}
body{
background:url(../images/bg_website.jpg) top right no-repeat #95D0F0;
}
img{
border:none;
}
/*---------------------------
		Structure
-----------------------------*/
#wrapper, #top, #header, #page, #credits, #footer{
width:989px;
}
#contactdetails{
float: right;
margin-top: 15px;
height:26px;
color:#333333;
}

#header, #page, #menu, #main, #content, #welcome, #latestnews, #features, #leftCol, #credits, #footer{
float:left;
display:inline;
}
#wrapper{
margin:10px auto 0 auto;
}
#top{
background: url(../images/bg_top.gif) no-repeat;
height: 29px;
margin-left: 30px;
}
#header{
width:928px;
height: 238px;
margin:0 auto 0 auto;
margin-left: 20px;
background-image: url(../images/header_home.jpg);
}

#page{
background-image: url(../images/bg_strip.gif);
background-repeat: repeat-y;
margin-left: 30px;
}
#main{
padding-top: 5px;
}
#contentright{
width: 175px;
float: right;
margin:20px 40px 0 0;
}

#imgfloat{
position:absolute;
position-right: 50px;
z-index:10000;
margin-top: -15px;
margin-left: 63px;
}
.right{
background-image: url(../images/panel_title_bg.gif);
background-repeat: repeat-x;
height:105px;
padding-top: 1px;
padding-left: 5px;

}
.more{
background-image: url(../images/btn_find_out_more.gif);
background-repeat: no-repeat;
height: 25px;
margin:0 auto 0 auto;
margin-left: 12px;
padding-bottom:30px;
}
.more a{
float:left;
text-decoration: none;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
font-size: 11px;
color: #F0F0F0;
padding-top: 6px;
padding-left: 5px;
}
#contactus{
background-image: url(../images/panel_title_bg.gif);
background-repeat: repeat-x;
padding-bottom: 15px;
padding-top: 1px;
padding-left: 5px;

}
#content{
margin-top: 20px;
margin-left: 20px;
width: 733px;
background-image: url(../images/bg_copy.gif);
background-repeat: repeat-x;
}
#welcome{
padding-top: 10px;
margin-left: 15px;
width: 388px;
border-bottom-color:#0066FF;
border-bottom-width:thin;
border-bottom-style: groove;
}
#content .heading{
padding-top: 10px;
margin-left: 15px;
margin-bottom: 15px;
width: 700;
}
.image img{
background-color: #FFFFFF;
padding: 4px;
margin-top: 15px;
}
.image{
	float:left;
	width: 310px;
	display: inline;
}
#leftCol, #profile{
padding-top: 10px;
margin-left: 15px;
width: 350px;
display:inline;
}
#profile{
display:inline;
}
#oneCol{
padding-top: 10px;
margin-left: 15px;
width: 710px;
}
.newsimage, .newsitem, .newsstory{
float:left;
}
.newsitem{
width: 700px;
border-bottom:2px;
border-bottom-color:#0099FF;
border-bottom-style:dashed;
margin-bottom:10px;
padding:0 0 10px 0;
float:left;
}
.newsimage{
width: 150px;
}
.newsstory{
width: 400px;
}
#oneCol, #profile{
float: left;
}
.contentimage{
float: right;
margin-top: 15px;
margin-right: 15px;
width: 300px;
display:inline;
}
#rightCol{
width:315px;
margin:0 0 0 30px;
display:inline;
float:left;
}
#contactMap{
width:290px;
float:right;
margin-right:15px;
margin-top: 15px;
height: 395px;
display:inline;
}
#contactform{
float: left;
display:inline;
margin-left: 0px;
margin-top: 0px;
}
fieldset{
border: none;
}
input{
width: 385px;
background-color:#dddddd;
}
textarea{
width: 385px;
height: 100px;
background-color:#dddddd;
}
#submit{
width: 80px;
background: none;
}
#contentimage img{
background-color: #FFFFFF;
padding: 4px;
width: 290px;
}
#contentimage p{
margin-top: 10px;
}

#latestnews{
padding-top: 10px;
margin-left: 15px;
width: 388px;
padding-bottom: 10px;
}
#features{
width: 310px;
float: right;
padding-left: 20px;
}
#overview{
	width: 275px;
	padding-left: 20px;
	padding-right: 10px;
	background-image: url(../images/panel_title_bg.gif);
	background-repeat: repeat-x;
	margin:15px 0 0 0;
	background-color: #FFFFFF;
	float: left;
}
.item{
width :290px;
float: left;
padding-bottom: 25px;
border-bottom-color:#0066FF;
border-bottom-width:thin;
border-bottom-style: groove;
padding-top: 15px;
}
.thumbs{
float: left;
margin-top: 15px;
margin-left: 15px;
margin-right: 20px;
margin-bottom: 20px;
}
.thumbs img{
background-color: #FFFFFF;
padding: 3px;
}
#features .text{
padding-top:5px;
padding-left: 5px;
float: left;
}
#features .itemtext{
width :290px;
float: left;
padding-bottom: 25px;
border-bottom-color:#0066FF;
border-bottom-width:thin;
border-bottom-style: groove;
padding-top: 15px;
}

#features img{
padding: 4px;
background-color:#FFFFFF;
float: left;
height: 96px;
width: 133px;
}
#images p{
margin-left: 15px;
}
#credits{
height: 37px;
background-image: url(../images/credits.gif);
background-repeat: repeat-y;
margin-left: 30px;
}
#creditsright{
float:right;
padding-right:80px;
}
#creditsleft{
float:left;
padding-left:5px;
}
#footer{
background: url(../images/bg_bottom.gif) no-repeat;
height: 21px;
margin-left: 30px;
}
/*---------------------------
		   Menus
-----------------------------*/
#menu{
width: 928px;
padding-top: 12px;
background-color: #00669D;
margin: 0 auto 0 auto;
height: 43px;
margin-left: 20px;
}
#menu ul{
height: 23px;
list-style-type:none;
color:#FFFFFF;
}
#menu ul li{
float: left;
width: 101px;
height: 23px;
padding-bottom: 6px;
border-right-color:#FFFFFF;
border-right-width:thin;
border-right-style: groove;
}
#menu ul li a{
text-align: center;
text-decoration:none;
font-size: 12px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: 100;
}
#menu ul li#last{
border-right-style: none;
}
#wrap a{
margin-top: -8px;
height: 23px;
padding-bottom: 8px;
}

/*---------------------------
		Typography
-----------------------------*/
p, .copy{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:16px;
}
#menu ul li{
font-family: Arial, Helvetica, sans-serif;
font-weight: 100;
font-size: 12px;
}

#menu ul li a{
font-family: Arial, Helvetica, sans-serif;
display: block;
padding-top: 10px;
color: #FFFFFF;
}
#menu a:hover{
text-decoration:underline;
}
#welcome h2, #latestnews h2, #content h2{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration: none;
font-weight:100;
}
#leftCol h6, #rightCol h6{
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
color:#0099FF;
}
#rightCol, #leftCol{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:16px;
} 
#welcome p, #latestnews p, #images p, #profile p{
padding-top: 5px;
padding-bottom: 11px;
width: 350px;
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
}

.copy{
padding-top: 5px;
padding-bottom: 11px;
font-family: Arial, Helvetica, sans-serif;
line-height:16px;
}
#leftCol .copy{
width: 350px;
}
#rightCol .copy{
width: 315px;
}

.image p{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
#overview h4{
text-decoration: none;
font-family:Georgia, "Times New Roman", Times, serif;
margin-top:4px;
margin-bottom: 10px;
}
#overview p{
margin-left: 0px;
padding-top: 5px;
padding-bottom: 12px;
width: 260px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#latestnews .date{
font-family: Arial, Helvetica, sans-serif;
color:#0099FF;
}
#contentimage p{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#features ul li{
font-family: Arial, Helvetica, sans-serif;
list-style: none;
font-size: 11px;
color: #0099FF;
}
#features h6{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
color:#000033;
}
#features a{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.thumbs p{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#credits p, #credits a{
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 14px;
font-size: 10px;
color: #FFFFFF
}
#contactdetails p{
font-size: 16px;
height:26px;
font-family:Georgia, "Times New Roman", Times, serif;
}
#contactdetails a{
color:#333333;
}
.right h5{
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 4px;
font-weight: 100;
font-size: 14px;
}
#contactus h5{
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 4px;
padding-bottom: 15px;
font-weight: 100;
font-size: 14px;
}
#contactus p{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: 100;
font-size:12px;
}
#contactus p span{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: bold;
font-size:12px;
}

#contactform p{
font-size: 11px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin-bottom: 3px;
margin-top: 3px;
}
#latestnews p{
padding: 3px;
}
#latestnews .date{
margin-top: 4px;
}
.newsitem p{
padding-top: 4px;
padding-bottom: 4px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.newsitem .date{
color:#0099FF;
}
.newsitem a{
text-decoration:none;
color:#0099FF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
padding-top: 4px;
padding-bottom: 4px;
}

/* ---------

   forms

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

.contact input, .contact textarea{
border:1px dashed #0099FF;
padding:5px;
}