@charset "utf-8";

/***** standard definitions *****/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset {	border:0; }
body { 
font: normal 62.5% Georgia, "Times New Roman", Times, serif;
line-height:1.8em;
background:#deda97 url(../images/header-left-stretch.gif) repeat-x;
color:#000;
height:100%;
}
select, textarea, button, label, td, th, input, p, li { font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; }
h1, h2, h3 { color:#000; }
h1 { margin:0px 0 18px 0; font-size:200%; font-weight:bold; }
h2 { margin:0px 0 8px 0; font-size:160%; font-weight:bold; }
h3 { margin:0px 0 8px 0; font-size:110%; font-weight:bold; }
img { border:0; }
img.left { float:left; display:inline; margin:0 10px 10px 0; }
a { text-decoration:underline; color:#9b9540; }
a:hover { text-decoration:none; }
p { margin:0 0 1.2em 0; }
input.long { width:30em; }
div.clear { width:100%; clear:both; height:0; }
div.hr { width:100%; clear:both; height:1px; background-color:#b9b363; margin:30px 0 30px 0; }
form { margin-bottom:10px; }
ul { margin:0 0 1.2em 3em; }
li { }
big { font-size:120%; }

div.portfolioEntry { float:left; width:726px; border:1px solid #b9b363; border-width:1px 0 0 0; margin-bottom:20px; padding-top:30px; }
div.portfolioEntry div.images { float:left; width:155px; }
div.portfolioEntry div.info { float:left; width:561px; }

/***** particular definitions *****/

div#layer { position:absolute; top:0; left:0; width:100%; }
div#headerRight {  float:right; width:50%; height:92px; background:url(../images/header-right-stretch.gif) repeat-x; }
div#main { width:100%; }

/* header */
div#header { position:relative; width:770px; height:96px; margin:0 auto 0 auto; background:url(../images/header-bg.gif) no-repeat; }
div#musicPlayer { width:44px; height:28px; position:absolute; top:57px; left:220px; }
div#nav { float:right; margin-top:53px; }
div#nav div {
float:right;
height:34px;
width:106px;
margin-left:3px;
background-color:#006699;
background-repeat:no-repeat;
background-position:top left;
}
div#nav div:hover { background-position:top right; cursor:hand; cursor:pointer; }
div#nav div#home { background-image:url(../images/nav-home.gif); }
div#nav div#portfolio { background-image:url(../images/nav-portfolio.gif); }
div#nav div#contactMe { background-image:url(../images/nav-contact-me.gif); }

div#contentSurround { width:100%; background-color:#fff; }
div#content { width:748px; padding:18px 11px 11px 11px; margin:0 auto 0 auto; }
div#footer { width:100%; clear:both; height:14px; background:url(../images/footer-bg.gif) repeat-x; }

div#thankyou { float:left; padding:40px 0 40px 0; }