@charset "UTF-8";

/* Reset */
html,body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,ul,blockquote,fieldset,input { margin: 0px; padding: 0px; }

/* Global tags */
body { line-height: 20px; background-color: #E5E5E5; font-family: Geneva, Arial, Verdana, sans-serif; font-size: 12px; color: #000000; }
p { padding-bottom: 20px; }
ul { padding-left: 20px; line-height: 25px; padding-top: 10px; margin-bottom: 10px; }

/* Structural layout divs */
#mainWrapper { overflow: hidden; margin: 0 auto; width: 1000px; position: relative; background-color: #FFFFFF; }
#pageOutline { clear: both; float: left; width: 950px; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; padding-top: 20px; background-color: #FFFFFF; }
#header { clear: both; float: left; background: url(../images/layout/header.png) no-repeat top left; height: 125px; width: 950px; }
#logo { padding-left: 12px; }
#menu { clear: both; float: left; width: 950px; height: 43px; margin-bottom: 20px; background: url(../images/layout/nav/nav_bg.png) no-repeat top left; }

#breadcrumb { float: left; width: 460px; height: 25px; padding-top: 5px; padding-left: 15px; margin-bottom: 20px; }
#breadcrumb span { padding: 0 0 0 10px; background: url(../images/layout/breadcrumb_arrow.png) no-repeat center center; }
#breadcrumb span span { visibility: hidden; }

#subMenu { float: right; height: 25px; padding-top: 5px; margin-bottom: 20px; }
#subMenu a { display: inline; position: relative; padding: 10px; font-size: 11pt; }
#subMenu a:link { color: #999999; text-decoration: none; font-weight: normal; }
#subMenu a:visited { color: #999999; text-decoration: none; font-weight: normal; }
#subMenu a:hover { color: #999999; text-decoration: none; font-weight: normal; background-color: #E5E5E5; }
#subMenu a.current { background-color: #E5E5E5; }

#pageContent { clear: both; float: left; width: 930px; padding: 10px; background: url(../images/layout/pageBorder_mid.png) repeat-y top left; }
#pageContent_top { clear: both; float: left; width: 950px; height: 18px; background: url(../images/layout/pageBorder_top.png) no-repeat top left; }
#pageContent_bottom { clear: both; float: left; width: 950px; height: 18px; background: url(../images/layout/pageBorder_bottom.png) no-repeat top left; }

#homeBanner { width: 850px; height: 170px; background: url(../images/home/home_banner.png) no-repeat top left; margin: 0 auto; }
#webdesignBanner { width: 850px; height: 170px; background: url(../images/portfolio/webdesign_banner.png) no-repeat top left; margin: 0 auto; }
#flashBanner { width: 850px; height: 170px; background: url(../images/portfolio/flash_banner.png) no-repeat top left; margin: 0 auto; }
#ecommerceBanner { width: 850px; height: 170px; background: url(../images/portfolio/ecommerce_banner.png) no-repeat top left; margin: 0 auto; }
#blogsBanner { width: 850px; height: 170px; background: url(../images/portfolio/blogs_banner.png) no-repeat top left; margin: 0 auto; }
#websystemsBanner { width: 850px; height: 170px; background: url(../images/portfolio/websystems_banner.png) no-repeat top left; margin: 0 auto; }
#servicesBanner { width: 850px; height: 170px; background: url(../images/services/services_banner.png) no-repeat top left; margin: 0 auto; }
#contactBanner { width: 850px; height: 170px; background: url(../images/contact/contact_banner.png) no-repeat top left; margin: 0 auto; }

#mainBody { padding-left: 35px; padding-right: 35px; padding-bottom: 10px; padding-top: 20px; float: left; width: 860px; }
#bodySeparator { width: 930px; height: 5px; background-color: #E5E5E5; margin-bottom: 15px; }

.portfolioImage { margin-left: 30px; margin-bottom: 5px; clear: both; float: right; }
.tickBullets { list-style: url(../images/tick.png); padding-left: 20px; padding-bottom: 10px; }
.nextBut { margin: 0 auto; float: left; padding-top: 10px; }

#footer { clear: left; width: 950px; padding-top: 30px; }
#footerCol1 { float: left; width: 200px; text-align: left; }
#footerCol2 { float: left; width: 550px; }
#footerCol3 { float: right; width: 200px; text-align: right; }

/* 3 columns */
#col3_left { float: left; width: 200px; }
#col3_middle { float: left; width: 450px; }
#col3_right { float: right; width: 200px; }

/* 2 columns */
#col2left { float: left; width: 48%; }
#col2right { float: right; width: 48%; }

/* Fonts */
.headerFont { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #666666; }
.subheaderFont { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #999999; }
.mediumFont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }
.bodyFont { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.footerFont { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.errFont { color: #990000; }
.completeFont { color: #009900; }

/* Links */
a:link { color: #224367; text-decoration: none; font-weight: normal; }
a:visited {	color: #224367;	text-decoration: none; font-weight: normal; }
a:hover { text-decoration: underline; color: #000000; font-weight: normal; }

/* Form elements */
.customInput { height: 25px; font-size: 12px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #CCCCCC; }
.customTextarea { font-size: 12px; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #CCCCCC; }