/* CSS Document */
* { border: 0; margin: 0; padding: 0; }
/* General Elements */
h1,h2,h3,h4,h5 { color: #444; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 500; margin: 2ex 0 0.8ex 0; text-indent: 0; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
p { margin: 0.8ex 0 2ex 0; }
acronym { border-bottom: 1px dotted #eb7; color: #696; }
a { color: #44c; }

body { background: #fff; margin: 0; font-size: 12px; }
div#main { margin: 40px auto 0 auto; width: 750px; }
h1#header {
	background: url(header.jpg) top left no-repeat;
	float: left;
	height: 100px;
	margin: 0 0 10px 0;
	width: 350px;
}

h1#header span { display: none; }

div#content {
	background: #eef;
	border: 1px solid #ddd;
	color: #666;
	display: inline; /* this fixes IE's double-margin thing on the left side */
	float: left;
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 15px 0 15px;
	padding: 0 20px 20px 20px;
	text-align: left;
	text-indent: 1.5em;
	width: 680px;
}

div#footer {
	background: url(footertag.jpg) center no-repeat;
	clear: both;
	color: #755;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 44px;
	margin: 30px 0;
	text-align: center;
	width: 750px;
}
div#footer span { display: none; }

/*a#firefox { position: absolute; top: 25px; right: 15px; height: 15px; width: 85px; }*/
a#firefox { background: url(http://www.cornershopweb.com/images/firefoxPetesSake.gif); display: block; position: absolute; top: 25px; right: 15px; height: 36px; width: 99px; }
a#firefox img { display: none; }

ul#styles {
	background: #eee;
	border: 1px solid #ddd;
	color: #c00;
	float: left;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	padding-left: 10px;
	position: absolute; top: 0; right: 0;
}

ul#styles li { float: left; }
ul#styles li a { border-right: 1px dotted #aaa; display: block; float: left; padding: 0 15px; text-decoration: none; }

ul#nav {
	float: left;
	height: 24px;
	list-style: none;
	margin: 73px 0 0 0;
	width: 400px;
}
ul#nav li { float: left; height: 24px; }
ul#nav li a { display: block; float: left; height: 24px; text-decoration: none; }
/*ul#nav li a:hover { background-color: #666; }*/
ul#nav li a span { display: none; }

a#home { background: url(menu.gif) 0 0 no-repeat; width: 69px; }
a#about { background: url(menu.gif) -69px 0 no-repeat; width: 66px; }
a#services { background: url(menu.gif) -135px 0 no-repeat; width: 86px; }
a#portfolio { background: url(menu.gif) -221px 0 no-repeat; width: 91px; }
a#contact { background: url(menu.gif) -312px 0 no-repeat; width: 88px; }
a#home:hover { background-position: 0 -24px; }
a#about:hover { background-position: -69px -24px; }
a#services:hover { background-position: -135px -24px; }
a#portfolio:hover { background-position: -221px -24px; }
a#contact:hover { background-position: -312px -24px; }


fieldset { padding: 10px; border: 1px solid #aac; }
legend { font-size: 120%; font-weight: bold; }
label, textarea, input#c_submit { display: block; margin: 1em; }
input#c_submit { background: #eee; border: 1px solid #ddd; margin: 0 auto; }
input, textarea { background: #fff; border: 1px solid #ddd; }