@import "colors.css";
@import "text.css";

/* Normalization */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockqoute {margin: 0px; padding: 0px;}
ul, ol {list-style: none;}
fieldset, img {border: 0px;}
table {border-collapse: collapse; border-spacing: 0px;}
	
/* Page Contants */
h1 {float: right; margin-top: 30px; margin-right: 30px;}
h2 {margin-top: 5px; margin-bottom: 10px;}
	
/* Structural Dividers */
body {padding-bottom: 20px;}
#container {width: 770px; margin: 0 auto; overflow: visible;text-align: left;}
#header {height: 149px; width: 770px; position: relative;}

/* Main Content Area */
#info {width: 500px; float: left; margin-left: 33px;}
div#info img { margin-left: 5px; margin-right: 5px;}
div#info p {margin: 10px;}
div#info h2 {margin-top: 5px;}

/* Main Menu */
ul#sidemenu {width: 770px; position: relative; height: 50px; text-align: center;}
ul#sidemenu li {display: inline;}
ul#sidemenu li a { height: 50px; width: 128px; position: absolute; text-indent: -9999px;}

/* Finished Artwork side-bar */
ul#artwork {width: 204px; float: right;}

/* Finished Piece Selection Page */
div#info_finished {width: 770px; text-align: center;}
div#info_finished ul#finishedcol {width: 176px; margin-top: 10px; margin-left: 10px; display: inline; float: left;}
ul#finishedcol img {width: 176px;}
div#info_finished p {width: 570px; margin-bottom: 10px; padding-left: 100px; padding-right: 100px;}

/* Display Pages for Finished Work */
div#finished {width: 770px; text-align: center;}
div#finished img#Image1 {width: 530px; padding: 5px; margin-left: 58px;}
ul#img_thumb {width: 110px; float: left; height: 362px;}
ul#img_thumb_jef {width: 110px; float: left; height: 470px;}
div#finished p {
	width: 500px;
	text-align: left;
	padding: 5px 135px;
	margin-top: 20px;
}
p#d_p span#price {float: right; width: 150px;}
p#d_p span#dem {width: 300px; float: left;}

/* Contributed Woodwork Gallery */
ul#contrib_works {
	width: 230px;
	height: 610px;
	position: relative;
	padding: 10px 0px 10px 540px;
}
ul#contrib_works li {
	font-size: 110%;
	margin-bottom: 6px;
	text-align: left;
}
ul#contrib_works li h3 { font-size: 18px;}
ul#contrib_works li img { position: absolute; width: 120px; height: 90px;}
li#row1_col1 img {top: 12px; left: 10px;}
li#row1_col2 img {top: 12px; left: 140px;}
li#row1_col3 img {top: 12px; left: 270px;}
li#row1_col4 img { top: 12px; left: 400px;}
li#row2_col1 img {	top: 112px; left: 10px;}
li#row2_col2 img {	top: 112px; left: 140px;}
li#row2_col3 img {	top: 112px; left: 270px;}
li#row2_col4 img {	top: 112px; left: 400px;}
li#row3_col1 img {top: 212px; left: 10px;}
li#row3_col2 img {top: 212px; left: 140px;}
li#row3_col3 img {top: 212px; left: 270px;}
li#row3_col4 img {top: 212px; left: 400px;}
li#row4_col1 img {top: 312px; left: 10px;}
li#row4_col2 img {top: 312px; left: 140px;}
li#row4_col3 img {top: 312px; left: 270px;}
li#row4_col4 img {top: 312px; left: 400px;}
li#row5_col1 img {top: 412px; left: 10px;}
li#row5_col2 img {top: 412px; left: 140px;}
li#row5_col3 img {top: 412px; left: 270px;}
li#row5_col4 img {top: 412px; left: 400px;}
li#row6_col1 img {top: 512px; left: 10px;}

ul#contrib_works a:hover { background-color:#FECE9E}
/* Contributed Woodwork Page */
div#info_finished img#main {width: 560px; height: 420px; background-color: #670003; padding: 10px;}
div#info_finished ul#thumb {width: 770px; padding-bottom: 5px; position: relative; height: 100px; padding-top: 5px;}
div#info_finished ul#thumb li {margin-right: 2.5px; margin-left: 2.5px; width: 120px; display: inline; position: relative;}
div#info_finished blockquote p { padding: 0 0 10px 0; width: 400px;}
div#info_finished blockquote {width: 400px; text-align: left; display: block; position: relative; padding: 10px 185px 10px 185px; margin: 0;}

/* Footer */
div#footer {width: 770px; height: 30px; padding-top: 20px; clear: both;}
div#footer h3 {width: 530px; position: relative; margin-left: 118px; height: 28px;}
div#footer h3 span#mail_adress {margin-right: 30px;}
div#footer h3 a#previous {height: 26px; width: 80px;}
div#footer h3 span#phone_num {margin-left: 30px; width: 130px;}

/* IE Hacks */
ul#artwork li, ul#img_thumb li, ul#img_thumb_jef li, ul#finishedcol li {display: inline;}