html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: center; 
	font-family: century, georgia, "book antiqua", serif; 
	font-size: small; 
	line-height: 140%; 
	color: #034292; /* blue */ 
	background: #fff; 
	} 




/* <<< main structural elements >>> */ 


#header  { 
	float: left; 
	width: 100%; 
	text-align: left; 
	padding: 15px 0 5px 0; 
	color: #fff; 
	background: #091345 url(images/head5.gif) 0 100% repeat-x; 
	border-bottom: 2px solid #fff;
	}  

#main  { 
	float: left; 
	width: 100%; 
	padding: 20px 0; 
	text-align: left; 
	border-top: 2px solid #29ab78;
	border-bottom: 2px solid #091345;
	}  

.inner  { 
	width: 880px; 
	margin: 0 auto; 
	} 

#container  { 
	float: right; 
	width: 640px; 
	} 

#nav  { 
	float: left; 
	width: 200px; 
	margin: 0; 
	padding: 0 0 10px 0; 
	font-family: tahoma, "trebuchet ms", verdana, sans-serif; 
	background: #f6fffc url(images/navbottom.gif) 0 100% no-repeat; 
	} 

#basket  { 
	float: left; 
	width: 200px; 
	padding: 40px 0 0 0; 
	background: url(images/basket.gif) 0 0 no-repeat; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	padding: 20px 0; 
	font-family: tahoma, "trebuchet ms", verdana, sans-serif; 
	font-size: 90%; 
	color: #929fe3; 
	background: #091345 url(images/siteinfo.gif) 0 0 repeat-x; 
	border-top: 2px solid #fff;
	} 

.image  { 
	float: left; 
	width: 360px; 
	} 

.info  { 
	float: right; 
	width: 260px; 
	} 




/* <<< links >>> */ 


a:link  { 
	color: #4775f9; 
	} 

a:visited  { 
	color: #50668a; 
	} 

a:hover { 
	color: #f94758; 
	} 

a:focus  { 
	color: #091345; 
	outline: none; 
	} 

a:active  { 
	color: #000; 
	} 

h1 a, 
h1 a:hover  { 
	float: left; 
	display: block; 
	width: 880px; 
	height: 100px; 
	background: url(images/head3.jpg) 0 0 no-repeat;  
	} 

#nav a  { 
	float: left; 
	width: 160px; 
	display: block; 
	padding: 6px 20px; 
	color: #0f8956; 
	border: none; 
	text-decoration: none; 
	} 

#nav ul li ul a  { 
	width: 160px; 
	} 

#nav a:hover  { 
	color: #f94758; 
	background: url(images/dot_pink.png) 8px 50% no-repeat; 
	} 

#nav a:active  { 
	color: #fff; 
	text-decoration: underline; 
	} 

#nav a:focus  { 
	outline: none; 
	} 

body#index #nav li#navindex a, 
body#gallery #nav li#navgallery a, 
body#image #nav li#navimage a, 
body#therapy #nav li#navtherapy a, 
body#biography #nav li#navbiography a, 
body#links #nav li#navlinks a, 
body#contact #nav li#navcontact a  { 
	color: #034292; 
	cursor: default; 
	} 

body#index #nav li#navindex a:hover, 
body#gallery #nav li#navgallery a:hover, 
body#image #nav li#navimage a:hover, 
body#therapy #nav li#navtherapy a:hover, 
body#biography #nav li#navbiography a:hover, 
body#links #nav li#navlinks a:hover, 
body#contact #nav li#navcontact a:hover  { 
	color: #034292; 
	text-decoration: none; 
	cursor: default; 
	} 

ul#gallerylinks li a, 
ul#personallinks li a  { 
	float: left; 
	width: 190px; 
	display: block; 
	margin: 0; 
	padding: 0; 
	} 

#siteinfo a  { 
	color: #fff; 
	} 

#siteinfo a:hover { 
	color: #f94758; 
	} 

ul#gallerylinks a, 
ul#personallinks a, 
ul#productlinks a  { 
	text-decoration: none; 
	} 





/* <<< headers >>> */ 


h1  { 
	width: 880px; 
	height: 100px; 
	text-indent: -5000px; 
	background: url(images/head3.jpg) 0 0 no-repeat;  
	} 

h2  { 
	width: 880px; 
	margin: 0; 
	padding: 0.3em 0; 
	text-align: center; 
	letter-spacing: 0.1em; 
	font-size: 170%; 
	line-height: 140%; 
	color: #29ab78; 
	} 

h3  { 
	margin: 0 0 1em 0; 
	padding: 0.2em 0 0.5em 0; 
	font-size: 160%; 
	color: #034292; 
	border-bottom: 1px solid #034292; 
	} 

h4  { 
	padding: 10px 0 5px 0; 
	font-size: 130%; 
	color: #034292; 
	} 

#nav h4  { 
	height: 10px; 
	padding: 0; 
	text-indent: -5000px; 
	background: #f6fffc url(images/navtop.gif) 0 0 no-repeat; 
	} 

h5  { 
	margin: 1em 0 0 0; 
	font-size: 120%; 
	} 




/*  <<< lists >>> */ 


ul  { 
	margin: 0 0 1em 0; 
	list-style-type: disc; 
	} 

ul li  { 
	margin: 0 0 0 20px; 
	} 

ol li  { 
	margin: 0 0 0 2em; 
	} 

#nav ul  { 
	list-style-type: none; 
	} 

#nav ul li  { 
	float: left; 
	width: 200px; 
	margin: 0; 
	} /* no padding */ 

#nav ul li ul  { 
	width: 190px; 
	margin: 0; 
	padding: 0 0 0 10px; 
	} 

#siteinfo ul, 
#siteinfo li  { 
	margin: 0; 
	padding: 0 0.5em; 
	list-style-type: none; 
	} 

ul#copyright  { 
	float: left; 
	margin: 10px 0; 
	} 

ul#validity  { 
	float: right; 
	margin: 10px 0; 
	} 

ul#validity li  { 
	display: inline; 
	} 

ul#gallerylinks  { 
	float: left; 
	width: 640px; 
	margin: 20px 0 0 0; 
	list-style-type: none; 
	} 

ul#gallerylinks li  { 
	float: left; 
	width: 190px; 
	margin: 0 0 30px 0; 
	padding: 0 20px 0 0; 
	text-align: center; 
	} 

ul#personallinks  { 
	float: left; 
	width: 540px; 
	margin: 0; 
	padding: 0 0 0 100px; 
	list-style-type: none; 
	} 

ul#personallinks li  { 
	float: left; 
	width: 190px; 
	margin: 0 0 20px 0; 
	padding: 0 20px 0 0; 
	font-size: 130%; 
	font-weight: bold; 
	color: #034292; 
	text-align: center; 
	} 

ul#productlinks  { 
	float: left; 
	width: 640px; 
	margin: 20px 0 0 0; 
	list-style-type: none; 
	} 

ul#productlinks li  { 
	float: left; 
	width: 190px; 
	margin: 0 0 20px 0; 
	padding: 0 20px 0 0; 
	text-align: center; 
	} 

dl  { 
	margin: 0.5em 0 0.5em 50px; 	
	} 

dt  { 
	padding: 1em 0 0.5em 0; 
	font-size: 120%; 
	font-weight: bold; 
	} 

dd  { 
	margin: 0 0 0 1em; 
	padding: 0; 
	} 




/* <<< paragraphs >>> */ 


p  { 
	margin: 0.5em 0; 
	padding: 0; 
	} 

#accessnav p  { 
	display: inline; 
	padding: 0 0.5em; 
	} 

#specifications p  { 
	padding: 0 15px; 
	} 

#author  { 
	margin: 1em 0 0 0; 
	text-align: center; 
	font-weight: bold; 
	font-size: 120%; 
	font-style: italic; 
	letter-spacing: 0.3em; 
	} 

#basket p  { 
	padding: 0 20px; 
	color: #0f8956; 
	} 

#basket p#checkout  { 
	padding: 0; 
	} 



/* << basket form >> */ 


form div  { 
	margin: 1em 0; 
	} 



/* << checkout form >> */ 



form#ThisTorm  { 
	float: left; 
	width: 600px; 
	margin: 0; 
	padding: 10px 20px; 
	} 

table  { 
	float: left; 
	width: 640px; 
	margin: 0 0 20px 0; 
	border-bottom: 1px solid #e4f6f0; 
	} 

table tr th  { 
	margin: 0; 
	padding: 0 1em 0.6em 1em; 
	text-align: center; 
	} 

table tr td  { 
	margin: 0; 
	padding: 0.3em 1em; 
	text-align: center; 
	border-top: 1px solid #e4f6f0; 
	} 

p.actions  { 
	margin: 1em 0; 
	} 

p.actions input  { 
	margin: 0 10px 0 0; 
	} 




/* << contact form >> */ 



#contactform form  { 
	float: left; 
	width: 400px; 
	margin: 0; 
	padding: 10px 20px; 
	} 

#contactform form div  { 
	margin: 1em 0 0 0; 
	} 

#contactform label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

#contactform label.message  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

#contactform input  { 
	width: 240px; 
	padding: 2px; 
	} 

#contactform input.submitform  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	} 

#contactform input.submitform:hover  { 
	color: #1706f7; /* blue */ 
	cursor: pointer; 
	} 

#contactform textarea  { 
	width: 350px; 
	height: 100px; 
	margin-top: 5px; 
	} 

#contactform .validation-advice {
	margin: 5px 0; 
	padding: 5px 10px; 
	background-color: #fff; 
	color: #b43222; /* dark red */ 
	font-weight: bold; 
	border: 1px solid #b43222; 
	} 




/* <<< minor and decorative elements >>> */ 


img  { 
	margin: 0 0 10px 0; 
	padding: 0; 
	border: none; 
	} 

ul#personallinks img  { 
	padding: 10px 0 0 0; 
	} 

table img  { 
	margin: 5px 0 0 0; 
	} 

span.basketprice  { 
	font-weight: bold; 	
	} 

abbr, 
acronym  { 
	speak: spell-out; 
	border-bottom: 1px dotted #034292; 
	cursor: help; 
	} 


