@charset "UTF-8";

/* --------- Website Global Settings ------------------- */

* {margin: 0; padding: 0; }     /* general reset */

html { overflow-y: scroll; }    /* no side way shift of page */

.clearfloat {clear:both;}


/* -------------------- Template  ------------------- */
body {
	font-family:arial,sans-serif;
	background-color:#01a54f;}
				
#header { width:750px;
          height:128px;
		  background:url(../images/top_bg.jpg);
		  margin:0 auto;
		  margin-top:20px;
		  border:1px solid white;
           }
		   
#nav {width:480px;
      height:25px;
	  float:right;
	  margin-top:100px;}
	  
	  #nav li {	display:inline;
	           	font-size:13px;
				padding:0 10px;}
				
	  #nav a 	{color:white;
	   			 text-decoration:none;}
	  #nav a:hover {color:#f5a414;}

		   
#mid { 	width:710px;
      	height:150px;
		border-right:1px solid white;
		border-left:1px solid white;
		padding:250px 20px 20px 20px;
		margin:0 auto;		
		background:#cde2f0 url(../docs/clouds.jpg) no-repeat;}
		
		#mid ul {margin:30px 0 20px 20px;}
		
		#mid li {list-style-image:url(../images/tick.jpg);}
		
		#mid p, #mid li {font-size:13px;}
		

#about, #stock, #podiatry {width:750px;
		height:70px;
		margin:0 auto;
		border-right:1px solid white;
		border-left:1px solid white;
		border-bottom:1px solid white;
		}
		
		#about {background:#cde2f0 url(../images2/about_bg.jpg) no-repeat;}
		#stock {background:#cde2f0 url(../images2/stock_bg.jpg) no-repeat;}
		#podiatry {background:#fff url(../images2/podiatry_bg.jpg) no-repeat;}
		
		#form {width:600px;
		   		margin:20px 0 0 100px;}
				
#content-pod { 	width:750px;
				margin:0 auto;
				background:white;
				border-right:1px solid white;
				border-left:1px solid white;}
				
				#content-pod td {padding-top:3px;}	
				#content-pod ul {margin-top:5px;text-align:left;}
				#content-pod table {font-size:10px; text-align:center;}


#content { 	width:710px;
			border-right:1px solid white;
			border-left:1px solid white;
			padding:10px 20px 20px 20px;
			margin:0 auto;
			background:#cde2f0;}
			
 #content p	{font-size:13px;
							padding:5px 0;}
							
			#content input 	{font-size:13px; padding:3px;}
			
			#content h1, #about h1, #stock h1	{font-size:17px;
						color:#f7851e;
						font-weight:bold;
						padding-top:15px;}
			
			#content h2	{font-size:17px;
						color:white;
						background:#01a54f;
						width:670px;
						height:22px;
						font-weight:bold;
						margin:15px 0 10px 0;
						padding:4px 20px;}	
						
			#content table.stocks {font-size:12px;line-height:20px;}
			#content table.stocks td {border-bottom:1px white solid;}
			td.3 {width:200px;}
			td.1 {width:250px;}
		
.pic1 {	width:75px;
		height:130px;
  		float:left;}

#list1 {width:300px;
        float:left;
		margin-left:30px}
		
#list2 {width:300px;
        float:left;
		margin-left:30px}
		  
		   
#footer {width:750px;
		 height:80px;
	     margin:0 auto;
         color:#fff;
		 padding-top:5px;}
		 
		 #footer p {font-size:11px;
		            text-align:center;}
			   
			   

/* -------------------- Contact Form CSS  ------------------- */

.formleft {
	margin:0 0 40px 150px;
	display:block;
	float:left;
	width:100px;
	font-size:13px;
}

.formright {
	margin:0px 0 40px 0;
	padding:0 20px;
	display:block;
	float:left;
	width:250px;
}

.formright input {margin-bottom:3px;}
.formright textarea {margin-bottom:5px;}
.formleft p {margin-bottom:6px;}