HTML {height: 100%;
/* Always show scrollbars in FF */
overflow-y: scroll;
/*overflow: -moz-scrollbars-vertical;
overflow-x: auto;*/
}

body {background:#4F5153 url('../images/bg.gif') top repeat-x; height: 100%; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 17px;text-align: left; color: #4B4040; margin:0;}

a {color: #000; text-decoration: underline}
a:hover {color: #788DB6; text-decoration: underline}

a.index {color: #FFFFFF; text-decoration: none}
a.index:hover {color: #000000; text-decoration: none}

a.thumbs {border: 12px solid #DEDBCA; }
a.thumbs:hover {border: 12px solid #948C7E;}

.hide {DISPLAY: none}

#Left {float: left; width:200px; margin-left: 30px; margin-right: 12px; margin-top:30px; margin-bottom:30px}
#Right {float: right; width:450px}
#Footer {clear:both}

hr {height:1px; color:#333333; background-color:#333333; border:0px}

td {font-size: 12px; line-height: 17px;}

.featured_text {padding-bottom: 40px;}

/* Top menu */
#menuarea {height:130px; background: url('../images/bg5.gif') no-repeat top center;}
#sliderarea {height:45px; background: #5F6265; width: 650px; margin: 0 auto 0 auto; text-align: left;}
#davidkopulos {margin: 0; padding:0; position:absolute; top:13px; height:21px;}
#menu {background: url('../images/bg3.gif') repeat-x; margin: 0 auto 0 auto;  padding:0; height: 85px; width: 650px;}
#menu li {list-style-type: none; float: left; height: 85px;}
#menu li a {text-decoration: none; font-size: 1.2em; color: #fff; width: 64px; margin: 20px; padding: 10px 0; text-align: center; display:block;}
#menu li a:hover {background: url('../images/bg4.gif') no-repeat top left #7C7978; margin: 20px; border-bottom: 1px solid #dedbca;}
#menu #current {border-top: 1px solid #fff; border-left: 1px solid #ECE9DF; height: 84px; background: #dedbca;}
#menu #current a {color: #000; font-size: 2.5em; padding-top: 31px; width: 126px; margin:0; background: none;}
#menu #current a:hover {background: none; margin: 0; border:none;}
#menu .before {background: url('../images/before.gif') no-repeat right;}
#menu .after {background: url('../images/after.gif') no-repeat left;}

/* Main content area */
#contentarea_wrapper {padding-bottom: 10px; background: #C3C0B1 url('../images/contentarea_bg.gif') center repeat-y; width:100%;}
#contentarea {width: 650px; text-align: left; margin: 0 auto 0 auto; padding: 25px 0 25px 0;}
#subcontentarea {width: 650px;  background: url('../images/bg9.jpg') no-repeat top center; text-align: left; padding: 45px 150px 45px 150px; margin: 0 auto 0 auto;}

/* Footer area */
#bufferarea_wrapper {height: 20px; border-bottom: 1px solid #C4C1BA; background: #989285 url('../images/bottomarea_bg.gif') top center no-repeat; width:100%;}
#bottomarea_wrapper {padding: 10px 0 15px 0; border-top: 1px solid #4F5153; background: url('../images/bottomarea_bg2.gif') center repeat-y; width:100%;}
#bottomarea {font-size: 0.85em; color: #C3C0B1; width: 650px; text-align: center; margin: 0 auto 0 auto;}
#bottomarea a, #bottomarea a:visited, #bottomarea a:active {color: #fff;}
#bottomarea a:hover {color: #000;}
#bottomarea p {margin:0; padding: 2px;}

/* Opacity for Accordion images on mouseover */
.opac:hover {filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;}

/* Clearfix */
.clearfix:after {content: ".";display: block; height: 0;clear: both; visibility: hidden;}
.clearfix {display: inline-block;}/* for IE/Mac */

/* What's New Featured Content */
/* Wrapper */
.featured_wrapper {width: 650px; margin-bottom: 10px;}
/*Buttons*/
.button {color: #000; margin-left: 2px; padding: 3px 5px; text-decoration:none; background: #9D9889;} 
.button:hover {color: #000; text-decoration:none; background: #fff;}
.button.selected {color: #000; text-decoration:none; background: #DEDBCA;}
/*Image area */
.featured_contentwrapper{position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 650px; height: 280px; float:right; }
.featured_contentwrapper2{position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ width: 650px; height: 430px; float:right; }
.contentdiv {visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0;  /*leave as is*/ top: 0;  /*leave as is*/ width: 650px; height: 280px; line-height: 1.5em; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; z-index:88;}
/*Grey text box */
.featured_content {position:relative; top: -75px; left: 0px; z-index: 1; background: url('../images/featured_greybar.png') no-repeat top right; padding: 22px 30px 30px 15px; overflow-y: auto; display:inline;}
.featured_content a, .featured_content a:active, .featured_content a:visited {color: #000; text-decoration: none;}
.featured_content a:hover {color: #fff; text-decoration: none;}

/* Contact Page */
#email_altcontent {height: 300px;}

/* Lists */
ul {padding: 10px; margin: 5px; list-style-position: outside; list-style-type: disc;}
ul li {margin-bottom: 10px;}

/* Quotations */
blockquote {background: url('../images/curly.gif') no-repeat; height: 110px; margin: 7px 30px 15px 15px; padding: 28px 0 2px 5px; font-style:italic}
blockquote div {font-weight:bold}

/* Older Clear:Both */
.clearboth25 {clear: both; height: 25px;}
.clearboth1 {clear: both; height: 1px;}

/* Headings */
h2 {background:#4F5153; width:633px; margin:25px 0 10px 0; padding: 8px 7px 8px 10px; font-weight: normal; font-size:1em; color: #fff; line-height: 1.5em; clear:both;}
h3 {font-weight: bold;font-size: 12px;}
a.photoh3 {text-decoration: none; color: #4B4040;}
a.photoh3:hover {text-decoration: none; color: #4B4040;}

/* Home Page */
.column {margin-bottom: 20px; width: 312px; margin-right: 25px; float: left;}
.column2 {width: 312px; float: right;}
.column3 {padding-left: 25px; padding-top:25px; padding-bottom: 25px; width: 650px;}
#floatright {width: 200px; text-align: left; float:right; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; margin-top: 40px; margin-left: 10px; margin-bottom: 10px;background: #CAC6B1;}

/* Essays */
.column5 {padding: 25px 75px 25px 25px; width: 600px;}

/* Design page 'Other clients'  */
.column4 {float:left; width: 200px; padding-right: 15px;}

/* Accordion */
.accordion_holder {width:324px;float:left;}
.accordion_outer_holder {padding-bottom: 40px;}
.acc_tog {width: 323px; background: #C2BEAA; border-right: 1px solid #DEDBCA; cursor: pointer; margin: 0;}
.acc_tog h3 {border-bottom: 1px solid #DEDBCA; border-top: 1px solid #DEDBCA; background: url('../images/accordion_toggle_background.gif') repeat-x bottom; font-weight: bold; font-size: 12px; padding-left: 20px; padding-top: 18px; padding-bottom: 18px; margin:0;}
.acc_tog h3:hover {background: #C2BEAA;}
.header_highlight h3 {border-bottom: 0; border-top: 1px solid #DEDBCA; background:#D0CCB8;}
#basic-accordian img {cursor: pointer;}
.acc_con {padding:0; background: #D0CCB8 url('../images/accordion_background.gif') repeat-x bottom; border-bottom: 1px solid #DEDBCA;border-right: 1px solid #DEDBCA; width: 323px; margin-bottom: 25px;}
.acc_con p {padding-left: 20px;padding-right: 20px;padding-bottom: 20px; margin:0}
.acc_con td {width:53px; height:53px; border-bottom: 1px solid #DEDBCA; border-right: 1px solid #DEDBCA; background: #C2BEAA;}
.acc_con table {border-top: 1px solid #DEDBCA; margin-bottom:15px;}
.tdright {border-bottom: 1px solid #DEDBCA; background: #C1BDA9;}

/* Index page number slider */
#DHTMLgoodies_largeImage {display:none;}
#window_outer_wrapper {overflow:hidden;/*mandatory*/ width: 295px; height:21px; position:relative;/*mandatory*/ float:left; margin: 0 10px;}
#window_wrapper {position:relative;/*mandatory*/ width:2000px;}
.window {padding: 0 2px; position:absolute;}
.window img {border:0px;padding:5px;}
.leftArrow {float:left;}
.rightArrow {float:left;}