/*** Global Settings ****/
* {margin: 0; padding: 0}
body {background: #FFF; font : normal 12px/1.6em verdana, arial, sans-serif; color: #808080; text-align: center; }
p {margin : 0; padding : 5px 0;}
a:visited, a:link {color : #FC65C1; font-style: normal; font-weight: bold; text-decoration : none;}
a:hover {color : #0F9FE1; text-decoration : none; border-bottom: none}
h1 {color : #0F9FE1; margin: 6px 0 1px; font : bold 14px verdana, arial, sans-serif;}
h2 {color : #0F9FE1; margin : 8px 0 1px 0; font : bold 14px verdana, arial, sans-serif;}
h3 {color : #0F9FE1; margin : 10px 0; padding-bottom : 10px; font : bold 12px verdana, arial, sans-serif;}
ul {padding:0; margin:0 0 0 17px;list-style: square url(tewkesbury-dental-images/bullet.gif);}
table {table-layout: automatic;	width: 100%; border: none;} 
img{font-size:1em; padding:4px; margin-top:0.3em; margin-bottom:1.8em; }
img.left-img{float:left; margin-right:1.0em; }
img.right-img{margin-left: 1.0em; float:right; clear: right }

/*** Layout ****/
#wrapper {margin: 0 auto;  text-align: left; width: 85%}  
#header {margin-bottom: 10px; height: 130px; background: url(tewkesbury-dental-images/logo.jpg) no-repeat; clear: both; }
#main{width: 90%; float: left; margin-left: 10px;}
#maintext{width: 445px;}
.oneeighty{width: 180px; margin-top: 0;}
.twohundred{width: 200px; margin: 0;}
.threehundred{width: 300px; margin-top: 0;}
.sixeighty{width: 680px; margin-left: 10px;}
.sevensixty{width: 760px; margin-left: 10px;}
.end{float: right; clear: both}
.leftcol{width: 450px; float: left;}
.rightcol{margin-top: 1em; margin-right: 1em; float: right;}
.threeseventy{width: 370px; margin-right: 0}
#team{margin: 20px; font-weight: bold}
#footer{padding-top: 6px; height: 60px; font-size: 11px; background: url(tewkesbury-dental-images/stripe.gif) no-repeat; clear: both;}
#footer p{margin-left: 10px; margin: 20px 0 12px 0}

#nav{display: inline; height: 200px;}
ul#menu{margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:50px;
	font-size:14px; font-weight:bold; font-family:verdana, arial, sans-serif;}
ul#menu li{	display:block;	float:left;	margin:0;	padding:0; color: #0F9FE1;}	
ul#menu li a{display:block; float:left; color:#0F9FE1; text-decoration:none; font-weight:bold; font-style: normal; margin-left: 60px; padding: 14px 4px 0 4px;}	
ul#menu li a:hover{height:22px;	border-bottom: 4px solid #FC65C1; color: #FC65C1;}
#current{display:inline; height:22px; float:left; margin:0;  color: #FC65C1; border-bottom: 4px solid #FC65C1;	}

/* box layout */
#boxrow {width: 780px; float: left;  clear: both;}
.box{margin: 10px 0 0; width: 220px; height: 120px; padding: 20px;}
.blue{float: left;  background: url(tewkesbury-dental-images/blue-box.gif) no-repeat;}
.blue a:visited, a:link, a:hover {color: #0F9FE1; font-style: italic; font-weight: bold;}
.blue h2 {color : #0F9FE1;}
.pink{margin-left: 260px; background: url(tewkesbury-dental-images/pink-box.gif) no-repeat;}
.pink a:visited, a:link, a:hover {color: #FC65C1; font-style: italic; font-weight: bold}
.pink h2 {color: #FC65C1;}
.green{float: right; background: url(tewkesbury-dental-images/green-box.gif) no-repeat;}
.green a:visited, a:link, a:hover {color: #23E048; font-style: italic; font-weight: bold}
.green h2{color: #23E048;}

/* opening times */
.blue-box{margin: 4px 0 4px 8px; background: #0F9FE1; color: #FFF;}
.blue-box h1 {color : #FFF;}
.boxtop {background: url(tewkesbury-dental-images/ne.gif) no-repeat top right; }
.boxtop div {font-size: 0;  height: 10px; background: url(tewkesbury-dental-images/nw.gif) no-repeat top left; }
.boxbottom {background: url(tewkesbury-dental-images/se.gif) no-repeat bottom right;}
.boxbottom div {font-size: 0; height: 10px; background: url(tewkesbury-dental-images/sw.gif) no-repeat bottom left; }
.boxcontent {padding: 0px 10px}

.clear{clear: both}	

/* contact page - form layout */
form{margin-top: 0px; margin-bottom: 20px; width: 480px}
div.row{ clear: both;  width: 460px;}
div.row span.formlabel { float: left;  width: 170px;  text-align: left; font-size: 100%}
div.row span.forminput{ float: right;  text-align: right;font-size: 100%} 
div.spacer{ clear: both;  width: 80px;}
input, textarea{ width: 259px; font-size: 100%;  font-family: verdana, arial, sans-serif;  border: 1px solid; margin: 2px;}
.submit{ font-family: verdana, arial, sans-serif;  border: 1px solid;  width: 70px;  height: 22px;  cursor: pointer;}