html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,
del,em,img,input,textarea,button,ins,kbd,q,s,samp,small,strike,strong,sub,sup,
tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend
{margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;}
:focus
{outline : 0;}
ol,ul
{list-style : none;}
@font-face
{font-family : "Delicious Bold Header";
src : url(../../sys/fonts/deliciousboldheader.otf) format("opentype");
font-weight : bold;}
/* ===================================================================== */
/* = Download this free font at -> http://www.josbuivenga.demon.nl = */
/* ===================================================================== */
html
{background : #c26230;
min-width : 920px;
z-index : 0;}
h1,h2,h3,h4,h5,h6
{font-family : "Delicious Bold Header","Trebuchet MS",sans-serif;
font-weight : bold;}
body
{background-color : #f8f8ee;
width : 920px;
height : 100%;
margin : 0 auto;
padding : 0;
font : 14px/25px Helvetica,Arial,sans-serif;
position : relative; /* Fix for IE6 and 7 */
color : #33291d;}
a,a:visited,a:hover,a:active
{color : #444b54;
text-decoration : none;
font-weight : bold;
font-variant : small-caps;
text-transform : lowercase;
font-size : larger;}
a:hover,a:active
{text-decoration : underline;}
h2 a,h2 a:visited,h2 a:hover,h2 a:active
{color : inherit;
text-decoration : none;
font-weight : inherit;
font-variant : inherit;
text-transform : inherit;
font-size : inherit;}
h2 a:hover,h2 a:active
{background : transparent url(../../img/hlink.png) bottom left repeat-x;}
abbr
{text-transform : uppercase;
letter-spacing : 1px;
font-size : 13px;
cursor : help;}
i,em
{font-style : italic;}
b,strong
{font-weight : bold;}
input,label,textarea,button
{display : block;}
br
{display : none;}
address
{font-style : normal;} /* Fix for IE6 and 7 */
#header
{background : #c26230 url(../../img/header.png) left 10px no-repeat;
width : 920px;
height : 582px;
padding-top : 10px;
position : relative;}
#header h1
{position : absolute;
left : 339px;
top : 366px;
width : 73px;
height : 75px;
text-indent : -9999px;
background : transparent url(../../img/tap.gif) top left no-repeat;}
#header h2
{visibility : hidden;}
#header h2 a
{position : absolute;
display : block;
text-indent : -9999px;
visibility : visible;
line-height : 0;}
#header .portfolio
{left : 446px;
top : 470px;
width : 137px;
height : 18px;}
#header .portfolio:hover
{background : transparent url(../../img/menu.png) top left no-repeat;}
#header .knowme
{left : 222px;
top : 487px;
width : 138px;
height : 21px;}
#header .knowme:hover
{background : transparent url(../../img/menu.png) 0 -18px no-repeat;}
#header .contactme
{left : 362px;
top : 504px;
width : 185px;
height : 21px;}
#header .contactme:hover
{background : transparent url(../../img/menu.png) 0 -39px no-repeat;}
#content
{padding : 50px 50px 0 50px;
min-height : 550px;}
#content h1,#content h2
{text-align : center;
text-transform : uppercase;
color : #bda487;
text-shadow : #73624f 0 -3px 0;
margin-bottom : 25px;}
#content h1
{font-size : 72px;
line-height : 75px;}
#content h2
{font-size : 47px;
line-height : 50px;
padding-top : 25px;}
#content p
{margin : 0 50px 25px 50px;}
#content ul,#content form,#content .vcard,#content .portfolio
{background-color : #bda487;
padding : 0 25px 25px 25px;
border-top : 3px solid #73624f;
margin-bottom : 25px;}
#content li
{display : block;
line-height : 25px;
min-height : 25px;
padding : 12px 12px 12px 37px;
border-bottom : 3px solid #73624f;
margin-top : 22px;
background : #f8f8ee url(../../img/bullet.png) 12px 50% no-repeat;}
#content form p
{padding-top : 25px;
margin : 0;}
#content input,#content label,#content textarea
{background-color : #f8f8ee;
padding : 12px;
height : 25px;
line-height : 25px;}
#content label
{float : left;
min-width : 200px;
max-width : 100%;
height : 26px;
margin-bottom : -1px;
padding-bottom : 0;
text-transform : uppercase;
font-size : smaller;
font-weight : bold;
overflow : hidden;}
#content label.required
{min-width : 176px;
background : #f8f8ee url(../../img/bullet2.png) 100% 16px no-repeat;
padding-right : 36px;}
#content label span,#content legend,#content form p.error
{display : none;}
#content label b
{color : #de5151;
padding-left : 12px;}
#content input
{width : 746px;
border-bottom : 3px solid #73624f;}
#content textarea
{height : 200px;
width : 746px;
border-bottom : 3px solid #73624f;}
#content button
{width : 136px;
height : 36px;
text-indent : -9999px;
background : transparent url(../../img/submit.png) top left no-repeat;
margin : 0 auto;
cursor : pointer;}
#content button:active
{background : transparent url(../../img/submit.png) 0 -38px no-repeat;}
#content button.disabled,#content button.disabled:active
{background : transparent url(../../img/submit.png) 0 -76px no-repeat;
cursor : auto;}
#content .bullet
{line-height : 25px;
overflow : hidden;
padding : 0 1ex;
background : transparent url(../../img/bullet.png) center 1px no-repeat;}
#content .bullet span
{visibility : hidden;}
#content .vcard p
{margin : 0;}
#content .vcard address,#content .vcard p,#content .portfolio .img,#content .portfolio .imgviewer .mid,#content .portfolio .desc
{padding : 12px;
border-bottom : 3px solid #73624f;
margin-top : 22px;
background-color : #f8f8ee;}
#content .vcard br
{display : block;}
#content .vcard .card
{padding-left : 37px;
background : #f8f8ee url(../../img/card.png) 12px 50% no-repeat;}
#content .portfolio
{padding-top : 22px;}
#content .portfolio .desc
{padding-bottom : 0;}
#content .portfolio .desc p
{margin : 0 0 25px 0;}
#content .portfolio .desc h2 span
{text-transform : lowercase;}
#content .portfolio .img
{margin : 0 auto;}
#content .portfolio .img img,#content .portfolio .img span,#content .portfolio .img a,#content .portfolio .imgnav .left a,#content .portfolio .imgnav .right a
{display : block;
margin : 0 auto;}
#content .portfolio .img a+a
{margin-top : 12px;}
#content .portfolio .img,#content .portfolio .img img,#content .portfolio .imgnav .mid,#content .portfolio .imgnav .mid div img
{width : 470px;
height : auto;}
#content .portfolio .img img,#content .portfolio .imgnav .mid,#content .portfolio .imgnav .mid div img
{height : 353px;}
#content .portfolio .imgviewer
{height : 405px;}
#content .portfolio .imgviewer p
{margin : 0;
height : 25px;
font-size : 28px;
text-align : center;}
#content .portfolio .imgviewer p b span,#content .portfolio .imgviewer p span span
{visibility : hidden;}
#content .portfolio .imgviewer p b
{background : transparent url(../../img/dots.png) top left no-repeat;}
#content .portfolio .imgviewer p span
{background : transparent url(../../img/dots.png) -16px 0 no-repeat;}
#content .portfolio .imgnav,#content .portfolio .imgnav .left,#content .portfolio .imgnav .right
{height : 380px;}
#content .portfolio .imgnav .mid
{overflow : hidden;
margin : 0;
position : relative;}
#content .portfolio .imgnav .mid div
{width : 9999px;
height : 353px;
position : absolute;
top : 0;
left : 0;}
#content .portfolio .imgnav .mid div img
{display : block;
float : left;
padding : 12px;}
#content .portfolio .imgnav .left,#content .portfolio .imgnav .mid,#content .portfolio .imgnav .right
{float : left;}
#content .portfolio .imgnav .left,#content .portfolio .imgnav .right
{width : 138px;}
#content .portfolio .imgnav .left a,#content .portfolio .imgnav .right a
{width : 55px;
height : 48px;
margin-top : 166px;
cursor : pointer;
text-indent : -9999px;}
#content .portfolio .imgnav .left a
{background : transparent url(../../img/arrows.png) top left no-repeat;}
#content .portfolio .imgnav .right a
{background : transparent url(../../img/arrows.png) -57px 0 no-repeat;}
#content .portfolio .imgnav .left a:active
{background : transparent url(../../img/arrows.png) -114px 0 no-repeat;}
#content .portfolio .imgnav .right a:active
{background : transparent url(../../img/arrows.png) -171px 0 no-repeat;}
#disclaimer
{font-size : 11px;
text-align : center;
padding : 50px 0 25px 0;}