@charset "UTF-8";
/* CSS Document */

body{
margin:0 auto;
padding:0;
background-color:#e5e5e5;
}

a{color:#666666; text-decoration:none;}
a:hover{color:#333333; text-decoration:underline;}

#theTop{
background:url(../images/top.jpg) repeat-x;
position:fixed;
top:0;
width:100%;
height:45px;
z-index:1000;
margin:0;
padding:10px 0 0 0;
}
#theTopHolder{
position:relative;
display:block;
width:970px;
margin:0 auto 0 auto;
padding:0;
}

#wallpaper{
position:relative;
background:url(../images/wallpaper1.jpg) repeat-x;
width:100%;
margin:0 auto;
padding:0;
min-height:100%;
}

#stage{
position:relative;
top:45px;
width:970px;
margin:0 auto;
padding:0;
}

#holderLeft{
background:url(../images/leftSideBG.png) repeat-y;
float:left;
width:515px;
padding-top:15px;
z-index:999;
}

#holderRight{
background:url(../images/stageRightBG.png) no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5;
width:460px;
height:875px;
margin:0 0 0 511px;
padding:42px 0 0 0;
}
#holderRight h1{font-size:18px; letter-spacing:-1; font-weight:100;}
#holderRight a{color:#66CCFF; text-decoration:none;}
#holderRight a:hover{text-decoration:underline;}

#sliderHolder{
background:url(../images/trashSliderHolder.jpg) no-repeat;
width:420px;
height:415px;
margin:0 0 0 14px;
padding:0;
}

#webHeader{
background:url(../images/web_header.jpg) no-repeat;
width:458px;
height:73px;
margin:0 0 7px 0;
padding:0;
}
#graphicsHeader{
background:url(../images/graphics_header.jpg) no-repeat;
width:458px;
height:73px;
margin:0 0 7px 0;
padding:0;
}
#printHeader{
background:url(../images/printing_header.jpg) no-repeat;
width:458px;
height:73px;
margin:0 0 7px 0;
padding:0;
}
#portfolioHolder{
width:420px;
margin:0 0 0 13px;
}
#portfolioHolder p{
font-size:11px;
}
#portfolioClientBar{
background-color:#FAFAFA;
border:#DEDEDE thin solid;
border-bottom:none;
width:398px;
height:25px;
line-height:25px;
margin:1px 0 0 0;
padding:0 10px 0 10px;
font-size:11px;
}
#marketingMaterialsBar{
background-color:#FAFAFA;
border:#DEDEDE thin solid;
border-bottom:none;
width:398px;
margin:1px 0 0 0;
padding:5px 10px 5px 10px;
font-size:11px;
}
#marketingMaterialsBar h2{color:#006699; margin:0;}
#marketingMaterialsBar .price{font-size:16px; font-weight:bold}
#marketingMaterialsBar .quantity{ font-size:12px; font-weight:bold}
#marketingMaterialsBar .mm_img{float:left; margin-right:10px; padding:2px; border:#999 thin solid}
#marketingMaterialsBar .details{
margin:0;
padding:0;
display:table-cell; vertical-align:middle;
}

#whatsFreshBanner{
background:url(../images/whatsfresh.jpg) no-repeat;
width:458px;
height:73px;
margin:8px 0 1px 0;
padding:0;
}

#whatsFresh{
background:url(../images/whatsFressHolderBG.jpg) no-repeat;
width:440px;
height:307px;
margin:0;
padding:0;
}

#promotions {
display: block;
float:left;
background:url(../images/btn_promotions.jpg) 0 0 no-repeat;
margin-top:5px;
margin-left:9px;
width:207px;
height:105px;
}
#promotions:hover {
cursor:pointer;
background-position: 0px -105px;
}
#referrals {
display: block;
float:left;
background:url(../images/btn_referrals.jpg) 0 0 no-repeat;
margin-top:5px;
margin-left:6px;
width:207px;
height:105px;
}
#referrals:hover {
cursor:pointer;
background-position: 0px -105px;
}
#quote {
display: block;
float:left;
background:url(../images/btn_quote.jpg) 0 0 no-repeat;
margin-top:5px;
margin-left:9px;
width:420px;
height:91px;
}
#quote:hover {
cursor:pointer;
background-position: 0px -91px;
}
#hosting {
display: block;
float:left;
background:url(../images/btn_hosting.jpg) 0 0 no-repeat;
margin-top:5px;
margin-left:9px;
width:420px;
height:89px;
}
#hosting:hover {
cursor:pointer;
background-position: 0px -89px;
}

#logo{
background:url(../images/logo.png) no-repeat;
width:500px;
height:210px;
padding:0;
margin-bottom:10px;
}

#nav{
background:url(../images/navBG.jpg) no-repeat;
width:445px;
height:75px;
margin-left:10px;
padding-top:1px;
padding-left:1px;
}

#portfolioNav{
width:443px;
height:25px;
margin-left:11px;
margin-bottom:10px;
padding:0px;
border-bottom:#CCC thin solid;
}

#portfolioNav ul{
display:block;
list-style:none;
margin:0 0 0 25px;
padding:0;
}

#portfolioNav ul li.web a{
display:block;
display:inline;
float:left;
text-align:left;
color:#666666;
padding:0;
margin-right:25px;
}
#portfolioNav ul li.web a:hover{
color:#990000;
text-decoration:underline;
}
#portfolioNav ul li.graphics a{
display:block;
display:inline;
float:left;
text-align:left;
color:#666666;
padding:0;
margin-right:25px;
}
#portfolioNav ul li.graphics a:hover{
color:#339933;
text-decoration:underline;
}
#portfolioNav ul li.print a{
display:block;
display:inline;
float:left;
text-align:left;
color:#666666;
padding:0;
margin-right:25px;
}
#portfolioNav ul li.print a:hover{
color:#006699;
text-decoration:underline;
}


#navHome{
display:block;
float:left;
position:relative;
background:url(../images/navHome.jpg) 0 0 no-repeat;
width:147px;
height:61px;
margin:0;
padding:0;
}

#navHome:hover{
cursor:pointer;
background-position:0px -64px;
height:68px;
}

#navServices{
display:block;
float:left;
position:relative;
background:url(../images/navServices.jpg) 0 0 no-repeat;
width:149px;
height:61px;
margin:0;
padding:0;
}

#navServices:hover{
cursor:pointer;
background-position:0px -64px;
height:68px;
}

#navContact{
display:block;
float:left;
position:relative;
background:url(../images/navContact.jpg) 0 0 no-repeat;
width:147px;
height:61px;
margin:0;
padding:0;
}

#navContact:hover{
cursor:pointer;
background-position:0px -64px;
height:68px;
}

#stageLeft{
background:url(../images/stageLeftBG.jpg) no-repeat bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5;
width:465px;
padding:0;
margin-left:35px;
color:#333333;
}

#stageLeft .background{
width:465px;
margin:0 auto;
padding:0;
}

#stageLeft p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
margin:0;
padding:0 30px 0 30px;
}
#stageLeft .likefb{margin:0; padding:20px 0 20px 30px;}
#stageLeft h2{margin:0; padding:10px 0 0 0; letter-spacing:-1px; color:#999;}
#stageLeft a.viewmore{line-height:30px;}
#stageLeft .title{margin:10px 0 0 30px; padding:0;}
#stageLeft .servicesWebTitle a{float:none; margin:0; padding:10px 0 0 0; letter-spacing:-1px; color:#999; font-size:22px; font-weight:bold;}
#stageLeft .servicesWebTitle a:hover{color:#990000; text-decoration:none}
#stageLeft .servicesGraphicsTitle a{float:none; margin:0; padding:10px 0 0 0; letter-spacing:-1px; color:#999; font-size:22px; font-weight:bold;}
#stageLeft .servicesGraphicsTitle a:hover{color:#339933; text-decoration:none}
#stageLeft .servicesPrintTitle a{float:none; margin:0; padding:10px 0 0 0; letter-spacing:-1px; color:#999; font-size:22px; font-weight:bold;}
#stageLeft .servicesPrintTitle a:hover{color:#006699; text-decoration:none}
#stageLeft ul.main{list-style:none; margin:0 30px 0 30px; padding:0;}
#stageLeft li.mainTop{float:left; margin:0; padding:5px 0 5px 0; border-top:#CCC thin solid; border-bottom:#CCC thin solid; background:url(../images/services_bg.png) no-repeat bottom;}
#stageLeft li.main{float:left; margin:0; padding:5px 0 5px 0; border-bottom:#CCCCCC thin solid; background:url(../images/services_bg.png) no-repeat bottom;}

#social{
background:url(../images/socialBG.png) no-repeat;
width:410px;
height:85px;
margin:0 0 0 15px;
padding:20px 0 0 20px;
}

#social div.imgholder{
float:left;
width:60px;
height:60px;
margin:0;
padding-right:10px;
}

#social div.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
width:90px;
line-height:1;
margin:0;
padding-top:32px;
}

#social ul{
margin:0;
padding:0;
list-style:none;
display:inline;
}

#social a{
text-decoration:none;
color:#0066cc;
}

#social a:hover{
text-decoration:underline;
}

/*------------------------------------------------------------------------------ Form Fields ------------------------------------------------------------------------------*/

form.contact{border:#CCC thin solid; margin:0 auto; padding:10px; width:385px}

.input360{
border: 1px solid #CCC;
background-color:#F2F2F2;
color:#666666;	
font-size:12px;
width:360px;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px;
margin:0 0 10px 0;
}

.formBtn{
border:thin solid #666666;
background:#333333;
font-size:12px;
width:100px;
color:#FFFFFF;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px;
margin:0;
cursor:pointer;
}

form.login{border: none; margin:0 0 0 25px; padding:0; width:485px; display:block;}

.loginClient{
background:url(../images/login_clientBG.jpg) 0 0 no-repeat;
border: none;
color:#666666;	
font-size:12px;
width:190px;
height:20px;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px 15px 0 5px;
margin:0;
}
.loginKey{
background:url(../images/login_keyBG.jpg) 0 0 no-repeat;
border: none;
color:#666666;	
font-size:12px;
width:175px;
height:20px;
line-height:15px;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:5px 15px 0 5px;
margin:0;
}

.loginBtn{
border:none;
background:url(../images/login_btn.jpg) 0 0 no-repeat;
font-size:12px;
text-align:right;
width:80px;
height:25px;
color:#FFFFFF;
font-family:Arial, Verdana, Geneva, sans-serif;
padding:0 15px 0 0;
margin:0;
cursor:pointer;
}

#footer{
height:100px;
margin:0;
padding:0 20px 0 30px;
}

#footer h1{
font-size:20px;
font-weight:100;
letter-spacing:-1px;
margin-bottom:0;
}