/* BASICS
--------------------------------------------*/



body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	font-size: 12px;
}


img {
border: none;
}



/* HEADER, LOGO & NAVIGATION
--------------------------------------------*/



#header {
	height: 154px;
	width: 100%;
	background: url(../images/headerbg.png) repeat-x;
	margin: 0px 0px 30px 0px;
}

#centerheader {
	height: 154px;
	width: 800px;
	margin: 0 auto;
}

#logo {
	width: 240px;
	height: 154px;
	position: relative;
	float: left;
	}
	
#logo span {
	background: url(../images/logo2.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}

h1#logo {
	margin: 0px;
	padding: 0px;
}



#nav {
	width: 375px;
	float: right;
	height: 30px;
	margin: 62px 0px 0px 0px;
	font-weight: bold;
	
}

#nav ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#nav li {
	list-style: none;
	display: block;
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

#nav li a {
	height: 23px;
	display: block;
	text-align: center;
	padding: 7px 10px 0px 10px;
	text-decoration: none;
	color: #4c565e;
	background: #fff;
}

#nav li a:hover {
	background: #eb4753;
	color: #fff;	
}

#nav li a#current {
	height: 23px;
	display: block;
	text-align: center;
	padding: 7px 10px 0px 10px;
	text-decoration: none;
	color: #fff;
	background: #c92035;
}

#nav li a#current:hover {
	height: 23px;
	display: block;
	text-align: center;
	padding: 7px 10px 0px 10px;
	text-decoration: none;
	color: #fff;
	background: #c92035;
}











#connav {
	height: 26px;
	margin: 0px 0px 25px 0px;
	font-weight: bold;
    font-size: 11px;	
}

#connav ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#connav li {
	list-style: none;
	display: block;
	float: left;
	margin: 0px 18px 0px 0px;
	padding: 0px;
}

#connav li a {
	height: 20px;
	display: block;
	text-align: center;
	padding: 6px 7px 0px 7px;
	text-decoration: none;
	color: #4c565e;
	background: #fff;
}

#connav li a:hover {
	background: #eb4753;
	color: #fff;	
}

#connav li a#current2 {
	height: 20px;
	display: block;
	text-align: center;
	padding: 6px 7px 0px 7px;
	text-decoration: none;
	color: #fff;
	background: #c92035;
}

#connav li a#current2:hover {
	height: 20px;
	display: block;
	text-align: center;
	padding: 6px 7px 0px 7px;
	text-decoration: none;
	color: #fff;
	background: #c92035;
}
















/* PAGE CONTENT
--------------------------------------------*/



#indextitle {
	width: 663px;
	height: 20px;
	position: relative;
	float: left;
	}
	
#indextitle span {
	background: url(../images/we_design.png) no-repeat;
	position: absolute;
	width: 663px;
	height: 20px;
	}

h2#indextitle {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

#title {
     width: 795px;
     display: block;
     height: 33px;
     margin: 0px auto 23px auto;
}



#worktitle {
	width: 663px;
	height: 20px;
	position: relative;
	}
	
#worktitle span {
	background: url(../images/have_a.png) no-repeat;
	position: absolute;
	width: 663px;
	height: 20px;
	}

h2#worktitle {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

#titlework {
     width: 795px;
     display: block;
     height: 18px;
     margin: 0px auto 27px auto;
}



#abouttitle {
	width: 663px;
	height: 21px;
	position: relative;
	}
	
#abouttitle span {
	background: url(../images/about_simplified.png) no-repeat;
	position: absolute;
	width: 663px;
	height: 21px;
	}

h2#abouttitle {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}

#titleabout {
     width: 795px;
     display: block;
     height: 21px;
     margin: 0px auto -25px auto;
}



#container {
	width: 800px;
	margin: 0px auto 0px auto;
}



.clearboth {
	clear: both;
}

#bcontenttitle {
	margin: 45px 0px 0px 0px;
	width: 762px;
	height: 22px;
	background: url(../images/bcontenttitlebg.png) repeat-x;
	padding: 6px 0px 0px 8px;
}

#bcontenttitle h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #fff;
}

#bcontent {
	margin: 0px 0px 85px 0px;
	padding-bottom: 10px;
	width: 746px;
	padding: 12px;
	background: url(../images/bcontentbg.png) #515f69 repeat-x;
}

#bcontent p {
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	margin: 0px 0px 10px 0px;   
}

#bcontent a{
   color: #fff;
   text-decoration: none;
   padding-bottom: 1px;
   border-bottom: 2px solid #c9d1d6;
}

#bcontent a:hover{
   color: #fff;
   text-decoration: none;
   padding-bottom: 1px;
   border-bottom: 2px solid #8197a6;
}

#b2contenttitle {
	margin: 45px 0px 0px 0px;
	width: 762px;
	height: 22px;
	background: url(../images/bcontenttitlebg.png) repeat-x;
	padding: 6px 0px 0px 8px;
}

#b2contenttitle h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #fff;
}

#b2content {
	margin: 0px 0px 35px 0px;
	padding-bottom: 10px;
	width: 746px;
	padding: 12px;
	background: url(../images/bcontentbg.png) #515f69 repeat-x;
}

#b2content p {
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	margin: 0px 0px 10px 0px;   
}

.aboutleft {
    width: 240px;
    float: left;
}

.aboutright {
    width: 505px;
    margin: 0px 31px 0px 0px;
    float: right;
}


.ccontenttitle {
	margin: 0px 0px 0px 0px;
	width: 232px;
	height: 22px;
	background: url(../images/ccontenttitlebg.png) repeat-x;
	padding: 6px 0px 0px 8px;
}

.ccontenttitle h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #fff;
}

.ccontent {
	margin: 0px 0px 85px 0px;
	width: 216px;
	height: 160px;
	padding: 12px;
	background: url(../images/ccontentbg.png) #515f69 repeat-x;
}

.ccontent p {
	font-size: 12px;
	color: #000;
	line-height: 22px;
	margin: 0px 0px 10px 0px;   
}



#c2contenttitle {
	margin: 0px 0px 0px 0px;
	width: 497px;
	height: 22px;
	background: url(../images/ccontenttitlebg.png) repeat-x;
	padding: 6px 0px 0px 8px;
}

#c2contenttitle h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #fff;
}

#c2content {
	margin: 0px 0px 85px 0px;
	width: 481px;
	height: 160px;
	padding: 12px;
	background: url(../images/ccontentbg.png) #515f69 repeat-x;
	line-height: 15px;
}

#c2content p {
	font-size: 12px;
	color: #000;
	line-height: 22px;
	margin: 0px 0px 10px 0px;   
}

#c2content a{
   color: #000;
   text-decoration: none;
   padding-bottom: 0px;
   border-bottom: 2px solid #f05f64;
}

#c2content a:hover{
   color: #000;
   text-decoration: none;
   padding-bottom: 0px;
   border-bottom: 2px solid #d63845;
}

.bold_cream {
     font-weight: bold;
	color: #f8ebd1;
}


ul.red {
    list-style: none;
}

ul.red li {
    padding-top: 2px;
    list-style-image: url(../images/redbullet.gif);
    margin: 0px 0px 3px 10px;
}

#worklogo {
    width: 160px;
    float: left;
}

#workquote {
   width: 508px;
   float: right;
   height: 88px;
   background: url(../images/quotebg.png) repeat-x;
   margin-right: 40px;
   padding: 15px 12px 12px 12px;
   color: #64737d;
}

.quote {
font-size: 13px;
font-weight: bold;
margin-bottom: 25px;
}

.person {
font-size: 12px;

}


/* FOOTER
--------------------------------------------*/


#footer {
	clear: both;
	width: 100%;
	height: 39px;
	background: url(../images/footerbg.png) repeat-x;
	margin: 35px 0px 75px 0px;
}

#footercenter {
	width: 800px;
	height: 39px;
     margin: 0 auto;
}

#leftfooter {
	height: 39px;
	width: 385px;
	float: left;
}

#dominos {
	height: 39px;
	width: 43px;
	margin-right: 6px;
}



#copy {
	height: 39px;
	padding-top: 12px;
	font-size: 13px;
	color: #fff;
	float: left;
}



/* CONTACT FORM / PAGE
--------------------------------------------*/

input {
   display: inline;
}


.onleft {
   width: 445px;
   float: left;
}


.onright {
  width: 225px;
  float: right;
  min-height: 200px;

}

input.forminputbox {
 background: #f3f4f5;
 border: 1px solid #bfcbd4;
 height: 17px;
 font-size: 12px;
 padding: 4px 3px 4px 3px; 
 margin-bottom: 4px;
 color: #546068;
 width: 325px;
 }
 
 
 input.forminputbox:focus {
 background: #eceef0;
 border: 1px solid #cad4da;
 }
 
 
 input.formans {
 background: #f3f4f5;
 border: 1px solid #bfcbd4;
 height: 17px;
 font-size: 12px;
 padding: 4px 3px 4px 3px; 
 margin-bottom: 4px;
 color: #546068;
 width: 25px;
 }
 
 
 input.formans:focus {
 background: #eceef0;
 border: 1px solid #cad4da;
 }
 
 
textarea.formareabox {
 background: #f3f4f5;
 border: 1px solid #bfcbd4;
 height: 200px;
 font-size: 12px;
 padding: 4px 3px 4px 3px; 
 margin-bottom: 4px;
 color: #546068;
 width: 325px;
 font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif; 
}

textarea.formareabox:focus {
 background: #eceef0;
 border: 1px solid #cad4da;
 } 
 
 
.contact1 {
	width: 135px;
	height: 20px;
	position: relative;
	margin-bottom: 25px;
	}
	
.contact1 span {
	background: url(../images/get_in.jpg) no-repeat #fff;
	position: absolute;
	width: 135px;
	height: 25px;
	}

h2.1contact {
	margin: 0px;
	padding: 0px;
	font-size: 5px;
}

.1contact {
     width: 135px;
     display: block;
     height: 33px;
     margin: 0px auto 23px auto;
}


.contact2 {
	width: 135px;
	height: 20px;
	position: relative;
	margin-bottom: 25px;
	}
	
.contact2 span {
	background: url(../images/our_details.jpg) no-repeat #fff;
	position: absolute;
	width: 135px;
	height: 25px;
	}
	
.dachetext {
    line-height: 21px;
}	
	
	
.accordion_child {
   width: 445px;
}


.boldpush {
  font-weight: bold;
  margin-bottom: 2px;
}

.pushanswer {
  margin-bottom: 15px;
}


.question {
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: bold;
	color: #d53744;
}

.question_answer {
	font-size: 12px;
	margin-bottom: 25px;
	color: #000;
}

.note {
	font-size: 11px;
	margin: 6px 0px 3px 0px;
	display: block;
	background: url(../images/note_bg.jpg);
	width: 217px;
	padding: 9px 26px 13px 13px;
	color: #fff;
	line-height: 15px;
	
}


.note a {
   color: #fff;
   text-decoration: none;
   padding-bottom: -1px;
   border-bottom: 1px solid #f05f64;
}

.note a:hover{
   color: #fff;
   text-decoration: none;
   padding-bottom: -1px;
   border-bottom: 1px solid #d63845;
}


.note p {
     padding: 0px 0px 20px 0px;
	margin: 0px;
}

.required {
     font-size: 10px;
	font-weight: bold;
	color: #51606b;
	text-transform: uppercase;
	margin: 5px 0px 8px 0px;
	width: 58px;
	height: 15px;
	background: url(../images/required_bg.png) repeat-x;
     padding: 4px 0px 0px 5px;
}

.yesscript { 
      display: none; 
}


.jsOn .yesscript { 
      display: block; 
}

.spamq input {
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	margin: 0 2px 0 2px;
	color: #000;
	width: 16px;
	text-align: center;
	font-weight: bold;
}

.submitbutton {
     width: 127px;
	height: 30px;
	background: url(../images/sendbutton.jpg);
	border: 0px;
	margin: 10px 0px 25px 0px;
}

.submitbutton:hover {
	background-position: 0px -30px;
}

.submitbutton:focus {
	background-position: 0px -60px;
}

.submitbutton:active {
	background-position: 0px -60px;
}

a.dache {
    display: block;
    height: 40px;
    width: 76px;
    background: url(../images/dachehover.jpg) no-repeat;
    margin: 20px 0px 28px 0px;
} 


a:hover.dache {
    display: block;
    height: 40px;
    width: 76px;
    background: url(../images/dachehover.jpg) 0px -40px no-repeat;
} 

.email {
   font-size: 15px;
   color: #69797f;
   margin: 8px 0px 5px 0px;
}

a.clickhere {
   text-decoration: none;
   border-bottom: 2px solid #69797f;
   color: #000; 
}

a:hover.clickhere {
   border-bottom: 2px solid #363d40;
   color: #000; 
}

.pushit {
  width: 1px;
  height: 25px;
}


.answ {
  font-size: 12px;
  /* font-weight: bold; */
}


.answ1 {
  font-size: 12px;
  margin: 0px 0px 30px 0px;
  /* font-weight: bold; */
}


ul.packages {
  margin: 10px 0px 0px 0px;
}

.packages li {
  display: block;
  margin: 0px 0px 0px 6px;
}

/* SUB PAGES -- */

.thankshead {
  font-size: 14px;
  font-weight: bold;
  color: #c9373c;  
  margin: 0px 0px 12px 0px;
}

.thanksbody {
  font-size: 12px;
  color: #000;  
}

.thanksbody a{
  text-decoration: none;
  color: #000;
  border-bottom: 2px solid #69797f;
  padding-bottom: 1px;
  font-weight: bold;
}

.thanksbody a:hover {
  color: #000;
  border-bottom: 2px solid #363d40;
  padding-bottom: 1px;}

/* 'OUR WORK' PAGE 
--------------------------------------------*/


a.projectbox {
   text-decoration: none;
   border: none;
   font-size: 11px;
   color: #51606a;
   width: 208px;
   height: 75px;
   background: url(../images/projectbox.jpg) repeat-x;
   display: block;
   padding: 20px 12px 5px 12px;
   margin: 0px 32px 32px 0px;
   float: left;
}

a:hover.projectbox {
   background: url(../images/projectbox.jpg) repeat-x 0px -100px;
}

.title {
 font-weight: bold;
}

.desc {
 margin-top: 12px;
 display: block;

}


   
   
   
/* INDIVIDUAL PROJECT PAGES 
-------------------------------------------*/
   
h3.project_title {
   color: #d63745;
   margin: 0px 0px 11px 0px;	
}



#hoverwork {
	width: 770px;
	height: 18px;
	position: relative;
	display: block;
	margin: 0px 0px 0px 0px;
	
	}
	
#hoverwork span {
	background: url(../images/ourworkhover.jpg) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
	
#hoverwork span:hover {
	background: url(../images/ourworkhover.jpg) no-repeat 0px -18px;
	position: absolute;
	width: 100%;
	height: 100%;
	}	

a#hoverwork {
	margin: 0px;
	padding: 0px;
}
 
 
 
 .infoblack {
   font-size: 12px;
 }
 
 .infoblack p {
   margin: 0px 0px 23px 0px;
   padding: 0px;
   line-height: 17px;
 }
 
 .CLEAR {
   clear: both;
   height: 45px;
 }
 
 h3.projectname {
   font-size: 12px;
   /*font-weight: bold;*/
   color: #d53744;
   margin: 0px 0px 15px 0px;
   padding: 0px;
   display: block;
   text-transform: uppercase;
   letter-spacing: 2px
 
 }
 
 .projecttitle {
   font-size: 14px;
   color: #d53644;
   padding: 0px;
   margin: 0px 0px 12px 0px;
   font-weight: normal;
}

.projectinfo {
   font-size: 12px;
   width: 560px;
   line-height: 18px;
}

.projectinfo p {
   padding: 0px;
   margin: 0px;
  
}

.projectpageimage {
   display:block; 
   margin-bottom: -60px
}

.push {
   height: 1px;
   display: inline;
   width: 11px;
}


   h3.projectname2 {
   margin: 0px 0px 0px 11px;
   padding: 0px;
 
 }
 
 .projecttitle2 {
   font-size: 14px;
   color: #d53644;
   padding: 0px;
   margin: 0px 0px 12px 11px;
   font-weight: normal;
}

.projectinfo2 {
   font-size: 12px;
   width: 560px;
   line-height: 18px;
   margin-left: 11px;
}


/* 404 Error Page
-------------------------------------*/

#main {
	margin: 0px auto 0px auto;
	width: 630px;
}

#header404 {
	height: 154px;
	width: 100%;
	background: url(../images/headerbg.png) repeat-x;
	margin: 0px 0px 0px 0px;
	text-align: center;
}

.strong404 {
   margin: 20px auto 20px auto;
   font-weight: bold;
   font-size: 13px;
   width: 405px;
   color: #546169;
   line-height: 22px;
}

.small404 {
  margin: 25px auto 25px auto;
   font-size: 12px;
   width: 405px;
   color: #788186;
   line-height: 19px;
}