/**********************************
 * GENERAL LAYOUT SETUP
 **********************************/
body{margin:0; padding:0; background-image:url(../images/bg_gradient.jpg); background-repeat:repeat-x; background-color:#eae9e7; color:#333333; font-family:Arial, Verdana, Helvetica, sans-serif;  }
/* container: holds grey background gradient and helps center everything */
#container{text-align:center; padding:23px 0 2em 0}
/* page: everything that is centered */
#page{width:753px; background-color:#fff; text-align:left; margin-left:auto; margin-right:auto; background-image:url(../images/bg_page.jpg); background-position:top left; background-repeat:repeat-y}
.break, .spaceBreak{clear:both; height:0px; margin:-2px 0 0 0; font-size: 0px;}
.spaceBreak{height:10px;}
.visibleBreak{clear:both; height:1px; margin:-1px 0 0 0; font-size: 1px;}
img{border:none;}
.alert{color:#FFCC33;}
#leftShadow{float:left; height:239px; width:5px; font-size: 1px; background-image:url(../images/bg_shadow_left_top.jpg); background-repeat:no-repeat; background-position:top left;}
#rightShadow{float:left; height:239px; width:8px; font-size: 1px; background-image:url(../images/bg_shadow_right_top.jpg); background-repeat:no-repeat; background-position:top right;}
#middle{float:left; width:740px; }
/*.gradientBox{border:2px solid #fff; background-image:url(../images/bg_caseStudy.jpg); background-color:#dedede; background-position:top; background-repeat:repeat-x;}*/

.gradientBox{padding:28px 0 0 0; background-color:#f5f4f5; background-image:url(../images/gradientBox_top.jpg); background-position:top; background-repeat:repeat-x; border:2px solid #fff; border-bottom:none;}
.gradientBoxBottom{background-image:url(../images/gradientBox_bottom.jpg); background-position:top; background-repeat:repeat-x; border:2px solid #fff; height:25px; border-top:none;}

/**********************************
 * GENERAL FONT
 **********************************/
p, ul, ol, label, input, dl, table{font-size:75%;}
ul ul, dl ul, table p, table ul, table ol{font-size:100%;}
a{color:#cc0000; text-decoration:none;}
a:hover{text-decoration:underline}
#mainArea th, #mainArea td{padding:0.5em; vertical-align:top; border-top:1px solid #000; border-right:1px solid #000; }
#mainArea table{border-bottom:1px solid #000; border-left:1px solid #000; }

/**********************************
 * BANNER AREA
 **********************************/

#banner{padding:10px 3px 20px 28px; background-color:#fff;}
#login{margin:0; padding:35px 29px 0 0; text-align:right;}
#banner ul{float:right; width:120px; margin:10px 22px 0 0; padding:0; list-style:none}
#banner li{float:left; margin:0; padding:0 4px 0 4px; list-style:none; border-right:1px solid #c2c2c2}
#banner li.end{ padding:0 0 0 4px; border-right:none;}

/*
* #banner{padding:10px 22px 10px 28px; background-color:#fff;}
* #login{margin:0; padding:20px 30px 0 0; text-align:right;}
* #banner ul{float:right; width:120px; margin:0; padding:0; list-style:none}
* #banner li{float:left; margin:0; padding:0 4px 0 4px; list-style:none; border-right:1px solid #c2c2c2}
* #banner li.end{ padding:0 0 0 4px; border-right:none;}
*/

/**********************************
 * PRIMARY MENU
 **********************************/
#primaryNav{margin:0 0 0 120px; padding:0 80px 0 0; list-style:none; background-color:#fff;}
#primaryNav li{margin:.3em 10px 0 0; padding:.2em 1px 12px 1px; list-style:none; text-align:center; float:left; font-size:100%; padding-left:0; }
#primaryNav a{color:#000; padding:0.3em 0 0.3em 0; text-decoration:none; border:1px solid #afafaf; display:block; text-transform:uppercase}
#primaryNav a:hover, #primaryNav li.highlighted a{background-color:#e4e4e4;}
#primaryNav li.highlighted{background-image:url(../images/primary_bottom.gif); background-position:bottom; background-repeat:no-repeat}
#primaryNav a.home{width:54px}
#primaryNav a.what{width:99px}
#primaryNav a.how{width:112px}
#primaryNav a.work{width:86px}
#primaryNav a.contact{width:95px}


/**********************************
 * FOOTER
 **********************************/
#footer{padding:22px 92px 0 90px; color:#000; margin:28px 8px 0 4px; min-height:251px; background-color:#b1b1b1;  background-image:url(../images/bg_footer_new.jpg); background-position:top left; background-repeat:repeat-x}
#footer p{margin:1em 0 1em 0; padding:0 0 0 0;}
#footer dl{float:left; width:185px;}
#footer dt{margin:0 0 0 0; padding:0 0 .6em 0; font-weight:bold}
#footer dd{margin:0 0 0 0; padding:0 0 0 0}
#footer ul{list-style:none; margin:0; padding:0;}
#footer li{list-style:none; margin:0; padding:0;}
#footer a{color:#000;}