/* Global
--------------------------------------------------------------------------- */
body {}
#container {font-size:1.4em;line-height:1.6;font-family:Helvetica,Verdana,Arial,sans-serif;}
p.red {color:#9A180B;}
h1, h2, h3, h4, h5 {font-weight:normal;}
a {color:#565656;}

/* Header
--------------------------------------------------------------------------- */
#header {position:relative;width:100%;color:#fff;}
#header h1 {height:110px;font-size:2em;background-color:#6F6F6F;border-bottom:1px solid #fff;}
#header h1 a {position:absolute;top:72px;left:80px;color:#fff;line-height:1;background:url(../img/brettcoelho.gif) no-repeat 0 0;display:block;overflow:hidden;padding-top:39px;width:228px;height:0;}
#header h2 {position:absolute;top:0;left:0;background:#565656 url(../img/header-h2.gif) no-repeat 12px 7px;width:250px;height:0;padding-top:32px;overflow:hidden;}

/* Navigation
--------------------------------------------------------------------------- */
ul#nav {background-color:#9F9F9F;margin-bottom:0;list-style:none;padding:5px 0 0 68px;height:25px;}
ul#nav li {display:inline;}
ul#nav li a {color:#fff;font-size:0.9em;text-decoration:none;border-right:1px solid #fff;display:inline-block;padding:5px 15px 1px 12px;text-transform:uppercase;line-height:1;letter-spacing:1px;text-shadow:1px 1px 1px #8F8F8F;outline:0;}
ul#nav li.last a {border-right:0;}
ul#nav li a:hover,
ul#nav li a.selected {color:#000;}
ul#nav li a.red:hover,
ul#nav li a.red.selected {color:#9A180B;}

ul#subNav {background-color:#fff;margin:0 0 0 -12px;list-style:none;padding:0 0 20px 0;height:30px;line-height:1;}
ul#subNav li {display:inline;}
ul#subNav li a {color:#9F9F9F;font-size:0.9em;text-decoration:none;border-right:1px solid #9F9F9F;display:inline-block;padding:5px 15px 1px 12px;text-transform:uppercase;line-height:1;letter-spacing:1px;outline:0;}
ul#subNav li.last a {border-right:0;}
ul#subNav li a:hover,
ul#subNav li a.selected {color:#000;}
ul#subNav li a.red:hover {color:#9A180B;}

/* Tabs
----------------------------------*/
.ui-tabs {zoom: 1;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }
ul#subNav li.ui-tabs-selected a {color:#000;}

/* Content
--------------------------------------------------------------------------- */
#content {padding:40px 80px 80px;}

#content div.image {width:300px;float:left;}

#content div.entry {margin-left:320px;width:270px;}
#content div.entry h3 {font-size:2.5em;margin:10px 0 20px;line-height:1;margin-left:-2px;}
#content div.entry h3#welcome-h3 {background:url(../img/welcome-h3.gif) no-repeat 0 0;width:217px;padding-top:44px;height:0;overflow:hidden;}
#content div.entry h3#about-h3 {background:url(../img/about-h3.gif) no-repeat 0 0;width:119px;padding-top:40px;height:0;overflow:hidden;}

#about #content div.image {width:142px;float:left;}
#about #content div.entry {margin-left:162px;width:408px;}
#contact #content div.image {width:142px;float:left;}
#contact #content div.entry {margin-left:162px;width:408px;}
#avail #content div.image {width:142px;float:left;}
#avail #content div.entry {margin-left:162px;width:408px;}

#gallery #content {overflow:hidden;height:335px;}
#gallery #content div.viewer {width:100%;height:240px;overflow:hidden;position:relative;margin-bottom:40px;}
#gallery #content ul.conveyor{position:relative;list-style:none;padding:0;}
#gallery #content li.item {float:left;margin-right:30px;}

#tooltip {position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;}

/* Form
--------------------------------------------------------------------------- */
#contact fieldset legend {display:none;}
#contact ol {list-style:none;padding:0;margin:0;}
#contact ol li {margin-bottom:10px;}
#contact ol li span.labelText {float:left;display:block;text-align:right;width:100px;padding-right:20px;line-height:30px;}
#contact ol li input {padding:3px;width:200px;border:1px solid #9F9F9F;background-color:#F5F5F5;}
#contact ol li input:focus {background-color:#fff;}
#contact ol li textarea {padding:3px;width:240px;height:100px;border:1px solid #9F9F9F;background-color:#F5F5F5;}
#contact ol li textarea:focus {background-color:#fff;}
#contact input.btn {margin-left:120px;}

/* Footer
--------------------------------------------------------------------------- */
/*#footer {position:absolute;bottom:0;left:0;padding:20px 0;width:100%;color:#fff;background-color:#9F9F9F;}*/