/* this code is copyrighted. created by oak-ny.com */

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* color palette 

green 		#c1ce11  (old #cbcc33)
lt grey 	#a9acb3
dark grey	#676e78

*/

/* gate58 */
body {background:#eee url(bg.gif) repeat-x; color:#333;min-width:980px;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-size:12.5px;line-height:18px;}

h2 {font-size:18px;margin-bottom:15px;text-transform:uppercase;}
body.home h2 {text-transform:none;}
h3 {font-size:15px;margin-bottom:15px;font-weight:bold;}
ul, p {margin-bottom:15px;}
li { background:url(middot-dark.gif) no-repeat left center; padding-left:10px; }

a {color:#666;}
a:hover {color:#c1ce11;}
	
#top, body.home #showcase, #body, #footer {width:980px;overflow:hidden;margin-left:auto;margin-right:auto;clear:both;}

#top h1 {display:inline;}
#top h1 a {float:left;display:block;
		background:url(logo.gif) no-repeat 0 25px;height:85px;width:220px;text-indent:-9999px;overflow:hidden;}
#menu {float:right;margin:50px 0 0 0;}
#menu ul {list-style:none;margin:0;padding:0;}
#menu li {background:none;float:left;text-transform:uppercase;padding-left:14px;}
#menu a {text-decoration:none;font-weight:bolder;color:#333;}
#menu .selected a {color:#a9acb3;}
#menu a:hover {color:#c1ce11;}
#menu .level2, #menu .level3, #menu .level4 {display:none;}

#body {margin-top:10px; margin-bottom:10px;}
#body .content {width:710px;float:left;margin-right:30px;}
body.home #body .content {width:730px;margin-right:10px;}

#body .col1 {margin-right:10px;}
#body .col1, #body .col2 {float:left;}
#body .col3 {float:right;}
#body .col2, #body .col3, body.home #body .col1 {padding:12px 15px 5px 15px;}
body.home #body .col1 a, #body .col2 a, #body .col3 a {color:#333;font-weight:bold;text-decoration:none;}
body.home #body .col1 a:hover, #body .col2 a:hover, #body .col3 a:hover {text-decoration:underline;}
#body .col3 {background-color:#676e78;}
#body .col3, #body .col3 a {color:#ccc;}
#body .col3 a.more, #body .col3 a.all {color:#fff;}
#body .col3 a:hover {color:#c1ce11;}
#body .col3 li {background-image:url(middot-grey.gif); }
#body .col2, #body .col3 {width:210px;}
#body .col2 h3, #body .col3 h3 {color:#fff;}

#body .content h3 {margin-top:28px;}
#body .content > p {clear:both;}

ul#bio {margin-top:28px; margin-bottom:28px !important;overflow:hidden;background-color:#fff;}
ul#bio li {background:none;display:block;float:left;width:314px;margin:0;padding:20px;font-size:11px;}
ul#bio li:first-child {border-right:#a9acb3 1px solid;}
ul#bio li h3 {margin-top:0 !important;}

body.home #body {background:url(bg-3col.gif) repeat-y;}
body.home h2, body.home h3 {font-size:15px;margin-bottom:5px;color:#fff;}
body.home #body .col1 {width:450px;}

body.home #showcase {height:441px;position:relative;}
body.home #showcase img {background:#fff;position:absolute;}
#showcase .show {z-index:500;}

#showcase.col2 {background:#fff;padding:0 !important;height:160px;width:240px;position:relative;margin-bottom:10px;overflow:hidden;}
#showcase.col2 a {display:block;width:240px;height:160px;background:#fff center center no-repeat;position:absolute;text-decoration:none;text-transform:uppercase;}
#showcase.col2 a span {display:none;}
#showcase.col2 a:hover span {display:block;background:url(bg-overlay.png);width:100%;padding:2px 5px 2px 5px;color:#fff;font-weight:normal;font-size:11px;position:absolute;bottom:0px;text-decoration:none;}

body.gallery #body .content,
body.category #body .content,
body.image #body .content {width:240px;float:right;margin:0 0 10px 0;}

#gallery {width:730px;min-height:500px;float:left;display:none;text-transform:uppercase;}
#preview {width:700px;min-height:500px;float:left;display:none;}
ol#alt {overflow:hidden;margin:10px 0;}
ol#alt li {background:#676e78;padding:0;margin:0;width:20px;height:20px;overflow:hidden;text-indent:-9999px;float:left;margin-right:5px;cursor:pointer;}
ol#alt li:hover {background:#fff;}
body.gallery #gallery, body.category #gallery {display:block;}

#gallery li {background-image:none;padding-left:0;margin:0 10px 10px 0;float:left;width:230px;}
#gallery span.img {display:block;height:160px;margin-bottom:5px;background:#fff center center no-repeat;}
#gallery span.text {font-size:11px;}
#gallery a {color:#333;text-decoration:none;display:block;}
#gallery a:hover {color:#333;}
#gallery a:hover span.img {background-color:#c1ce11;}

body.image #body .content ul {border-top:1px solid #bbb;margin:-5px 0 20px 0;}
body.image #body .content ul li {border-bottom:1px solid #bbb;background-image:none;padding:4px 0 4px 0;}
body.image #body .content ul li:hover {color:#fff;background:#333 url(arrow-bg.gif) 220px center no-repeat;padding-left:6px;cursor:pointer;}
body.image .col3 {display:none;}

body.image #preview {display:block;text-align:center;margin-bottom:20px;}

form label {font-weight:bold;} 
form .highlight {background-color:#c1ce11;border-color:#676e78; }
form input, textarea {border:1px solid #a9acb3;padding:5px;
	font-family:"Lucida Grande", Verdana, Arial, sans-serif;font-size:12px;}
form #submit {margin-top:10px;}

body.order form {margin-top:20px;}
body.order form label { display:block; }
body.order form input, textarea { width:300px; }
body.order form #comments { width:500px; height:70px; }

a.btn {display:block;float:left;font-size:15px;background-color:#c1ce11;color:#fff;padding:12px;text-decoration:none;margin-top:10px;}
a.btn:hover {background-color:#333;}
a.btn-browse {background-color:#bbb;padding-right:18px;}
a.btn-buy {float:right;padding-left:18px;}

#footer {font-size:11px; margin:40px auto 10px auto;}
body.home #footer {margin-top:inherit;}
#copyright {float:left;}
#credits {float:right;}
#credits, #credits a {color:#aaa;}