/* -----------------------------------------
Stylesheet for ludlowcomfortfootwear.com / Comfort Footwear
Author: cdeVision.com 
Copyright: (c)2007
Created: 30 October 2007 
-------------------------------------------- */

body {background:#82B64A url(images/bg.png) repeat-x; text-align:center;/* IE hack to center page contents */
	margin:0; font-family:verdana,arial,helvetica,sans-serif; font-size:12px; color:#333;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font:normal 24px georgia,serif; padding:0 0 18px 0; line-height:28px; color:#004630;} /* page titles */
h2 {color:#0A4750; font:normal 18px georgia,serif; padding:6px 0 9px 0; line-height:20px;} /* sub-titles */

p {margin:0; padding:0 0 15px 0; line-height:18px;}
p.intro {font-size:15px; line-height:19px;} /* page intro text */
p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) 0 2px no-repeat; color:#de0000;}
ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;}
li {line-height:15px; padding:0 0 2px 0;}

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in IE */
#logo, #top, #bottom {behavior:url(scripts/iepngfix.htc);}

/* ---- links ----------------------------------------- */
a {color:#6D9B3C; text-decoration:underline;}  
a:visited {color:#6D9B3C;}
a:hover {color:#4B9FA0; text-decoration:none;}
a:active {color:#6D9B3C;}
a:active, a:focus {outline:none;}


/* ---- ids & classes ----------------------------------------- */

#navmenu {width:100%; margin:0 auto; height:34px; text-align:center;}
	#navmenu ul {margin:0 auto !important; padding:0; height:34px; list-style:none; text-align:center;}
	#navmenu li {display:inline; line-height:34px; height:34px; padding:0 25px;}
	#navmenu a {color:#fff; font:bold 14px georgia,serif; line-height:34px; padding:8px 12px 9px 12px; text-decoration:none;}
	#navmenu a.on {background:url(images/bg-nav-hover.png) repeat-x; color:#fff;}
	#navmenu a:hover {background:url(images/bg-nav-hover.png) repeat-x; color:#fff;}

#frame {width:820px; margin:0 auto; position:relative;}

#header {width:820px; margin:0 auto; height:155px; position:relative;}
	#logo {position:absolute; top:5px; left:20px; width:351px; height:142px; background:url(images/logo.png) no-repeat;}
		#logo span {display:none;}
		#logo h1 {margin:0;}
		#logo a {display:block; width:351px; height:142px;}
	#contactinfo {position:absolute; top:35px; right:20px; width:200px; color:#fff; text-align:right;}
		#contactinfo span {font:bold 14px georgia,serif; font-style:italic;}
		#contactinfo p {font-size:11px; line-height:15px;}

#top {width:820px; height:5px; margin:0 auto; background:url(images/bg-top.png) no-repeat;}
#bottom {width:820px; height:5px; margin:0 auto; background:url(images/bg-bottom.png) no-repeat;}	

#content {width:820px; min-height:300px; background:#fff; margin:0 auto; text-align:left; padding-bottom:15px;}
	#content a {font-weight:bold;}
	#pad {padding:20px 25px 15px;}
	/* image frame */
	#photo {width:300px; background:url(images/bg-photo.png) repeat-y;}
		#photo img {display:block; margin:0 0 2px 16px;}
		.home {float:left; margin:0 20px 10px 0;}
		.main {float:right; margin:0 0 10px 20px;}
		#photoTop {width:360px; height:16px; background:url(images/bg-photoTop.png) no-repeat;}
		#photoBottom {width:360px; height:23px; background:url(images/bg-photoBottom.png) no-repeat;}
	
	img#home {display:block; float:left; margin:0 20px 10px 0;}
	img#main {display:block; float:right; margin:0 0 10px 20px;}
	
	#boxes {background:#F9F9F9 url(images/bg-boxes.gif) center repeat-y; border:1px solid #ccc; width:780px; margin:0 auto 0px;}
	#boxes h2 {color:#0A4750; font:normal 20px georgia,serif; padding:0 0 15px 0; line-height:20px;}
	#boxes p {line-height:16px;}
	#boxes a {font-weight:bold;}
		.box {float:left;}
		.left {width:220px; margin:20px 15px 8px 15px;} 
		.center {width:245px; margin:20px 20px 8px 20px;} 
		.right {width:220px; margin:20px 15px 8px 10px;}
		
	/* forms */
	form {margin:0;}
	input, textarea, select, option {font-family:verdana,arial,helvetica,sans-serif; font-size:12px;}
	input, textarea {width:300px; border:1px solid #ccc; margin:0 0 6px 0; padding:2px 4px;}
	textarea {height:150px;}
	input.button {width:100px; border:0; }

	/* login table */
	table#loginTable {margin:0px 0 0 100px; width:400px;}
		table#loginTable td {vertical-align:top; padding:4px;}
		table#loginTable td.right {text-align:right;}
		
	/* form table - contact form */
	table#formTable {margin:10px auto 0; }
		table#formTable td {vertical-align:top; padding:3px; text-align:left;}
		table#formTable td.right {text-align:right; width:100px;}
	p.error {padding:0; color:#de0000; font-style:italic;}

/* ---- footer styles -------------------- */ 
#footer {width:780px; color:#fff; font-size:10px; margin:12px auto; text-align:left;}
	#footer p {padding:0 0 8px 0; line-height:12px;}
	#footer a {color:#fff; text-decoration:underline; font-weight:normal;}
	#footer a:hover {text-decoration:none;}
	/* "site by cdevision" */
	p#props {color:#CDE2B7}
	p#props a {color:#CDE2B7;}
	p#props a:hover {}
	
	
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0; top:0; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:170px; z-index:100;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}
	
/* ---- debug panel styles -------------------- */
div#debug {width:200px; text-align:left; background:#efefef; border:1px solid #ccc; padding:4px 10px; margin:10px; color:#666;}
	div#debug p { font-size:11px;}