/* -----------------------------------------------------------*/
/* Style Sheet Definitions  for EyeLaserCapeTown.co.za        */
/* Tested and found working with MSIE6.0 and Opera 7.50 beta  */
/* -----------------------------------------------------------*/

body,p,li,td,h1,h2,h3,input,textarea,select {
	font-family:Arial,Verdana, Helvetica,'Trebuchet MS';
}

p, td, li {font:9pt Arial; line-height:1.5em;}

/*P:first-letter { font-size: 200%; float: left; line-height:55%; }*/

input.text, option, select, textarea {border:1px solid white; font-size:8pt; font-family:Verdana,Helvetica,Arial; background:#efefef }

h1 {
	font:14pt/14pt Georgia,"Trebuchet MS",Arial,Verdana, Helvetica;
	margin:0px 0px 30px -70px;
	padding:3px;
	padding-left:30px;
	border-top:1px solid white;
	background:#F2F1ED;
	width:450px;
	display:block;
	position:relative;
}

h2 {
	font-family:Georgia,"Trebuchet MS",Arial,Verdana, Helvetica;
	font-size:11pt;
	margin:0px 0px -15px 0px;
	padding:0px;
}

body {background:white; color:#0A4360}

#container {width:770px; background:#DAD6B1; margin:20px auto}

#header{
		position:relative;
		width:770px; 
		height:175px; 
		background: #F2F1ED url(../graphics/full_bg.png) repeat-x; 
		margin:0px; 
		padding:0px;}

#body {
		position:relative;
		width:770px; 
		background:#DAD6B1 url(../graphics/body-bg.png) repeat-y; 
		margin:0px; 
		padding:0px;
}

#left{
		position:absolute;
		left:30px;
		width:150px;
		margin-top:90px;
}

p.image {
		text-align:right;
		
}

#middle{	
		position:relative; 
		top:0px; 
		left:153px; 
		width:445px; 
		margin:0px;
		padding:0px 50px 30px 40px;
		font:9pt Arial, Helvetica, Georgia, Verdana, 'sans-serif';
		line-height:1.5em;
		text-align:left;
}

#right{
		position:absolute;
		right:0px;
		left:602px;
		bottom:60px;
		width:200px;
		padding-top:50px;
}

a:link {
	color:#0A4360;
	border-bottom:1px solid white;
	letter-spacing:0pt; 
	text-transform:none; 
	text-decoration:none; 
	}

a:visited {
	color:black;  
	}

a:hover {
	color:white;
	background:#A8A379;
	border-bottom:1px solid gray;
	}

a:active {
	color:white;  
	}

#menu {position:relative; width:160px; height:18px; margin:2px -30px; display:block; font-size:9pt; padding:1px 0px 0px 30px; border:none;}
#menu a:visited {color:black; border:none; text-transform:none; text-decoration:none}
#menu a:hover {color:black; background:url(../graphics/menu-link.png) left top no-repeat; border:none; text-transform:none;}
#menu a:active {color:black; background:url(../graphics/menu-active.png) left top no-repeat; border:none; text-transform:none;}

a.menu:link{text-transform:none; text-decoration:none; border:none}
a.menu:visited{text-transform:none; text-decoration:none; border:none}
a.menu:hover{color:black; border:none; background:none}
a.menu:active{text-transform:none; text-decoration:none; border:none}