body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:15px; }
input, form, td, tr, table, ul, li, h1, h2, h3 { margin:0; padding:0; list-style:none; }
h1 { text-indent:-9999px }

a { outline:none; }

#mainContainer { width:960px; margin:auto; margin-top:40px; position:relative; }
#header { height:300px; }
.logo { width:331px; height:57px; position:absolute; margin:100px 0 0 0; background:url(../img/spriteGlobal.png) no-repeat 0 0; z-index:10; }
.logo a { width:331px; height:57px; display:block; }
.mainImageHome { position:absolute; margin:0 0 0 325px; z-index:3; }
.mainImageServices { position:absolute; margin:0 0 0 340px; z-index:3; }
.mainImageContact { position:absolute; margin:5px 0 0 340px; z-index:3; }
.mainImagePort { position:absolute; margin:5px 0 0 360px; z-index:3; }
.descriptionHeader { width:290px; position:absolute; margin:0 0 0 670px; z-index:9; }
.descriptionHeader .titleHome { width:267px; height:23px; background:url(../img/spriteGlobal.png) no-repeat 0 -676px; }
.descriptionHeader .titleServices { width:267px; height:28px; background:url(../img/spriteGlobal.png) no-repeat 0 -715px; }
.descriptionHeader .titleContact { width:125px; height:28px; background:url(../img/spriteGlobal.png) no-repeat 0 -802px; margin:50px 0 0 0; }
.descriptionHeader .titlePort { width:136px; height:28px; background:url(../img/spriteGlobal.png) no-repeat 0 -759px; margin:50px 0 0 0; }

.navRowContainer { width:100%; height:37px; margin:240px 0 0 0; background:url(../img/spriteGlobal.png) repeat-x 0 -208px; position:absolute; z-index:7 }
.navRowContainer .navContainer ul { width:414px; }
.navRowContainer .navContainer li { float:left; }
.navContainer  { float:right; }
a.mainNavServices { width:136px; height:36px; text-indent:-99999px; display: block; background:url(../img/spriteGlobal.png) no-repeat 0 -90px; outline:none; }
a.mainNavPortfolio { width:144px; height:36px; text-indent:-99999px; display: block; background:url(../img/spriteGlobal.png) no-repeat -137px -90px; outline:none; }
a.mainNavContact { width:132px; height:36px; text-indent:-99999px; display: block; background:url(../img/spriteGlobal.png) no-repeat -282px -90px; outline:none; }
a:hover.mainNavServices { background-position:0 -126px; }
a:hover.mainNavPortfolio { background-position:-137px -126px; }
a:hover.mainNavContact { background-position:-282px -126px; }
#mainNavCurrent a.mainNavServices  { height:46px; background-position:0 -162px; }
#mainNavCurrent a.mainNavPortfolio { height:46px; background-position:-137px -162px; }
#mainNavCurrent a.mainNavContact { height:46px; background-position:-282px -162px; }
.seperator { width:1px; height:36px; background:url(../img/spriteGlobal.png) no-repeat -136px -90px; display:block; }

/* SUB NAV */
#subNavContainer { margin:0 0 0 0; visibility:hidden; }
#subNavContainer ul li { float:none; }
.portSubMenuConstantOn { position:absolute; z-index:11; margin:285px 0 0 685px; }
.portSubMenuConstantOn li { padding:10px 0 0 0; }
.portSubMenuConstantOn a { width:145px; height:27px; display:block; background:url(../img/spriteGlobal.png) no-repeat 0 0; outline:none; text-indent:-99999px; }
a.subNavLogos { background-position:-290px -280px }
a.subNavWeb { background-position:-290px -346px }
a.subNavPrint { background-position:-290px -313px }
a:hover.subNavLogos { background-position:-145px -280px }
a:hover.subNavWeb { background-position:-145px -346px }
a:hover.subNavPrint { background-position:-145px -313px }
#subNavCurrent a.subNavLogos { height:36px; background-position:0 -280px }
#subNavCurrent a.subNavWeb { height:36px; background-position:0 -352px }
#subNavCurrent a.subNavPrint { height:36px; background-position:0 -316px }

/* SERVICES GENERAL */
#mainContainerServices { width:960px; margin:auto; position:relative; }
#mainContainerServices #headerServices { height:340px; }
#mainContainerServices .logo { margin-top:140px; }
#mainContainerServices .descriptionHeader { margin-top:40px; }
#mainContainerServices .navRowContainer { margin-top:280px; }

.servicesContainer { z-index:5; margin:-870px 0 0 0; }
.servicesContainer li { padding:5px 0 5px 29px; border-bottom:1px dotted #d5d5d5; background:url(../img/spriteGlobal.png) no-repeat -413px -15px; font-weight:bold; }
.titleGraphicDesign { width:152px; height:23px; text-indent:-9999px; background:url(../img/spriteGlobal.png) no-repeat -0px -632px; }
.titleWebDesign { width:118px; height:23px; text-indent:-9999px; background:url(../img/spriteGlobal.png) no-repeat -0px -582px; }
.titleWebDevelopment { width:192px; height:23px; text-indent:-9999px; background:url(../img/spriteGlobal.png) no-repeat -0px -531px; }
.servicesContainer .servicesGraphicDesign { width:292px; border-right:1px dotted #d5d5d5; padding:0 20px 30px 0; float:left; }
.servicesContainer .servicesWebDesign { width:293px; border-right:1px dotted #d5d5d5;  padding:0 20px 30px 20px; float:left; }
.servicesContainer .servicesWebDev { width:292px; padding:0 0 0 20px; float:left; }
.servicesBigBackground { width:616px; height:364px; background:url(../img/large-services-bg.jpg) no-repeat 0 0; margin:450px 0 0 0; padding:73px 0 0 339px; z-index:1; }
.servicesBigBackground a { width:390px; height:90px; display:block; background:url(../img/setup-btn-services.jpg) no-repeat 0 0; text-indent:-9999px; }
.servicesBigBackground a:hover { width:390px; height:90px; display:block; background:url(../img/setup-btn-services.jpg) no-repeat 0 -110px; }

/* Contact Section */
.contactContainer {}
.contactLeftColumn { width:294px; padding:0 20px 0 0; margin:0 20px 0 0; float:left; border-right:1px dotted #d5d5d5; }
.contactTopRow { padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px dotted #d5d5d5;  } 
.titlePhone { width:295px; height:24px; background:url(../img/spriteGlobal.png) no-repeat 0 -437px; }
.contactPhoneIcon { width:278px; height:91px; background:url(../img/spriteContact.png) no-repeat 0 0; margin:10px 0 0 0;}
.contactBottomRow ul li { float:left; }
.contactBottomRow a { width:91px; height:116px; float:left; background:url(../img/spriteContact.png) no-repeat 0 0; text-indent:-9999px; display:block; margin:10px 0 0 10px; }
.titleInstantMessenger { width:280px; height:23px; background:url(../img/spriteGlobal.png) no-repeat 0 -486px; }
a.iconSkype { background-position:0 -320px; margin-left:0; }
a.iconYahoo { background-position:-102px -320px; }
a.iconMSN { background-position:-204px -320px; }
a.iconAOL { background-position: -304px -320px; margin-left:0; }
a.iconGoogle { background-position: -406px -320px; }
a.iconICQ { background-position: -508px -320px; }
a:hover.iconSkype { background-position:0 -436px; }
a:hover.iconYahoo { background-position:-102px -436px; }
a:hover.iconMSN { background-position:-204px -436px; }
a:hover.iconAOL { background-position: -304px -436px; }
a:hover.iconGoogle { background-position: -406px -436px; }
a:hover.iconICQ { background-position: -508px -436px; }
.contactRightColumn { width:625px; float:left; }
.contactRightColumn span { }
.contactRightColumn input { width:300px; padding:5px; }
.contactRightColumn textarea {width:400px; height:100px; padding:5px; }
.contactRightColumn div { padding:20px 0; border-bottom:1px dotted #d5d5d5; vertical-align:top; }
.contactRightColumn .titleEmailUs { width:403px; height:25px; background:url(../img/spriteLongTitles.png) no-repeat 0 -43px; padding:0 0 10px 0; border:0; }
.contactRightColumn .contactSubmit { width:391px; height:91px; background:url(../img/spriteContact.png) no-repeat 0 -118px; border:0; padding:0; margin:15px 0 0 150px; cursor:pointer; }
.contactRightColumn .contactSubmit:hover { background:url(../img/spriteContact.png) no-repeat 0 -209px; }


/* Portfolio */
.portDescLinkContainer { }
.portDescription { width:530px; height:120px; }
.titlePortPrint { width:546px; height:24px; background:url(../img/spriteLongTitles.png) no-repeat 0 0; }
.titlePortLogo { width:463px; height:23px; background:url(../img/spriteLongTitles.png) no-repeat 0 -147px; }
.titlePortWeb { width:597px; height:23px; background:url(../img/spriteLongTitles.png) no-repeat 0 -95px; }
.portLogoContainer { margin:40px 0 0 0; overflow:auto; }
.portLogoContainer li { float:left; margin:0 0 0 20px; }

/* Portfolio Web */
.portWebContainer { width:960px; padding:40px 0 20px 0; border-bottom:1px dotted #d5d5d5; position:relative; }
.portWebTitle { width:100%; height:53px;background:url(../img/spriteLongTitles.png) no-repeat 0 0; position:absolute; }
.portWebTitleCR { background-position:0 -205px; }
.portWebTitleWD { background-position:0 -339px; }
.portWebTitleNPC { background-position:0 -503px; }
.portWebTitleGKR { background-position:0 -920px; }
.portWebContainer ul { }
.portWebContainer ul li { float:left; }
.portWebContainer ul li a { display:block; text-indent:-99999px; }
.portWebBG { width:960px; height:460px; background:url(../img/spriteWebPort.png) no-repeat 0 -190px; padding:11px 0 0 17px; }
a.pageOne { width:66px; height:46px; background:url(../img/spriteWebPort.png) no-repeat -651px -99px; margin:7px 3px 0 655px; cursor:pointer; }
a.pageTwo { width:66px; height:46px; background:url(../img/spriteWebPort.png) no-repeat -723px -99px; margin:7px 3px 0 3px; cursor:pointer; }
a.pageThree { width:66px; height:46px; background:url(../img/spriteWebPort.png) no-repeat -795px -99px; margin:7px 0 0 3px; cursor:pointer; }
a:hover.pageOne { background:url(../img/spriteWebPort.png) no-repeat -651px -53px; margin:7px 3px 0 655px; }
a:hover.pageTwo { background:url(../img/spriteWebPort.png) no-repeat -723px -53px; margin:7px 3px 0 3px; }
a:hover.pageThree { background:url(../img/spriteWebPort.png) no-repeat -795px -53px; margin:7px 0 0 3px; }
#currentPage a.pageOne { width:72px; height:53px; background:url(../img/spriteWebPort.png) no-repeat -648px 0; margin:0 0 0 652px; cursor:auto; }
#currentPage a.pageTwo { width:72px; height:53px; background:url(../img/spriteWebPort.png) no-repeat -720px -0; margin:0; cursor:auto; }
#currentPage a.pageThree { width:72px; height:53px; background:url(../img/spriteWebPort.png) no-repeat -792px 0; margin:0; cursor:auto; }

.contactRightColumn .alert { background:#eee; border:1px solid #DFBBBB; color:#000; padding-left: 30px; font-weight:bold; display:none; }
label.error { float: none; color: red; padding-left: 10px; font-size:12px; }
.ajaxLoader { width:926px; height:417px; background:url(../img/ajax-loader.gif) no-repeat 452px 193px; }

.marginTop5 { margin-top:5px; }
.clear { clear:both; }
.floatLeft { float:left; }
.displayBlock { display:block !important; }
.noBorder { border:0 !important; }
.pad0 { padding:0 !important; }
.padTop20 { padding-top:20px; }
.borderBtmDotted { border-bottom:1px dotted #d5d5d5; }
.positionAbsolute { position:absolute; }
.height52 { height:52px; }