@charset "UTF-8";

/******************************/
/*** Position and Structure ***/
/******************************/

html,body {
width:100%;
height:100%;
margin:0;
padding:0;
}

table#maintable {
width:100%;
height:100%;
margin:0;
padding:0;
}

td.leftbgcell {
height:100%;
margin:0;
padding:0;
}

td.contentcell {
width:704px;
vertical-align:top;
margin:0;
padding:0;
}

td.rightbgcell {
height:100%;
margin:0;
padding:0;
}

div#menublock {
position:relative;
width:704px;
height:84px;
margin:0;
padding:0;
}

div#name {
position:absolute;
top:0px;
left:0px;
width:196px;
height:84px;
margin:0;
padding:0;
}

div#menu {
position:absolute;
top:0px;
left:196px;
width:508px;
height:84px;
margin:0;
padding:0;
}

div#contentblock {
position:relative;
width:704px;
margin:0;
padding:0;
}

div#sidemenu {
position:absolute;
top:30px;
left:0px;
width:196px;
margin:0;
padding:0;
}

div#workportfolio {
position:absolute;
top:30px;
left:229px;
width:454px;
height:325px;
margin:0;
padding:0;
}

div#worktext {
position:absolute;
top:366px;
left:219px;
width:474px;
height:150px;
margin:0;
padding:0;
}

div#contactform {
position:absolute;
top:30px;
left:229px;
width:454px;
margin:0;
padding:0;
}

/*******************/
/*** Backgrounds ***/
/*******************/

td.leftbgcell {
background:url(images/background_left.png) top right no-repeat;
}

td.rightbgcell {
background:url(images/background_right.png) top left no-repeat;
}

div#name {
background:url(images/logo.png) top right no-repeat;
}

/* Menu BG's */
.print {
background:url(images/menu_print.png) top right no-repeat;
}
.brand {
background:url(images/menu_brand.png) top right no-repeat;
}
.web {
background:url(images/menu_web.png) top right no-repeat;
}
.flash {
background:url(images/menu_flash.png) top right no-repeat;
}
.about {
background:url(images/menu_about.png) top right no-repeat;
}
.contact {
background:url(images/menu_contact.png) top right no-repeat;
}
#worktext {
background:url(images/border.png) top left no-repeat;
}

#sidemenu ul li a.active
{
background: transparent url(images/arrow.gif) left center no-repeat;
background-position:.5em;
color:#ffa281;
}

hr {
background: transparent url(images/hr_bg.gif) left center repeat-x;
}


/***********************/
/*** Main Menu Links ***/
/***********************/

div#menu a {
display:block;
width:83px;
padding:50px 0 0 0;
float:left;
text-align:center;
font-family:Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#ffa281;
}

div#menu a:hover {
display:block;
width:83px;
padding:50px 0 0 0;
float:left;
text-align:center;
font-family:Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#df734e;
}

div#menu a.active {
display:block;
width:84px;
padding:50px 0 0 0;
float:left;
text-align:center;
font-family:Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
color:#fff;
}


/*****************/
/*** Side menu ***/
/*****************/
#sidemenu ul
{
list-style-type: none;
text-align: left;
margin:0;
padding:0;
}

#sidemenu ul li a
{
padding-left: 18px;
text-align: left;
font: normal 12px Arial, Helvetica, sans-serif;
line-height:21px;
text-decoration: none;
color: #666;
}

#sidemenu ul li a:hover
{
color:#ffa281;
}

#sidemenu p
{
padding:10px 0 0 18px;
font: normal 12px Arial, Helvetica, sans-serif;
color:#e1e1aa;
}



/****************/
/*** Text Box ***/
/****************/

div#worktext h2 {
margin:25px 0 10px 40px;
padding:0;
font: bold 12pt Arial, Helvetica, sans-serif;
color:#fead7c;
}

div#worktext hr {
border:0;
height:3px;
width:90%;
margin:5px auto 5px auto;
padding:0;
}

div#worktext p {
margin:10px 40px 0px 40px;
padding:0;
font: normal 9pt Arial, Helvetica, sans-serif;
line-height:1.3em;
color:#666;
}

div#worktext a {
text-decoration: none;
color: #ffa281;
}

div#worktext a:hover {
text-decoration: underline;
}


/********************/
/*** Other Styles ***/
/********************/

.hidden {
display:none;
}

h2 {
font: bold 12pt Arial, Helvetica, sans-serif;
color:#fead7c;
}

p {
font: normal 9pt Arial, Helvetica, sans-serif;
line-height:1.3em;
color:#666;
}

div.hr {
border:0;
height:3px;
width:91%;
margin:5px auto 5px auto;
padding:0;
background: #fff url(images/hr_bg.gif) repeat scroll center;
}
div.hr hr {
display: none;
}

/**
hr {
border:0;
height:3px;
width:100%;
margin:5px auto 5px auto;
padding:0;
}
**/

a {
text-decoration: none;
color: #ffa281;
}

a:hover {
text-decoration: underline;
}