/**************************************************************** ----- RESET ----- *******************************************************************/
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var,dl, dt, dd, ol, ul, li, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, fieldset, form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
a { outline: 0; }
strong { font-weight: bold; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
table td { padding: 0; }
caption, th, td { text-align: left; font-weight: normal; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
fieldset { border: 0; }
legend, .hide { display: none; }
ul, ul li, ol { list-style: none; }
a:focus, a img, input:focus {outline: 0 none; border: none; }
.last { margin: 0; } 
.clearfix {display: inline-block;} 
.clearleft { clear: left; }
.clearright { clear: right; }
.floatRight { float: right; display: inline; }
.floatLeft { float: left; display: inline; }
.borderImage { border: 1px solid #aca890; padding: 2px; display: block; }
.capitalize { text-transform: uppercase; }
.hTwoHdr { background-image:  url(../images/bgHeaders.jpg); text-indent: -9999px; display: block; overflow: hidden; background-repeat: no-repeat; }


div#wrapper { width: 100%; background: url(../images/bgHeader.jpg) repeat-x top left; }
body { text-align: center; font-family: Arial, Helvetica, verdana, Tahoma; background: #252525 url(../images/bgBody.jpg) repeat-x bottom left; padding-bottom: 81px; }
div#frame { width: 980px; text-align: left; margin: 0 auto; }

/***********************************************************************LEFT COLUMN***********************************************************************/
div#leftColumn { float: left; display: inline; width: 320px; }
div#leftColumn h1 { width: 295px; height: 155px; text-indent: -9999px; display: block; overflow: hidden; background: url(../images/imgLogo.jpg) no-repeat top left; }
div#leftColumn h2#hello { width: 244px; height: 68px; background-position: top left; margin-top: 35px; margin-bottom: 30px; }
div#leftColumn p { font-size: 14px; line-height: 21px; color: #fff; }
div#contactInfo { padding-top: 35px; padding-bottom: 33px; }
div#contactInfo p strong { color: #ffc907; }
div#contactInfo p { padding-bottom: 5px; }
div#myresources { width: 320px; }
div#links { float: left; display: inline; width: 110px; }
div#myresources h4 { font-size: 14px; line-height: 14px; text-transform: uppercase; color: #ffc907; font-weight: bold; }
div#myresources ul { padding-top: 8px; }
div#myresources ul li { padding-bottom: 5px; }
div#myresources ul li a { color: #fff; font-size: 14px; line-height: 18px; text-decoration: none; }
div#myresources ul li a:hover { text-decoration: underline; }
div#friends { float: left; display: inline; width: 150px; }
div#whatIcando { padding-top: 375px; padding-bottom: 243px; }
div#whatIcando h3#hdrWhat { background-position: -463px -74px; width: 194px; height: 20px; margin-bottom: 11px; }
h3#hdrHelp { background-position: -463px -99px; width: 240px; height: 25px; margin-bottom: 11px; }

/***********************************************************************RIGHT COLUMN***********************************************************************/
div#rightColumn { float: right; display: inline; width: 617px; padding-top: 52px; }
div.section { width: 617px; padding-top: 30px; }
div.sectionNav { float: right; margin-right: 41px; display: inline; padding-bottom: 19px; }
div.sectionNav ul li { float: left; display: inline;}
div.sectionNav ul li a { background-image:  url(../images/bgNavigation.jpg); text-indent: -9999px; display: block; overflow: hidden; height: 16px; }
div.sectionNav ul li a#lnkWork { background-position: left top; width: 95px; }
div.sectionNav ul li a#lnkServices { background-position: -95px 0px; width: 137px; }
div.sectionNav ul li a#lnkContact { background-position: -232px 0px; width: 115px; }
div.section#sectionWork ul li a#lnkWork, div.section ul li a#lnkWork:hover  { background-position: 0 -16px !important; }
div.sectionNav ul li a#lnkServices:hover, div.section#sectionServices ul li a#lnkServices { background-position: -95px -16px !important; }
div.sectionNav ul li a#lnkContact:hover, div.section#sectionContact ul li a#lnkContact { background-position: -232px -16px !important; }
div#sectionWork h2 { background-position: -246px 0px; width: 306px; height: 68px; float: right; margin-right: 41px; display: inline; margin-bottom: 20px; }
div#sectionServices h2 { background-position: -555px 0px; width: 472px; height: 69px; float: right; margin-right: 41px; display: inline; margin-bottom: 20px; }
div#sectionContact h2 { background-position: 0 -69px; width: 461px; height: 68px; float: right; margin-right: 41px; display: inline; margin-bottom: 20px; }
div.workHolder { width: 577px; padding-bottom: 21px; background: url(../images/bgWorkBtm.jpg) no-repeat bottom left; margin-bottom: 30px; }
div.workMid { width: 577px; background: url(../images/bgWorkMid.jpg) repeat-y top left; }
div.workTop { width: 577px; padding-top: 20px; background: url(../images/bgWorkTop.jpg) no-repeat top left; position: relative; }
div.workTop h3 { position: absolute; display: block; overflow: hidden; background-image: url(../images/hdrWork.jpg); background-repeat: no-repeat; text-indent: -9999px; }
div#web h3 { background-position: 0 0; width: 41px; height: 133px; top: 32px; z-index: 2; right: -41px; }
div#video h3 { background-position: -42px 0px; width: 41px; height: 185px; z-index: 3; top: 15px; right: -41px;  }
div#print h3 { background-position: -85px 0px; width: 38px; height: 173px; z-index: 3; top: 26px; right: -38px;}

div#servicesBtm { width: 577px; padding-bottom: 27px; background: url(../images/bgServicesBtm.jpg) no-repeat bottom left; }
div.servicesMid { width: 577px; background: url(../images/bgServicesMid.jpg) repeat-y top left; }
div.servicesTop { width: 577px; padding-top: 20px; background: url(../images/bgServicesTop.jpg) no-repeat top left; }
div.servicesTop ul { padding-left: 20px; }
div.servicesTop ul li { background: url(../images/bgLi.jpg) no-repeat 0 12px; padding-left: 20px; font-size: 14px; color: #252525; padding-bottom: 10px; }
div.servicesTop ul li strong { display: block; font-size: 30px; color: #fff; }

div#contact { width: 577px; padding-bottom: 21px; background: url(../images/bgContactBtm.jpg) no-repeat bottom left; }
div.contactMid { width: 577px; background: url(../images/bgContactMid.jpg) repeat-y top left; }
div.contactTop { width: 577px; padding-top: 20px; background: url(../images/bgContactTop.jpg) no-repeat top left; }
div.double { width: 540px; margin-left: 21px; padding-bottom: 10px; }
div.double div.formrow2#leftDouble { width: 272px !important; float: left; display: inline; }
div.double div.formrow2#rightDouble { width: 264px !important; float: right; display: inline; }
div.formrow { width: 540px; margin-left: 21px; }
div.formrow div.label, div.formrow2 div.label { font-size: 30px; font-weight: bold; color: #fff; }
div.formrow div.textbox, div.formrow2 div.textbox { padding-top: 4px; }
div.formrow2 div.textbox input { background: #fff; color: #252525; padding: 7px 5px; display: block; vertical-align: middle; font-family: arial; font-weight: bold; border: 0; width: 253px; }
div.formrow2 div.textbox input.error { background: #a35656; color: #fff !important; }
div.formrow textarea { width: 540px; height: 290px !importnat; background: #fff; color: #252525; font-family: arial; font-weight: bold; border: 0;  }
div#submit { width: 577px; text-align: right; }
div#submit input { width: 179px; height: 40px; border: 0; text-indent: -9999px; display: block; overflow: hidden; cursor: pointer; background: url(../images/btnSend.jpg) no-repeat top left; margin: 0 0 0 auto; }
div#messageInfo p { font-size: 15px; line-height: 21px; font-weight: bold; color: #000; }


/*********************************
Carousel
**********************************/
div.thumbnail div.carousel { width: 8000px; position: relative; }
div.thumbnail { width: 540px; margin-left: 18px; overflow: hidden; height: 175px; position: relative; }
div.thumbnail img { float: left; display: inline; margin-right: 10px; width: 175px; height: 175px; display: block; overflow: hidden; }