body {
margin:0;
padding:0;
text-align:center;
}

.total_images{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.6px;
}


.total_images .eachs{
	position:absolute;
	z-index:99;
}

#customizeit {
width: 380px;
height: 45px;
position:relative;
float:left;
left:-400px;
top:5px;
}

.total_images2{
    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.6px;
}


.total_images2 .eachs{
	position:absolute;
	z-index:99;
}


#link1{
    top:0px;
	left:240px;
}
#link2{
   top:0px;
}
#link3{
   top:200px;
   left:348px;
}
#link4{
   top:200px;
   left:448px;
}
#link5{
   top:200px;
   left:567px;
}

.eachs img.images{
    width:250px;
	
    height:800px;
    opacity:0.6;
	display:none
}


.eachs h2{
    position:absolute;
    width:147px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}



.eachs h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}

.eachr h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}


a.hovered{color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #A81C1F; background-color:#0099CC; text-decoration:none;
    -webkit-border-radius: 5px; }
	
a.menu{ color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px; background-color:#DB2D39; color:#FFFFFF; text-decoration:none;
    -webkit-border-radius: 5px;}

h1 { font: bold 50px/50px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }

.total_images .eachs a.menu:hover{color:#fff;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #A81C1F; background-color:#A81C1F;
    -webkit-border-radius: 5px; }
    

/*a.hovered{border:solid #A81C1F 1px;color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #ff0000; background-color:#A81C1F; text-decoration:none;
    -webkit-border-radius: 5px; }
	
a.menu{ border:solid #A81C1F 1px;color:#fff; height:22px; display:block; padding:8px;-moz-border-radius: 5px; background-color:#DB2D39; color:#FFFFFF; text-decoration:none;
    -webkit-border-radius: 5px;}

h1 { font: bold 50px/50px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333; }

.total_images .eachs a.menu:hover{color:#fff;-moz-border-radius: 5px;text-shadow: 0px 2px 6px #ff0000; background-color:#A81C1F;
    -webkit-border-radius: 5px; }*/

.eachs {width:105px; text-align:center; font: bold 20px/20px Helvetica, Arial, Sans-serif; text-align: center; color: #eee; text-shadow: 0px 2px 6px #333;}

.eachs div{
    list-style:none;
    position:absolute;
	width:110px;
	left:10px;
    top:55px; font-size:20px;
	color:#fff;
	text-align:center;
    display:none;
}


.eachs div ul{ margin:14px; padding:0px 0px 0px 0px; list-style-type:none;}
.eachs div li{ width:160px;}
.eachs div li a{ font-size:12px; width:160px;padding-top:0px; vertical-align:bottom;  display:block; }
.eachs div li a:hover{ color:#FF0000}
.eachs div a{
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    opacity:0.8;
}


#main {
width:100%;
text-align:left;
margin: 0 auto;
border: 0;
/* center  */
position:absolute;
}


#bannerarea {
width: 100%;
height: 227px;
position:relative;
float:left; 
align:center;
top:0px;
margin-top: 0;
padding: 0;
}

#bannercontent {
width: 1123px;
height: 227px;

position:relative;
float:left;
margin-left:-561px;
left:50%;
margin-top: 0;
padding: 0;
}

#banneritself {
width: 192px;
height: 227px;
position:relative;
float:left;
margin-top: 0;
padding: 0;
}

#menuandcustomizer {
width: 931px;
height: 227px;
position:relative;
float:left;

}

#customizer {
width: 470px;
height: 54px;
position:relative;
float:right;
}

#menu {
width: 931px;
height: 66px;
position:relative;
float:right;
top: 94px;
left: 25px;
}

#imagearea {
width: 100%;
height: 398px;
position:relative;
float:left; 
align:center;
background-image:url("images/whatwedoimage.png");
background-position:center; 
}

#imageareaourworks {
width: 100%;
height: 398px;
position:relative;
float:left; 
align:center;
background-image:url("images/ourworksimage.png");
background-position:center; 
}

#imageareapricing {
width: 100%;
height: 398px;
position:relative;
float:left; 
align:center;
background-image:url("images/pricingimage.png");
background-position:center; 
}

#imageareasayhi {
width: 100%;
height: 398px;
position:relative;
float:left; 
align:center;
background-image:url("images/sayhiimage.png");
background-position:center; 
}

#contentwrapper {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrapperourworks {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrapperourworkslogos {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrapperourworksbusinesscards {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrapperourworksprint {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrapperpricing {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentwrappersayhi {
width: 100%;
height: 100%;
position:relative;
float:left; 
align:center;
}

#contentarea {
width: 1123px;
height: 100%;
position:relative;
float:left;
margin-left:-561px;
left:50%;
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#playtext {
width: 1123px;
position:relative;
float:left;
overflow:none;
-moz-opacity:.01; filter:alpha(opacity=1); opacity:.01;
}

#playtext p { margin:10px; text-align:left; color:#fbf9c4; text-shadow: 2px 2px 2px #000; font: 1px Arial, Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif;}  

#playtext li { margin:10px; text-align:left; color:#FFFFFF; font: 1px Verdana, Arial, Helvetica, sans-serif; padding-right:10px; padding-left:5px; }  

#playtext h1 { margin-left:10px; text-align:left; text-shadow: 2px 2px 2px #000; color:#FFFFFF; font:2px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#stayintoucharea {
width: 292px;
position:relative;
float:left;
background-color:black;
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#pricepackagestarter {
width: 500px;
height: 250px;
position:relative;
float:left;
margin:25px;
background-image:url("images/starterpackagebg2.png");
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#pricepackagesidekick {
width: 500px;
height: 250px;
position:relative;
float:left;
margin:25px;
background-image:url("images/sidekickpackagebg.png");
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#pricepackagesuperhero {
width: 500px;
height: 250px;
position:relative;
float:left;
margin:25px;
background-image:url("images/superheropackagebg.png");
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#extrastoadd{
width: 500px;
height: 250px;
position:relative;
float:left;
margin:25px;
background-image:url("images/extrastoaddbg.png");
-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}

#pricepackagestarter p { margin:10px; text-align:left; color:#fbf9c4; text-shadow: 2px 2px 2px #000; font: 16px Arial, Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif;}  

#pricepackagestarter li { margin:10px; text-align:left; color:#FFFFFF; font: 14px Verdana, Arial, Helvetica, sans-serif; padding-right:10px; padding-left:5px; }  

#pricepackagestarter h1 { margin-left:10px; text-align:left; text-shadow: 2px 2px 2px #000; color:#FFFFFF; font:18px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }



#stayintouchtitle {
width:137px;
position:relative;
float:left;
left:30px;
top:20px;
}

#stayintouchlinks {
width: 78px;
position:relative;
float:left;
left:52px;
top:40px;
}

#textarea {
width: 821px;
position:relative;
float:left;
left:10px;
}

#facebookarea {
width: 1100px;
position:relative;
float:left;
-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
}

#contactarea {
width: 1110px;
position:relative;
float:left;
-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;
margin-left:-555px;
left:50%;
}


#contactinfoarea {
width: 450px;
position:relative;
float:left;
}

#separatorlarge {
width: 40px;
height: 585px;
position:relative;
float:left;
background-image:url("images/separatorlarge.png");
}

#contactformarea {
width: 620px;
position:relative;
float:left;
}

#contactinfoarea p { margin:10px; text-align:left; color:#fbf9c4; text-shadow: 2px 2px 2px #000; font: 14px Arial, Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif;}  

#contactinfoarea td { margin: 10px; text-align:left; color:#FFFFFF; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }  

#contactinfoarea li { margin:10px; text-align:left; color:#FFFFFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-right:10px; padding-left:5px; }  

#contactinfoarea h1 { margin-left:10px; text-align:left; color:#FFFFFF; font:14px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#contactinfoarea a { text-align:left; color:#FFFFFF; text-decoration:none; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#contactinfoarea a:hover { text-align:left; color:#FFFFFF; text-decoration:underline; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#divider {
width: 5px;
height: 200px;
background-image:url("images/divider.png");
position:relative;
float:left;
}

#textarea h1 { margin-left:10px; text-align:left; color:#FFFFFF; font:14px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif;}

#threecolumnsection {
width: 261px;
position:relative;
float:left;
}


#threecolumnsection p { margin:10px; text-align:left; color:#fbf9c4; text-shadow: 2px 2px 2px #000; font: 14px Arial, Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif;}  

#threecolumnsection td { margin: 10px; text-align:left; color:#FFFFFF; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }  

#threecolumnsection li { margin:10px; text-align:left; color:#FFFFFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding-right:10px; padding-left:5px; }  

#threecolumnsection h1 { margin-left:10px; text-align:left; color:#FFFFFF; font:14px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#threecolumnsection a { text-align:left; color:#FFFFFF; text-decoration:none; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }

#threecolumnsection a:hover { text-align:left; color:#FFFFFF; text-decoration:underline; font: 12px Trebuchet MS, Palatino Linotype, Book Antiqua, Verdana, Arial, Helvetica, sans-serif; }




/* form */