body
{
background-color: #193989;
}


.mediaplayer {
position: absolute;
left: 20px;
top: 750px;
background-color: red;
width: 20px;
height: 20px;



}

.red-bar-top {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    min-width: 1651px;
    width: 100%;

    height: 50px;   
    background-color: #c50c46;

}

.white-bar-bottom {
    position: absolute;
    bottom: 0px;
    top: 730px;
    right: 0px;
    left: 0px;
    min-width: 1651px;
    width: 100%;

    height: 130px;
    background-color: #ffffff;
}
.test {

    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url("../images/button1-about.png");
    background-repeat: no-repeat;
    width: 171px;
    height: 141px;
}





.background_layer {
    position: absolute;
    left: -350px;
    top: 0px;
    background-image: url("../images/background-blue-prt.jpg");
    background-repeat: repeat-x;
    background-repeat: repeat-y;
    width: 1651px;
    height: 800px;
    z-index: -2;
    

}

/* Master Layer holds Page Content Centered*/

.main-area_layer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url("../images/main-area.png");
    width: 885px;
    height: 691px;
    font-family: Helvetica,Arial,sans-serif;
    
}



.frames_layer {
   position: absolute;
    left: 50px;
    top: 540px;
    
    background-repeat:no-repeat;
    width: 250px;
    height: 150px;

}



.branding_layer {
    position: absolute;
    left: 107px;
    top: 0px;
    background-image: url("../images/portfoliobox1-bottom.png");
    background-repeat:no-repeat;
    width: 135px;
    height: 138px;
    

}

.print_work_layer {
    position: absolute;
    left: 220px;
    top: 0px;
    background-image: url("../images/portfoliobox2-bottom.png");
    background-repeat: no-repeat;
    width: 206px;
    height: 160px;

}

.signage_layer {
    position: absolute;
    left: 400px;
    top: 0px;
    background-image: url("../images/portfoliobox3-bottom.png");
    background-repeat: no-repeat;
    width: 169px;
    height: 154px;

}
.photography_layer {
    position: absolute;
    left: 550px;
    top: 0px;
    background-image: url("../images/portfoliobox4-bottom.png");
    background-repeat: no-repeat;
    width: 171px;
    height: 141px;

}

.brackets_text {
position: absolute;
left: 50px;
top: 13px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #0099cc;
}
.brackets_text_services1 {
position: absolute;
left: 75px;
top: 13px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}

.brackets_text_index {
position: absolute;
left: 70px;
top: 30px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}

.brackets_text_portfolio {
position: absolute;
left: 120px;
top: 5px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 22px;
    color: #0099cc;
}
.brackets_text2 {
position: absolute;
left: 85px;
top: 120px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}

.about_brackets_layer {
    position: absolute;
    left: 360px;
    top: 263px;
    background-image: url("../images/brackets4text1-about.png");
    background-repeat: no-repeat;
    width: 399px;
    height: 247px;

 }

 .contact_brackets_layer {
    position: absolute;
    left: 155px;
    top: 263px;
    /*background-image: url("../images/brackets4text1-about.png"); */
    background-repeat: no-repeat;
    width: 456px;
    height: 247px;


}

 .contact_right_content {
    position: absolute;
    left: 655px;
    top: 263px;
    /*background-image: url("../images/brackets4text1-about.png"); */
    background-repeat: no-repeat;
    width:300px;
    height: 247px;
         font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight:  bold;
    color: #0099cc;

}
.email_small {
    position: absolute;
    left: 645px;
    top: 470px;
    /*background-image: url("../images/brackets4text1-about.png"); */
    background-repeat: no-repeat;
    width:200px;
    height: 247px;
         font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:  bold;
    color: #0099cc;

}

.services_brackets_layer {
    position: absolute;
    left: 360px;
    top: 263px;
    background-image: url("../images/brackets4text2-services.png");
    background-repeat: no-repeat;
    width: 399px;
    height: 247px;
    
}
.portfolio_brackets_layer {
    position: absolute;
    left: 180px;
    top: 280px;
    background-image: url("../images/brackets4text3-portfolio.png");
    background-repeat: no-repeat;
    width: 545px;
    height: 247px;
    
}

.clients_brackets_layer {
    position: absolute;
    left: 400px;
    top: 250px;
    background-image: url("../images/brackets4text4-clients.png");
    background-repeat: no-repeat;
    width: 347px;
    height: 247px;

}

.clients_sidepic_image1 {
    position: absolute;
    left: -270px;
    top: -20px;
    background-image: url("../images/testimonial-arm.png");
    background-repeat: no-repeat;
    width: 294px;
    height: 325px;

}

.clients_sidepic_image2 {
    position: absolute;
    left: -270px;
    top: -20px;
    background-image: url("../images/testimonial-Masa.png");
    background-repeat: no-repeat;
    width: 294px;
    height: 325px;
    visibility: hidden;
}

.brackets_text_clients{
position: absolute;
left: 52px;
top: 34px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #0099cc;
}
.brackets_text_clients_image_arm{
position: absolute;
left: 400px;
top: 400px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #0099cc;
    background-image: url("../images/testimonial-logos.jpg");
width: 189px;
      height: 44px;
      z-index: 10;
}
.brackets_text_clients_image_masa{
position: absolute;
left: 350px;
top: 240px;
      font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
    background-image: url("../images/testimonial-logos.jpg");
    width: 189px;
      height: 44px;
}


.buttons_layer {
position: absolute;
    left: 150px;
    top: 200px;



}

.about_button_normal {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url("../images/button1-about.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}

.about_button_normal_hover {
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url("../images/button1-over-about.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
    
}


.services_button_normal {
 position: absolute;
    left: 120px;
    top: 0px;
    background-image: url("../images/button2-services.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}

.services_button_normal_hover {
 position: absolute;
    left: 120px;
    top: 0px;
    background-image: url("../images/button2-over-services.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}

.portfolio_button_normal {
 position: absolute;
    left: 240px;
    top: 0px;
    background-image: url("../images/button3-port.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}
.portfolio_button_normal_hover {
 position: absolute;
    left: 240px;
    top: 0px;
    background-image: url("../images/button3-over-port.png.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}

.clients_button_normal {
 position: absolute;
    left: 360px;
    top: 0px;
    background-image: url("../images/button4-clients.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}
.clients_button_normal_hover {
 position: absolute;
    left: 360px;
    top: 0px;
    background-image: url("../images/button4-over-clients.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}

.contact_button_normal {
 position: absolute;
    left: 480px;
    top: 0px;
    background-image: url("../images/button5-contacts.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}
.contact_button_normal_hover {
 position: absolute;
    left: 480px;
    top: 0px;
    background-image: url("../images/button5-over-contacts.png");
    background-repeat: no-repeat;
    width: 105px;
    height: 35px;
}







.sidepic-about {
     position: absolute;
    left: 160px;
    top: 270px;
    background-image: url("../images/sidepic-services-.jpg");
    background-repeat: no-repeat;
    width: 399px;
    height: 247px;

}

.sidepic-services {
         position: absolute;
    left: 160px;
    top: 270px;
    background-image: url("../images/sidepic-services-.jpg");
    background-repeat: no-repeat;
    width: 399px;
    height: 247px;
   
}

.logo_top {
      position: absolute;
    left: 370px;
    top: 70px;
    background-image: url("../images/Logo-top.png");
    background-repeat: no-repeat;
    width: 181px;
    height: 114px;



}


.logo_bottom {
    position: absolute;
    left: 400px;
    top: 730px;
    height: 77px;
    width: 122px;
    background-image: url("../images/logo-smlbottom.png");
    

}
.email_bottom {
    position: absolute;
    left: 359px;
    top: 823px;
    height: 15px;
    width: 300px;
    /*background-image: url("../images/logo-smlbottom.png");*/
    

}


.services_buttons_layer {
    position: absolute;
    top: 276px;
     left: 280px;
     width: 500px;
     height: 15px;

}

.branding_button {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 57px;
    height: 12px;
    background-image: url("../images/portfolio-head-branding.jpg");
    
}

.printwork_button {
    position: absolute;
    left: 90px;
    top: 0px;
    width: 65px;
    height: 12px;
    background-image: url("../images/portfolio-head-print-work.jpg");

}
.signage_button {
    position: absolute;
    left: 180px;
    top: 0px;
    width: 53px;
    height: 12px;
    background-image: url("../images/portfolio-head-signage.jpg");

}

.photography_button {
    position: absolute;
    left: 275px;
    top: 0px;
    width: 76px;
    height: 12px;
    background-image: url("../images/portfolio-head-photography.jpg");

}





#carousel {

	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 2px solid #999;
}
#carousel ul {

	list-style: none;
	width: 2500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	/*-webkit-border-top-left-radius: 6px;*/
	-webkit-border-top-right-radius: 6px;
}






.superposition_branding {
    position: absolute;
    left: 220px;
    top: 300px;
    /*visibility: hidden;*/
   

}

.superposition_printwork {
    position: absolute;
    left: 234px;
    top: 300px;
    visibility: hidden;

}

.superposition_signage {
    position: absolute;
    left: 234px;
    top: 300px;
    visibility: hidden;

}

.superposition_photography {
    position: absolute;
    left: 234px;
    top: 300px;
    visibility: hidden;

}









.GOING FORMS {


}

.label_email {
position: absolute;
left: 0px;
top: 10px;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;  
}
input[name="email"] {
    position: absolute;
    left: 50px;
    top: 0px;
width: 375px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;
}
.label_firstname {
position: absolute;
left: 0px;
top: 38px;

font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;
}
input[name="firstname"] { 
    position: absolute;
    left: 50px;
    top: 28px;
width: 135px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;
}
.label_lastname {  
    position: absolute;
    left: 260px;
    top: 38px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
    
}
input[name="lastname"] {
    position: absolute;
    left: 269px;
    top: 28px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;
width: 156px;
}
input[name="printbranding"] {
    position: absolute;
   left: 50px;
    top: 52px;
}
.label_printbranding {
    position: absolute;
    left: 130px;
    top: 62px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}
input[name="webdevelopment"] {
    position: absolute;
   left: 170px;
    top: 52px;
}
.label_webdevelopment {
    position: absolute;
    left: 250px;
    top: 62px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}
input[name="photography"] {
    position: absolute;
   left: 310px;
    top: 52px;

}
.label_photography {
    position: absolute;
    left: 390px;
    top: 62px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}

.label_photography {
    position: absolute;
    left: 390px;
    top: 62px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
}
input[value="underone"] {
    position: absolute;
   left: 50px;
    top: 80px;
}
.label_underone {
    position: absolute;
    left: 125px;
    top: 90px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}
input[value="two"] {
    position: absolute;
   left:130px;
    top: 80px;
}
.label_two {
    position: absolute;
    left: 205px;
    top: 90px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}
input[value="twoandhalf"] {
    position: absolute;
   left:189px;
    top: 80px;
}
.label_twoandhalf {
    position: absolute;
    left: 268px;
    top: 90px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}
input[value="five"] {
    position: absolute;
   left:255px;
    top: 80px;
}
.label_five {
    position: absolute;
    left: 330px;
    top: 90px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}
input[value="none yet"] {
    position: absolute;
   left:316px;
    top: 80px;
}
.label_noneyet {
    position: absolute;
    left: 396px;
    top: 90px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #0099cc;
}



textarea[name="textarea"]{
position: absolute;
top: 110px;
left: 48px;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 14px;
color: #0099cc;
width: 377px;
height: 100px;
}

.label_web_check{
    position: absolute;
    left: 0px;
    top: 62px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;
    
}
.label_budget{
    position: absolute;
    left: 0px;
    top: 88px;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #0099cc;

}

.label_comments {
position: absolute;
left: 0px;
top: 120px;
font-family: Geneva,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #0099cc;
}

input[type="submit"]{
position: absolute;
top: 220px;
left: 200px;

}