body {  margin: 0; padding: 0; font-family: Verdana, Arial, San-Serif; font-size: 11px; color: #000; text-align: center; }
img { border: 0; }
a { color: #1a52ae; text-decoration: underline; }
a:hover { color: #4c7ed0; text-decoration: none; }
.clear { clear: both; }
p { margin: 0; padding: 0.6em 0; }

div#container-outter { margin: 0 auto; text-align: left; background: url(../assets/container-bg.gif) repeat-y; width: 818px; }
div#container { margin: 0 auto; text-align: left; width: 810px; }

/* Header */
div#header h1 { margin: 0; padding: 0; width: 271px; height: 74px; }
div#header h1 a { display: block; background: url(../assets/logo.gif) no-repeat; width: 271px; height: 74px; text-indent: -9000em; overflow: hidden; }

/* Header Navigation */
div#nav { background: url(../assets/nav-bg.gif); width: 810px; height: 72px; }
div#nav ul { margin: 0 0 0 15px; padding: 0; list-style: none; }
div#nav ul li { float: left; }
div#nav ul li a { display: block; height: 72px; text-indent: -9000em; overflow: hidden; text-decoration: none; }
div#nav ul li a.home-btn { background: url(../assets/home-btn.gif) no-repeat; width: 73px; }
div#nav ul li a.aboutus-btn { background: url(../assets/aboutus-btn.gif) no-repeat; width: 87px; }
div#nav ul li a.services-btn { background: url(../assets/services-btn.gif) no-repeat; width: 86px; }
div#nav ul li a.portfolio-btn { background: url(../assets/portfolio-btn.gif) no-repeat; width: 102px; }
div#nav ul li a.contactus-btn { background: url(../assets/contactus-btn.gif) no-repeat; width: 111px; }
div#nav ul li a:hover { background-position: bottom; }

/* Banner */
div#banner h1 { display: block; background: url(../assets/banner.jpg) no-repeat; margin: 0; padding: 0; width: 810px; height: 197px; text-indent: -9000em; overflow: hidden; }

/* Content Area */
div#content { height: 1%; padding: 20px 0 10px 0; }
/* 'Left' use to be #body */
div#content div.left { float: left; margin-left: 15px; width: 55%; }
/* Titles */
div#content h2.title-home { background: url(../assets/header.gif) no-repeat; margin: 0 0 8px 0; padding: 0; width: 154px; height: 26px; text-indent: -9000em; overflow: hidden; }
div#content h2.title-aboutus { background: url(../assets/aboutus_header.gif) no-repeat; margin: 0; padding: 0; width: 97px; height: 26px; text-indent: -9000em; overflow: hidden; }
div#content h2.title-portfolio { background: url(../assets/portfolio_header.gif) no-repeat; margin: 0 0 15px 23px; padding: 0; width: 88px; height: 26px; text-indent: -9000em; overflow: hidden; }
div#content h2.title-services { background: url(../assets/servicepage_header.gif) no-repeat; margin: 0 0 15px 15px; padding: 0; width: 74px; height: 26px; text-indent: -9000em; overflow: hidden; }
div#content h2.title-contactus { background: url(../assets/contactus_header.gif) no-repeat; margin: 0 0 15px 15px; padding: 0; width: 116px; height: 26px; text-indent: -9000em; overflow: hidden; }
/* 'Right' Services */
div#content div.services { float: right; width: 308px; margin-right: 15px; }
div#content div.services h1 { display: block; background: url(../assets/service_header.jpg) no-repeat; margin: 0; padding: 0; height: 57px; text-indent: -9000em; overflow: hidden; }
div#content div.services ul { margin: 0; padding: 0; list-style: none; }
div#content div.services ul li { }
div#content div.services ul li a { display: block; width: 308px; text-indent: -9000em; overflow: hidden; text-decoration: none; }
div#content div.services ul li a.web-btn { background: url(../assets/service_webdes.jpg) no-repeat; height: 69px; }
div#content div.services ul li a.corp-btn { background: url(../assets/service_corpident.jpg) no-repeat; height: 71px; }
div#content div.services ul li a.graphic-btn { background: url(../assets/service_graphdes.jpg) no-repeat; height: 85px; }
div#content div.services ul li a:hover { background-position: bottom; }

/* Lower Navigation */
div#lowernav { margin: 0 auto; background: url(../assets/lowernav-bg.gif) no-repeat bottom; width: 818px; height: 63px; }
div#lowernav .left { float: left; padding: 20px 0 0 10px; width: 48%; }
div#lowernav ul { margin: 0; padding: 0; list-style: none; }
div#lowernav ul li { float: left; }
div#lowernav ul li.dot { padding: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: center; }
div#lowernav ul li a { display: block; height: 16px; text-indent: -9000em; overflow: hidden; text-decoration: none; }
div#lowernav ul li a.bottom-home { background: url(../assets/bottom_home.gif) no-repeat; width: 48px; }
div#lowernav ul li a.bottom-aboutus { background: url(../assets/bottom_aboutus.gif) no-repeat; width: 68px; }
div#lowernav ul li a.bottom-services { background: url(../assets/bottom_services.gif) no-repeat; width: 62px; }
div#lowernav ul li a.bottom-portfolio { background: url(../assets/bottom_portfolio.gif) no-repeat; width: 74px; }
div#lowernav ul li a.bottom-contactus { background: url(../assets/bottom_contactus.gif) no-repeat; width: 92px; }
div#lowernav .right { float: right; margin-right: 20px; background: url(../assets/copyright.gif) no-repeat bottom right; width: 35%; height: 35px; }

/*portfolio-main */
div#content div.portfoliolinks { width: 650px; margin-left: 95px; }
div#content div.portfoliolinks ul { margin: 0; padding: 0; list-style: none; }
div#content div.portfoliolinks ul li { float: left; padding: 2px; }
div#content div.portfoliolinks ul li a { display: block; border: 1px solid #e5a573; }
div#content div.portfoliolinks ul li a:hover { border: 1px solid #333; }

/* Portfolio */
.projTitle { margin: 0 0 0 23px; padding: 8px 0; font-size: 15px; }
.projtask { margin: 0; padding: 8px 0; font-size: 12px; }
/* 'leftimg' */
div#content div.leftimg { float: left; width: 444px; margin-left: 23px; }
div#content div.leftimg img { border: 1px solid #e5a573; }
/* 'rightimg' */
div#content div.rightimg { float: left; width: 90px; margin-left: 10px; }
div#content div.rightimg ul { margin: 0; padding: 0; list-style: none; }
div#content div.rightimg ul li { float: left; padding: 2px; }
div#content div.rightimg ul li a { display: block; border: 1px solid #e5a573; }
div#content div.rightimg ul li a:hover { border: 1px solid #333; }
/* right */
div#content div.righttext { float: left; width: 180px; }
div#content div.righttext ul { margin: 0; padding: 0; list-style: none; }
div#content div.righttext ul li { padding: 6px; border-bottom: 1px solid #ddd; }

/* aboutus */
div#content div.benefits { float: right; margin-right: 10px; background: url(../assets/aboutus_benefits.gif) no-repeat; width: 285px; height: 215px; text-indent: -9000em; overflow: hidden; }
div#content div.benefits ul { margin: 0; padding: 0; }

/* services */
div#content div.serviceheaders { padding: 0 0 0 20px; }
div#content div.serviceheaders ul { margin: 0; padding: 0; list-style: none; }
div#content div.serviceheaders ul li { float: left; padding: 0 15px 0 15px; }
div#content div.serviceheaders ul li h2.title-web { margin: 0; padding: 0; background: url(../assets/webdesign_header.jpg) no-repeat; width: 225px; height: 65px; text-indent: -9000em; overflow: hidden; }
div#content div.serviceheaders ul li h2.title-corporate { margin: 0; padding: 0; background: url(../assets/corpident_header.jpg) no-repeat; width: 225px; height: 65px; text-indent: -9000em; overflow: hidden; }
div#content div.serviceheaders ul li h2.title-graphic { margin: 0; padding: 0; background: url(../assets/graphicdesign_header.jpg) no-repeat; width: 225px; height: 65px; text-indent: -9000em; overflow: hidden; }

/* service content */
div#content div.servicecontent { float: left; padding: 0 0 0 45px; margin: 0; }
div#content div.servicecontent p { float:left; width: 175px; padding: 0 15px 15px 15px; margin: 0; }
div#content div.servicecontent p.corpident { float:left; width: 175px; padding: 0 50px 15px 60px; margin: 0; }
div#content div.servicecontent p.graphdes { float:left; width: 175px; padding: 0 0 15px 35px; margin: 0; }

/* forms */
.txt { padding: 6px; border: 1px solid #afb554; background: url(../assets/input_bg.gif) repeat-x bottom; width: 160px; }
textarea { padding: 6px; border: 1px solid #afb554; background: url(../assets/input_bg.gif) repeat-x bottom; font-family: verdana; font-size: 11px; width: 160px; height: 100px; }
input { padding: 6px; font-size: 11px; }
form { margin-left: 35px; }

/* contact us */
div.addcontact { float: left; padding-left: 30px; }