﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" ""; display:block;}
body{ line-height: 1; font-size: 62.5%; color:#333333; background:url(../images/bg-body.gif) repeat-x top left; font-family:Helvetica, Arial, sans-serif; text-align:center;}
html { overflow-y: scroll; }
strong{ font-weight:bold;}
sub{ font-size:0.6em; vertical-align:sub; line-height:0.5em;}

#site{ width:1000px;  margin:0px auto; text-align:left; position:relative; min-height:598px; height:auto !important; height:598px; }
#logo{ position:absolute; top:0px; right:0px;}
#header{ float:left; padding:0 0 0 82px; height:365px;}
#nav{ width:500px;}
#nav li{ float:left; width:107px;}
#nav li a,#nav li a span{ float:left; display:block; text-decoration:none; color:#FFFFFF; background:#000000;}
#nav li a span{ line-height:1.5em; font-size:1.1em; width:90px; padding:0 0 1px 0;}
#nav li a{ padding:0 0 0 5px;}
#nav li a:hover span,#nav li a:hover,#nav li a.on span,#nav li a.on{ background:#948671; color:#000000;}
#nav li ul{ float:left; clear:left; margin:2px 0 0 0;}

#content{ float:left; clear:left; padding:0 0 0 82px;}
#content h1{ font-size:2.8em; color:#000000; font-weight:normal;}
#content .smaller h1{ font-size:2.3em;}
#content p{ padding:0 0 1.3em 0; color:#948671; font-size:1.2em; line-height:1.2em;}
#content li{ padding:0 0 0 0; color:#948671; font-size:1.2em; line-height:1.2em;}
#content .clist{ float:left; padding:0 20px 0 0;}
#content .clist li{ color:#000000; width:220px;}
#content strong{ color:#000000;}
#content a{ color:#948671;}
#content strong a{ color:#000000; text-decoration:none;}
#content strong a:hover{ color:#948671;}
#content a:hover{ text-decoration:none;}
#title{ float:left;}
#copy{ float:left; clear:left; width:414px;}
#copy3{ float:left; clear:left; width:540px; padding:0 0 30px 0;}

#content2{ float:left; clear:left; padding:0 0 20px 55px;}
#content2 p{ padding:0 0 1.0em 0; color:#000000; font-size:1.2em; line-height:1.2em;}
#content2 ul{ padding:0 0 1.0em 1.5em; list-style-type:disc; color:#948671; font-size:1.2em; line-height:1.2em;}
#content2 a{ color:#948671; text-decoration:none;}
#content2 a:hover{ color:#000000;}
#copy2{ float:left; clear:left; width:441px;}
#accordion dd,#accordion dt{ padding:0 0 0 27px;}
#accordion dt{ background:url(../images/arrow.gif) no-repeat 0% 5px; height:27px;}
#accordion dt.selected{ background:url(../images/arrow.gif) no-repeat 0% -55px;}
#accordion dt a{ line-height:27px; height:27px; display:block; text-decoration:none; color:#000000; font-size:1.2em; font-weight:bold;}
#accordion dt a:hover{color:#948671;}

#featured{ float:right; padding:281px 80px 0 0;}

#twitter{ width:414px; position:absolute; right:0px; top:558px; width:85px; height:29px;}
#twitter a{ background:url(../images/twitter.gif) no-repeat bottom left; width:85px; height:29px; display:block;}
#twitter a:hover{ background:url(../images/twitter.gif) no-repeat top left;}
#quotes,#info{ width:414px; position:absolute; right:80px; top:366px;}
#quotes h2,#info h2{ font-size:2.3em; color:#948671; line-height:0.9em; }
#quotes p,#info p{ font-size:1.2em;}
#quotes p span{ color:#948671;}
#quotes a{ color:#000000; text-decoration:none;}
#quotes a.arrow{ padding:0px 0 0 20px; line-height:27px; background:url(../images/arrow2.gif) no-repeat 0% 0%;}
#quotes a:hover{ color:#948671;}

#quotes .big,#info .big{ font-size:2.3em; line-height:1.0em;}
#info strong{ color:#948671;}
#info a{ color:#948671; text-decoration:none;}
#info a:hover{ color:#000000;}

#footer{ float:left; clear:left; font-size:1.2em; width:1000px;}
#fleft{ padding:0 0 0 82px;}

/* gallery */
#pimages{ width:459px; height:360px; display:none;}
#pgallery{ top:0px; left:0px; width:409px; height:310px; position:absolute; z-index:1;}
#pgallery img{ border:solid 10px #FFFFFF; position:absolute; top:0px; left:0px;}
#loading{ background:#FFFFFF url(../images/loading.gif) no-repeat 50% 50%; top:0px; left:0px; width:409px; height:310px; position:absolute; z-index:100;}
#tabs{ width:389px; height:15px; position:absolute; top:280px; left:10px; z-index:50;}
#tabs a{ float:left; color:#FFFFFF; background:#000000; line-height:15px; margin:0px 0 0 2px; width:15px; text-align:center; color:#FFFFFF; font-size:10px; text-decoration:none;}
#tabs a.activeSlide{ background:#948671;}

