/* @override http://gowerkiteriders.com/v2/style.css */

/* @override http://gowerkiteriders.com/v2/style.css */

body{
	background: #000;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px;
}

div#wrap{
	margin: auto;
	width: 985px;
}

div#topBit{
	float: left;
	width: 985px;
	margin-bottom: 5px;
}

div#Weather {
	float: left;
	width: 722px;
	height: 152px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	margin-top: 5px;
}

#topBit h1 {
	float: left;
	width: 263px;
	height: 152px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/logo.jpg) no-repeat center center;
	margin-top: 5px;
}

#Weather h2 {
	float: left;
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

div#wind {
	float: left;
	width: 108px;
	height: 152px;
	background: url(images/wind-box.jpg) no-repeat center center;
}

span.accessibility {
	display: none;
	
}

#wind p {
	margin-top: 50px;
	text-align: center;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

p#WindDirection {
	margin-top: -5px;
	height:64px;
	text-align: left;
	text-indent: -999px;
}

p#WindDirection.N {
	background: url(http://www.gowerkiteriders.com/images/windimages/N.gif) no-repeat center center;
}
p#WindDirection.E {
	background: url(http://www.gowerkiteriders.com/images/windimages/E.gif) no-repeat center center;
}
p#WindDirection.S {
	background: url(http://www.gowerkiteriders.com/images/windimages/S.gif) no-repeat center center;
}
p#WindDirection.W {
	background: url(http://www.gowerkiteriders.com/images/windimages/W.gif) no-repeat center center;
}
p#WindDirection.ENE {
	background: url(http://www.gowerkiteriders.com/images/windimages/ENE.gif) no-repeat center center;
}
p#WindDirection.ESE {
	background: url(http://www.gowerkiteriders.com/images/windimages/ESE.gif) no-repeat center center;
}
p#WindDirection.NE {
	background: url(http://www.gowerkiteriders.com/images/windimages/NE.gif) no-repeat center center;
}
p#WindDirection.NEE {
	background: url(http://www.gowerkiteriders.com/images/windimages/NEE.gif) no-repeat center center;
}
p#WindDirection.NNE {
	background: url(http://www.gowerkiteriders.com/images/windimages/NNE.gif) no-repeat center center;
}
p#WindDirection.NNW {
	background: url(http://www.gowerkiteriders.com/images/windimages/NNW.gif) no-repeat center center;
}
p#WindDirection.NW {
	background: url(http://www.gowerkiteriders.com/images/windimages/NW.gif) no-repeat center center;
}
p#WindDirection.NWW {
	background: url(http://www.gowerkiteriders.com/images/windimages/NWW.gif) no-repeat center center;
}
p#WindDirection.SE {
	background: url(http://www.gowerkiteriders.com/images/windimages/SE.gif) no-repeat center center;
}
p#WindDirection.SEE {
	background: url(http://www.gowerkiteriders.com/images/windimages/SEE.gif) no-repeat center center;
}
p#WindDirection.SSE {
	background: url(http://www.gowerkiteriders.com/images/windimages/SSE.gif) no-repeat center center;
}
p#WindDirection.SSW {
	background: url(http://www.gowerkiteriders.com/images/windimages/SSW.gif) no-repeat center center;
}
p#WindDirection.SW {
	background: url(http://www.gowerkiteriders.com/images/windimages/SW.gif) no-repeat center center;
}
p#WindDirection.SWW {
	background: url(http://www.gowerkiteriders.com/images/windimages/SWW.gif) no-repeat center center;
}
p#WindDirection.WNW {
	background: url(http://www.gowerkiteriders.com/images/windimages/WNW.gif) no-repeat center center;
}
p#WindDirection.WSW {
	background: url(http://www.gowerkiteriders.com/images/windimages/WSW.gif) no-repeat center center;
}

#map h3 {
	float: left;
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;	
}

div#map {
	float: left;
	width: 299px;
	height: 152px;
	background: url(images/GowerMap.jpg) no-repeat center center;
}

#map ul {
	float: left;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#map ul li{
	float: left;
	width: 15px;
	height: 15px;
	text-indent: -999px;
	background: url(images/no-blink.gif) no-repeat;
}

#map ul li.Blink{
	background: url(images/blink.gif) no-repeat;
}

li#SwanseaBay {
	position: relative;
	top: 80px;
	left: 200px;
}

#Oxwich {
	position: relative;
	top: 103px;
	left: 83px;
}

#Horton {
	position: relative;
	top: 126px;
	left: 21px;	
}

#Llangennith {
	position: relative;
	top: 83px;
	left: -20px;		
}

#Broughton {
	position: relative;
	top: 48px;
	left: 22px;	
}

#Llanelli {
	position: relative;
	top: 5px;
	left: 118px;
}


#wind h3 {
	float: left;
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

div#Tides {
	float: left;
	width: 315px;
	height: 152px;
	font-size: 11px;
	background: url(images/weatherTable.jpg) no-repeat 12px 15px;
}

#Tides div.rowH {
	float: left;
	width: 298px;
	margin-left: 15px;
}

#Tides div.rowContent {
	float: left;
	width: 298px;
	margin-left: 15px;
}

#Tides div div.colCurrentWeather {
	float: left;
	width: 67px;
}

#Tides div div.colWaterTemp {
	float: left;
	width: 45px;
}

#Tides div div.colWaveBouy {
	float: left;
	width: 52px;
	height: 28px;	
}

#Tides div div.colTides {
	float: left;
	width: 134px;
}

#Tides div.rowH{
	text-indent: -9999px;
	margin-top: 18px;
	height: 28px;
}

#Tides div.rowContent div{
	text-align: center;
	float: left;
	height: 55px;
	padding-top: 40px;
}

#Tides div.rowContent div.colTides, #Tides div.rowContent div.colTides *{
	float: left;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
	height: 15px;
}

#Tides div.rowContent div.colTides div.tidesH {
	width: 135px;
	height: 20px;
	font-weight: bold;
	margin-top: 5px;
}

#Tides div.rowContent div.colTides div.tidesContent {
	width: 135px;
	height: 14px;
}

#Tides div.rowContent div.colTides div div.colTidesTime{
	float: left;
	width: 50px;
	text-align: left;
	text-indent: 10px;
}

#Tides div.rowContent div.colTides div div.colTidesWave {
	float: left;
	width: 40px;
	text-align: center;
}

#Tides div.rowContent div.colTides div.tidesH div.colTidesTime {
	text-align: left;
	text-indent: 10px;
}

#Tides div.rowContent div.colTides div.tidesH div.colTidesWave {
	text-indent: 5px;
}

#Tides div.rowContent div.colTides div div.colTidesHeight {
	float: left;
	width: 40px;
	text-align: right;
}


#TideTable tbody {
	float: left;
	width: 312px;
	padding: 0px;
	margin: 0px;
}

#TideTable tbody tr th {
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	padding-top: 10px;
}

#TideTable tbody tr td {
	font-size: 12px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#TideTable tbody tr td table tbody {
	float: left;
	width: 110px;
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

#TideTable tbody tr td table tbody tr th{
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

span.Weather1 {
	float: left;
	width: 60px;
	height: 60px;
	margin-top: -20px;
	margin-left: 4px;
}

div#Navigation {
	float: left;
	width: 985px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 6px;
}

#Navigation h2 {
	float: left;
	width: 0px;
	height: 0px;
	padding: 0px;
	margin: 0px;
	text-indent: -9999px;
}

#Navigation ul {
	float: left;
	padding: 0px;
	margin: 0px;
	display: inline;
}

#Navigation ul li{
	float: left;
	width: 125px;
	padding: 0px;
	margin: 0px;
	display: inline;
	text-indent: 15px;
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 
	5px;
	background: url(images/bullet.jpg) no-repeat 0 10px;
}

#Navigation ul li a{
	font: bold 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #34c7e3;
	text-decoration: none;
}

#Navigation ul li a:hover{
	color: red;
}

div#footer{
	border-top: 1px solid #fff;
	padding-top: 5px;
	margin-top: 5px;
}

div#footer, div#YoutubeAndLogos, div#copyright {
	float: left;
	width: 985px;
}

div.oneSeventh {
	float: left;
	width: 140px;
	text-align: center;	
}

div#copyright{
	text-align: center;
	font-size: 11px;
	margin-top: 5px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}
div#copyright a{
	color: #fff;
}

div#content{
	font-size: 11px;
	margin-top: 5px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#content p{
	padding-right: 10px;
	text-align: justify;
}

div#content a{
	color: #fff;
}

a img{
	border:none;
}