/* body attributes */
html {padding: 0; margin: 0;}
body {margin: 0; padding: 0; font: 100% verdana, arial, helvetica, sans-serif; font-weight: normal; color: #dedede; background: #282423 url(../images/bg_main.gif) repeat-x; text-align: center;}
img {border: 0; margin: 0; padding: 0;}
.red {color: #f33;}

/* Page */
#pageholder {width: 700px; padding: 0; margin: 0 auto;}

/* Top Bar */
#top {height: 100px; width: 700px; margin: 0; padding:0; text-align:center; font-size: 90%; font-weight: bold; text-transform: uppercase;}
#top ul {margin: 0; padding: 40px 0 0 0; text-align: right;}
#top li {list-style: none; display: inline; margin:0; padding:0;}

.tab a.About {float: right; height:40px; width:123px; background: url(../images/tab_about.gif) no-repeat; margin: 0; padding: 0;}
.tab a.About:hover {background-position:0 -40px;}
.tab a.Services {float: right; height:40px; width:123px; background: url(../images/tab_service.gif) no-repeat; margin: 0; padding: 0;}
.tab a.Services:hover {background-position:0 -40px;}
.tab a.Case {float: right; height:40px; width:123px; background: url(../images/tab_case.gif) no-repeat; margin: 0; padding: 0;}
.tab a.Case:hover {background-position:0 -40px;}
.tab a.Contact {float: right; height:40px; width:123px; background: url(../images/tab_contact.gif) no-repeat; margin: 0; padding: 0;}
.tab a.Contact:hover {background-position:0 -40px;}

/* Left */
#left {width: 160px; text-align: left; margin: 0; padding: 0; float:left;}

/* Content */
#content {width: 540px; text-align: left; margin: 10px 0 50px 0; padding: 0; float:right;}
#content p {font-size: 80%; color: #dedede; text-decoration: none; padding: 10px 20px; margin: 0;}
#content h1 {font-size: 110%; font-weight: bold; margin: 10px 0 0 20px; color: #f33; padding: 0; text-transform: uppercase; border-bottom: 1px solid #333;}
#content h2 {font-size: 90%; font-weight: bold; margin: 10px 20px 0 20px; color: #f33; padding: 0;}

#content ul {font-size: 80%; list-style: none; margin: 0 0 0 70px; padding: 0; line-height: 150%;}
#content li {background: url(../images/li_content.gif) no-repeat 0 8px; padding:2px 0 2px 10px; margin: 0;}
#content a {color: #f33; text-decoration: none;}
#content a:hover {color: #c33;}

/* Footer */
#footer {margin: 0; padding: 0; width: 100%; height: 60px; clear: both; background: url(../images/bg_footer.gif) repeat-x;}
#footer p {color: #333; margin: 0; padding: 30px 0 0 0; font-size: 75%; text-align: center;}
#footer a {color: #f33; text-decoration: none; padding: 0 5px;}
#footer a:hover	{color: #c33;}