@import url("/css/menu.css");

/* CSS VERTICAL ALIGNMENT HACK
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
html,body,.box {
	margin:	0;
	padding: 0;
	height: 100%;
	border:	none;
	background: #9EC76D url(/images/layout/background.gif);
}
	
.box{
	margin: 0;
	vertical-align: middle;
	width: 100%;
	text-align: center;
}

/* CHANGE BORDERS 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
img{
	border: 1px dotted #78583B;
	display: block;
}

img:hover {
	display: block;
	border: 1px dotted #70CF9B;
}

a {outline: none}

table, tr, td {
	border: none;
	padding: 0;
	margin: 0;
}

/* TEXT STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
p, span {
	font: .7em verdana, Arial, Helvetica, sans-serif;
	color: white;
}

p.small {
	font-size: 9px;
	font-weight: bold;
}

p.confirmation {
	text-align: center;
	font-weight: bold;
	color: white;
}

td.title p {
	color: #513010;
	font-size: 10px;
	letter-spacing: -1px;
	margin: 4px 0px 4px 0px;
	padding: 0;
}

td.price p {
	color: white;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

td.info p {
	width: 111px;
	color: white;
	font-size: 9px;
	margin: 0;
	padding: 2px;
	letter-spacing: -1px;
}

h1 {
	font: .7em verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: white;
	text-align: left;
	border-bottom: 1px dotted #70CF9B;
	background: url(/images/bg/head.gif);
	padding: 4px;
}

h2 {
	font: .7em verdana, arial, helvetica, sans-serif;
	color: white;
	text-align: center;
	border-bottom: 1px dotted #513010;
	background: url(/images/bg/head.gif);
	padding: 4px 4px 6px 4px;
}


/* FORM STYLES 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

input.contact, textarea.contact {
	border: none;
	border-bottom: 1px solid #513010;
	width: 200px;
	padding: 4px;
	font: .7em verdana, Arial, Helvetica, sans-serif;
	color: #513010;
	margin: 0px;
}

#submit {
	border: 1px solid #67a173;
	background: #513010;
	width: 70px;
	padding: 3px;
	font: .7em verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}

#paypal {
	border: none;
	border-top: 1px dotted #78583b;
	background: none;
	width: 158px;
	padding: 3px;
	font: bold small-caps .7em verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
	cursor: pointer;
}
	

/* LAYOUT DIVS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#header {
	width: 692px;
	height: 44px;
	padding: 0px;
	margin: 0px;
	background: #513010 url(/images/layout/top.gif);
}

#wrapper {
	width: 692px;
	height: 364px;
	background: #513010;
}

#footer {
	width: 692px;
	height: 43px;
	padding: 0px;
	margin: 0px;
	background: #513010 url(/images/layout/bottom.gif);
	clear: both;
}

#left {
	float: left;
	width: 82px;
	height: 364px;
	background: #513010 url(/images/layout/left.gif);
}

#navigation {
	float: left;
	width: 178px;
	height: 364px;
	background: #513010 url(/images/layout/navigation/background.gif);
}

#right {
	float: left;
	width: 65px;
	height: 364px;
	background: #513010 url(/images/layout/right.gif) NO-REPEAT;
}

#content-wrap {
	float: left;
	width: 367px;
}

#content {
	padding: 0px 10px 0px 10px;
	height: 336px;
	width: 347px;
	text-align: justify;
	background: #78583b;
	overflow: auto;
	position: relative;
	margin: 0;
}

#content-top {
	width: 363px;
	font: small-caps bold .7em arial, sans;
	color: #513010;
	padding: 2px;
	background: #70cf9b;
	border-bottom: 1px dotted #513010;
}

#content-bottom {
	width: 367px;
	height: 5px;
	font-size: 1px;
	background: #70cf9b;
	border-top: 1px dotted #513010;
}

/* PAGE-SPECIFIC DIVS 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#index {
	background: url(/images/bg/info.gif) #513010;
	padding: 2px 4px 4px 4px;
	text-align: center;
	border: 1px dotted #78583B;
}

.statement {
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	background: url(/images/bg/pink.gif) bottom #70cf9b;
	border-bottom: 1px dotted #531010;
}

/* VARIOUS UNORDERED LIST STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
ul.column {
	width: 100%;
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

.column li {
	display: table-cell
}

.column li p {
	display: block;
	padding: 0;
	margin: 0;
}

p.hours {
	font-size: 9px;
	color: #FFFFFF
}

li.lileft {
	text-align: left;
	margin: 0;
	padding: 0px;
	width: 170px;
}

li.liright {
	text-align: right;
	margin: 0;
	padding: 0px;
	width: 170px;
	border-left: 1px dotted #513010;
}

/* THUMBNAIL STYLES AND TABLE DISPLAY
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.tablewrap {
	margin: 0;
	padding: 0;
}

.tablewrap td {
	vertical-align: top;
}

table.thumbnail {
	width: 150px;
	padding: 0;
	border: none;
	margin: 2PX;
	display: inline;
}

td.title {
	width: 154px;
	background: url(/images/bg/title.gif) #70cf9b;
	border-bottom: 1px dotted #513010;
	text-align: center;
	margin: 0;
	padding: 0;

}

td.info {
	width: 115px;
	background: url(/images/bg/info.gif) #513010;
	border-bottom: 1px dotted #513010;
	text-align: left;
	padding: 2px;
	margin: 0;
	vertical-align: middle;
}

td.price {
	width: 30px;
	vertical-align: middle;
	background: #513010;
	border-bottom: 1px dotted #513010;
	text-align: center;

}

td.rollover {
	background: url(/images/bg/buy.gif) bottom repeat-x #5c3a1a;
}

td.rollover:hover {
	background: url(/images/bg/buyroll.gif) bottom #f13a60;
}

/* GENERIC MENU STYLES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
ul#menu {
	width: 178px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1px;
}

ul#menu li a {
	width: 178px;
	height: 13px;
	display: block;
	font-size: 1px;
	margin: 0;
	padding: 0;
}

/* background images for main buttons */
ul#menu a{ border: none;}
ul#menu li#logo a {background: url('/images/layout/navigation/logo.gif'); height: 128px;}
ul#menu li#pieces a {background: url('/images/layout/navigation/pieces.gif')}
ul#menu li#portfolio a {background: url('/images/layout/navigation/portfolio.gif')}
ul#menu li#locations a {background: url('/images/layout/navigation/locations.gif')}
ul#menu li#links a {background: url('/images/layout/navigation/links.gif')}
ul#menu li#contact a {background: url('/images/layout/navigation/contact.gif')}

/* hide the sub menus for the javascript */
#sub0,
#sub1,
#sub2 {
	display: none;
}

#sub0 ul,
#sub1 ul,
#sub2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* background images for sub-menu buttons */
#sub0 li#birds a {background: url('/images/layout/navigation/pieces/birds.gif')}
#sub0 li#scissors a {background: url('/images/layout/navigation/pieces/scissors.gif')}
#sub0 li#animals a {background: url('/images/layout/navigation/pieces/animals.gif')}
#sub0 li#miscellaneous a {background: url('/images/layout/navigation/pieces/miscellaneous.gif')}

#sub1 li#stores a {background: url('/images/layout/navigation/locations/stores.gif')}
#sub1 li#upcoming a {background: url('/images/layout/navigation/locations/upcoming.gif')}

#sub2 li#o4 a {background: url('/images/layout/navigation/portfolio/2004.gif')}
#sub2 li#o5 a {background: url('/images/layout/navigation/portfolio/2005.gif')}
#sub2 li#thesis a {background: url('/images/layout/navigation/portfolio/thesis.gif')}

/* move the images for hover effect */
ul#menu li#pieces a:hover,
ul#menu li#portfolio a:hover,
ul#menu li#locations a:hover,
ul#menu li#links a:hover,
ul#menu li#contact a:hover, 

#sub0 li#birds a:hover,  
#sub0 li#scissors a:hover,  
#sub0 li#animals a:hover,  
#sub0 li#miscellaneous a:hover,  

#sub1 li#stores a:hover,  
#sub1 li#upcoming a:hover,

#sub2 li#o4 a:hover,  
#sub2 li#o5 a:hover,  
#sub2 li#thesis a:hover {
	background-position: 178px 50%;
}

/*_____ BEGIN FLEXCROLL STYLING _____*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbar {width: 15px;background: #FFFFFF; margin-left: 1px}
.vscrollerbarbeg {height: 17px !important;width: 17px; }
.vscrollerbarend {height: 17px;width: 17px;}
.vscrollerbase {width: 17px; background: #513010;}
.vscrollerbasebeg {width: 17px;height: 17px !important;background: url(/images/layout/scroll/btn-up.gif) no-repeat;}
.vscrollerbaseend {height: 17px;width: 17px;background: url(/images/layout/scroll/btn-dwn.gif) no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 15px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}