html {
	height:100%;
}

body {
	font-size:16px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin:0;
	font-weight:normal;
	text-align:center;
	background:#fff;
}
h1, h2, h3, h4 { font-weight:normal; margin:0 0 5px; }
h1 { font-size:1.875em; color:#ff7d3b; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
p { margin:1em 0; font-size:0.75em; }
a { color:#333; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
ul { margin:0; padding:0; }
li { margin-left:15px; }
img { border:none; vertical-align:top; }
blockquote { padding:0; margin:5px 10px; }
form { margin:0; padding:0; }
textarea { font-family:Arial, Helvetica, Tahoma, sans-serif; font-size:1em; }
td, th { vertical-align:top; }

.clearit:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
p.extra-margin { margin:2em 0 0; }
.note { font-style:italic; }
.hide { visibility:hidden; }
span.price { padding-left:10px; }
.large { font-size:1.05em; }
.left { float:left; }
.right { float:right; }
img.left { margin:0 7px 5px 0; }
img.right { margin:0 0 5px 5px; }
div.para { clear:both; margin:0 0 10px; }

div#container {
	text-align:left;
}

div#header-wrapper {
	background:#49d2fe url(../images/header-bg.jpg) top left repeat-x;
}
	div#header {
		width:900px;
		background:url(../images/header-checks.jpg) top right no-repeat;
		margin:0 auto;
		position:relative;
		height:173px;
	}
		img#head-tiles {
			position:absolute;
			top:0;
			left:0;
		}
		
		a#logo {
			position:absolute;
			bottom:23px;
			left:20px;
		}

div#content {
	width:900px;
	margin:0 auto;
}
	div#nav, div#main {
		float:left;
	}
	
	div#nav {
		padding:40px 0 0;
		background:#fff url(../images/nav-bg.jpg) top left repeat-x;
		width:210px;
		min-height:175px;
		font-size:0.875em;
	}
		div#nav ul {
			padding:0 0 0 30px;
		}
			div#nav li {
				margin:0 0 5px;
				list-style:none;
			}
				div#nav li a {
					display:block;
					height:20px;
					line-height:20px;
					text-transform:lowercase;
					padding:0 0 0 5px;
					text-transform:capitalize;
				}
					div#nav li a:link, div#nav li a:visited {
						text-decoration:none;
						color:#666;
						background:none;
					}
					
					div#nav li a:active, div#nav li a:focus, div#nav li a:hover, 
					body.home div#nav li.home a, body.about-us div#nav li.about-us a, 
					body.gallery div#nav li.gallery a, body.prices div#nav li.prices a, 
					body.contact-us div#nav li.contact-us a {
						color:#fff;
						background:#b2b2b2 url(../images/nav-hilite.jpg) top left repeat-x;
					}
	
	div#main {
		width:688px; /* 690 - padding (l + r) */
		background:url(../images/main-border.jpg) top left repeat-x;
		padding:0 1px;
	}
		div#main h1 {
			margin-bottom:15px;
		}
		
		div#main div.wrapper {
			padding:40px 50px 10px;
			background-color:#fff;
			min-height:305px;
		}
		
		div#main h2 + *, div#main h3 + *, div#main h4 + * { margin-top:0; }
		
		div#main li { font-size:0.75em; }
		
		body.gallery div#main h2 { clear:both; }
		
		table.prices {
			margin:10px 0 20px;
			width:500px;
			font-size:0.75em;
		}
			table.prices caption { margin-bottom:5px; }
			
			p + table.prices { margin-top:0; }
			
			table.prices tbody.alt { background:#e3e3e3; }
				table.prices tbody.alt tr { border-top:1px solid #fff; border-bottom:1px solid #fff; }
				td.size, td.more { padding:3px 7px; }
					table.prices table { text-align:center; }
				
				td.size { vertical-align:middle; text-align:center; background:#cacaca; width:25%; }
				table.prices tbody.alt td.size { background:#b4b4b4; }
				
				td.prices { width:40%; }
					td.prices table { width:100%; }
						td.prices td { padding:7px; }
				
				td.more { vertical-align:middle; text-align:center; }

div#footer {
	padding:20px 0 20px 230px;
	width:670px;
	margin:0 auto;
	font-size:0.6875em;
	color:#999;
}
	div#footer ul {
		margin-bottom:15px;
	}
		div#footer li {
			list-style:none;
			margin:0 10px;
			float:left;
		}
			div#footer li.first {
				margin-left:0;
			}
			
			div#footer li a {
				color:#333;
			}
				div#footer li a:link, div#footer li a:visited {
					text-decoration:none;
				}
				
				div#footer li a:active, div#footer li a:focus, div#footer li a:hover {
					text-decoration:underline;
				}
	
	div#footer a {
		color:#999;
	}
	
	div#footer div {
		margin-top:5px;
	}

/*\*/
* html div#nav { height:175px; }
* html div#main div.wrapper { height:305px; }
/**/