html { overflow-y: scroll; margin: 0px; background: #E7E7E7; }
body { margin: 0px; background: #E7E7E7 url("../images/body-bk.jpg"); background-repeat: repeat-x; font-family: Verdana, Arial, sans-serif; }

#wrapper { margin: 0; }
#main { padding: 10px; width: 960px; max-width: 960px; min-width: 300px; margin: 0 auto; text-align: left; background-color: #FFF; margin-left: auto;margin-right: auto;}
#main { border: 1px solid #000066; border-top: 8px solid #000066; }

#header { float: left; width: 100%; }
#header #logo { float: left; width: 50%; }
#header #hd-content { float: right; }
#header #logo h1 { display: none; }
#header #logo { background: transparent url('../images/logo.gif') no-repeat top left; height: 80px; }

#intro { float: left; width: 100%; }
#intro #pen-pic { float: left; width: 220px; }
#intro #pen-pic {  background: transparent url('../images/jamiecox-freelance-developer.jpg') no-repeat top left; height: 200px; }
#intro #intro-content { float: left; width: 490px; }
#intro #intro-content h2, #intro #more-info h2  { margin-top: 8px; }
#intro #intro-content .teksidia, #intro #intro-content .me-intro { float: left; width: 478px; height: 60px; }
#intro #intro-content .me-intro { height: 110px; }
#intro #more-info { float: left; width: 200px; }
#intro #more-info .contact { float: left; width: 250px; height: 60px; }
#intro #more-info .contact h2 { padding-left: 58px; margin-left: 20px; font-size: 1.4em; padding-top: 0px; background: transparent url("../images/old_phone.png") no-repeat; background-position: 0 3px; height: 40px; }
#intro #more-info .contact p { margin: -40px 0 0 80px; }
#intro #more-info .availability { float: left; width: 250px; height: 127px; background: transparent url('../images/avail-bk.jpg') repeat-x; }
#intro #more-info .availability h2 { padding-left: 75px; margin-left: 4px; font-size: 1.4em; color: #000066; background: transparent url("../images/calendar_date.png") no-repeat; height: 70px; }
#intro #more-info .availability p { padding: 0 5px 0 5px; margin: -60px 0 0 75px; line-height: 23px; }
#intro #more-info .availability .avail-date { display: block; font-weight: bold; }
#contact-blurb p { background: #FFF url('../images/next.png') no-repeat; padding-left: 20px; margin-left: 20px; }

#main-content { float: left; width: 100%; }
#main-content #tabs { width: 690px; float: left; }
#main-content #tabs .tab-blurb { height: 250px; overflow: auto; }
#main-content #tabs .tab-blurb li { padding-bottom: 20px; list-style-type: none; list-style-image: none; background-image: url('../images/accept.png'); padding-left: 35px; background-repeat: no-repeat; background-position: 0em 0.1em; }
#main-content #tabs .tab-blurb .skill-box { float: left; width: 285px; padding: 10px; }
#main-content #tabs .tab-blurb .skill-box h3 { margin: 5px 0 8px 0; }
#main-content #tabs .tab-blurb .skill-box ul { margin: 3px 0 0 5px; }
#main-content #tabs .tab-blurb .skill-box li { padding-bottom: 3px; list-style-type: none; list-style-image: none; background-image: url('../images/accept_small.png'); padding-left: 20px; background-repeat: no-repeat; background-position: 0em 0.1em; }
#main-content #tabs .tab-blurb .reference { margin-top: -15px; display: block; font-size:.8em; line-height: 25px; }
#main-content #tabs .tab-blurb .benefit { font-size: 1.1em; color: #000066; font-weight: bold; }
#main-content #case-studies { width: 250px; height: 306px; margin-left : 10px; float: left; text-align: center; }
#main-content #case-studies h2 { color: #FFF; height: 28px; margin: 3px 3px 20px 3px; text-align:left; padding: 6px 0 0 6px; font-size: 1.4em; }
#main-content img { padding-bottom: 20px; }

#footer { padding: 5px 10px 5px 10px; width: 960px; height: 40px; max-width: 960px; min-width: 300px; margin: 0 auto; text-align: left; margin-left: auto; margin-right: auto;  border-left: 1px solid #000066;  border-right: 1px solid #000066; border-bottom: 1px solid #000066;}
#footer { background: #95a1cf url('../images/footer-bk.jpg') no-repeat top left; }
#footer p { color: #FFF; font-size: .8em; margin-top: 15px; }

.ui-tabs { height: 300px; }
.ui-widget { font-size: 1em; }
.ui-widget-header { color: #FFF; }
.ui-dialog .ui-dialog-titlebar-close { display: none; } 

.arrow-link { background-image:url('../images/arrow1.gif'); background-repeat: no-repeat; background-position: 0 4px; padding: 2px 0 0 18px; margin: 10px 0px 20px 0px; display: block; height: 30px; }
.standout { font-weight: bold; color: #000; font-size:1.1em; }