* {
	padding: 0;
	margin: 0;
    border: 0;
}


body, html {
	color: #312f2d;
	line-height: 130%;
	font-family: 'Terminal Dosis', sans-serif !important;
    font-weight: normal;
    font-size: 15px;
	text-align: justify;
	
	
		
}


a:link, a:active, a:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #312f2d;
   
}


a:hover {
	text-decoration: none;
	color: #008b9c;
   
}




a.purplelink:link, a.purplelink:active, a.purplelink:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #312f2d;
   
}


a.purplelink:hover {
	text-decoration: none;
	color: #87408d;
   
}



a.pinklink:link, a.pinklink:active, a.pinklink:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #312f2d;
   
}


a.pinklink:hover {
	text-decoration: none;
	color: #d1145b;
   
}




a.bluelink:link, a.bluelink:active, a.bluelink:visited {
	font-weight: normal; 
	text-decoration: none;
	color: #312f2d;
   
}


a.bluelink:hover {
	text-decoration: none;
	color: #1598a9;
   
}





h1 {
   font-family: 'Terminal Dosis', sans-serif !important;
   line-height: 100%;
   font-weight: 300;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 22px;
   margin: 0px 0 10px 0;
   padding: 0px 0 6px 0;
   border-bottom: solid 1px #9f9a92;
		
}




h3 {
   font-family: 'Oswald', Arial, sans-serif !important;
   line-height: 160%;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 14px;
   margin: 0px 0 10px 0;
   padding: 0px 0 10px 0;
   border-bottom: solid 1px #9f9a92;
   
      
}


h4 {
	  font-family: Georgia, serif;
      font-weight: normal;
	  font-style: italic;
      font-size: 14px;
	  line-height: 140%;
	  padding: 0 0 10px 0;
	  color: #008b9c;
      

}

.launch:link, .launch:active, .launch:visited  {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 14px;
   color: #008b9c;
   text-transform:uppercase;
   margin: 0px 0 10px 0;
   padding: 0px 0 10px 0;
   border-bottom: solid 1px #9f9a92;
   width: 546px;
 
   
}



.launch:hover {
	text-decoration: none;
	color: #31302d;
	 padding: 0px 0 10px 0px;
   
}





.largeblue:link, .largeblue:active, .largeblue:visited  {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   font-weight: normal;
   text-align: left;
   font-size: 14px;
   color: #008b9c;
   text-transform:uppercase;
   
 
   
}



.largeblue:hover {
	text-decoration: none;
	color: #31302d;
   
}







.otherwork:link, .otherwork:visited, .otherwork:active {
      font-family: Georgia, serif;
	  font-weight: normal;
	  float: right;
	  font-style: italic;
      font-size: 14px;
	  line-height: 140%;
	  padding: 6px 0 10px 0;
	  color: #008b9c;
	 
 
   
}



.otherwork:hover {
	text-decoration: none;
	color: #312f2d;
   
}




.readmore:link, .readmore:visited, .readmore:active {
      font-family: Georgia, serif;
	  font-weight: normal;
	  float: left;
	  font-style: italic;
      font-size: 14px;
	  line-height: 140%;
	  color: #008b9c;
	 
 
   
}



.readmore:hover {
	text-decoration: none;
	color: #312f2d;
   
}





.clientsoft  {
   font-family: 'Oswald', Arial, sans-serif !important;
   color: #312f2d;
   display: block;
   line-height: 140%;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 14px;
   padding: 0px 0 5px 0;

 
   
}






.client:link, .client:visited, .client:active  {
   font-family: 'Oswald', Arial, sans-serif !important;
   color: #312f2d;
   display: block;
   line-height: 140%;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 14px;
   padding: 0px 0 5px 0;

 
   
}


.client:hover {
	text-decoration: none;
	color: #8d8677;
   
}






#wrapper { 
	width: 959px;
	margin: 0px auto 0px auto;
	background: transparent;
	}
	
	

.contentarea {
	  float: right;
	  width: 758px;
	  
}


.mainimagearea {
  	  float: right;
	  width: 758px;
					
}






.largeheader {
   font-family: 'Terminal Dosis', sans-serif !important;
   line-height: 100%;
   font-weight: 300;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 22px;
   display: block;
   margin: 0px 0 10px 0;
   padding: 0px 0 6px 0;
   border-bottom: solid 1px #9f9a92;
		
}



.phone {
   float: right;
   text-align: right;
   padding: 14px 0 0 0;
   height: 32px;
   width: 600px;

   
}


.phoneinner {
   font-family: 'Oswald', Arial, sans-serif !important;
   color: #bcb4a6;
   font-weight: normal;
   font-style: normal;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 22px;
   padding: 0 0 0 40px;
   position: relative;
   top: -5px;
   margin: 0 0 0 3px;
   border-left: solid 1px #9f9a92;
   
   
}




.metatag {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 12px;
   color: #008b9c;
   margin: 10px 0 0 0;
   padding: 0 0 30px 20px;
   background: url(bubble.png) top left;
   background-repeat:no-repeat;
 
   
}



.leftnav {
  	  float: left;
	  padding: 60px 0 130px 0;
	  width: 201px;
	  height: 100%;
	  position: fixed;
	  z-index: 10;
	  background: #e8e2d4 url(leftnavbg.jpg);
	  background-repeat: repeat-y;
					
}



.maincolumn {
	  padding: 6px 0 0 0;
	  float: left;
	  width: 581px;
	  
					
}



.maincolumninner {
	  float: left;
	  width: 581px;
	  
					
}




.maincolumnnarrow {
	  float: left;
	  width: 552px;
	  text-align:left;
	  
					
}




.portfoliocolumn {
   width: 263px;
   margin: 6px 20px 0 0;
   float: left;
   text-align: left;
  

}




.profilecolumn {
   width: 243px;
   margin: 6px 26px 0 0;
   padding: 4px 0 0 0;
   float: left;
   text-align: left;
  

}



.profilename {
   font-family: 'Oswald', Arial, sans-serif !important;
   line-height: 160%;
   font-weight: normal;
   font-style: normal;
   text-align: left;
   text-shadow: 1px 1px #f8f5f0;
   text-transform:uppercase;
   font-size: 14px;
   margin: 0px 0 10px 0;
   padding: 0px 0 10px 0;
  

}



.profilepink {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 13px;
   color: #d1145b;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: solid 1px #9f9a92;
  
}



.profileblue {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 13px;
   color: #1598a9;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: solid 1px #9f9a92;
  
}




.profilepurple {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 13px;
   color: #87408d;
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: solid 1px #9f9a92;
  
}






.rightcolumn {
	  float: right;
	  width: 176px;
	  text-align: left;
	   
					
}






.ilike {
   color:  #9f9a92;
   text-align:left;
   float: left;
   display: block;
   margin: 20px 0 0 0;
   padding: 8px 0 0 0;
   border-top: solid 1px #9f9a92;
   border-bottom: solid 1px #9f9a92;
   width: 546px;
 
   
}




.blue{
	  font-family: Georgia, serif;
      font-weight: normal;
	  text-align: left;
	  font-style: italic;
      font-size: 14px;
	  line-height: 140%;
	  padding: 0 10px 10px 0;
	  color: #008b9c;
	  position: relative;
      top: -10px;
	  
}




.wearecoda {
   font-family: 'Oswald', Arial, sans-serif !important;
   font-style: normal;
   line-height: 120%;
   display: block;
   font-weight: normal;
   text-align: left;
   font-size: 14px;
   text-transform:uppercase;
   margin: 0px 0 10px 0;
   padding: 0px 0 10px 0;
   border-bottom: solid 1px #9f9a92;
   width: 546px;
 
   
}  
	 





.footer {
	float: left;
	margin-top: 50px;
	padding: 35px 0 20px 0;
	width: 100%;
	background: url(footerbg.gif);
	background-repeat: repeat-x;			
}


.footerinner {
   font-style: normal;
   font-weight: normal;
   line-height: 140%;
	color: #61605e;
	font-size: 14px;
	width: 959px;
	margin: 0px auto 50px auto;			
}



.footerinnerleft {
  float: right;
  font-family: 'Terminal Dosis', sans-serif !important;
   font-style: normal;
   font-weight: normal;
   line-height: 140%;
	color: #61605e;
	font-size: 14px;
	width: 242px;
	text-align:left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: dotted 1px #61605e;
			
}


.footerinnerright {
  float: right;
  font-family: 'Terminal Dosis', sans-serif !important;
   font-style: normal;
   font-weight: normal;
   line-height: 140%;
	color: #61605e;
	font-size: 14px;
	width: 455px;
	text-align:left;
				
}



.footerlink:link, .footerlink:active, .footerlink:visited {
	display: inline-block;
	font-weight: normal; 
	width: 135px;
	text-decoration: none;
	color: #666666;
	padding-bottom: 4px;
	margin-right: 14px;
   
}


.footerlink:hover {
	color: #ece5d9;
   
}



.formfield {
	font-family: 'Terminal Dosis', sans-serif !important;
	font-size: 13px;
	width: 164px;
	 color: #bcb4a6;
	margin: 3px 0px 6px 0px;
	padding: 5px 6px 5px 6px;
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	background: #f7f5f0 url(curve.png) top left no-repeat;
	border:1px solid #ffffff; 
	border-top:0; 
	border-left:0;
	
			

}

.button  {
	font-family: 'Oswald', Arial, sans-serif !important;
    text-transform:uppercase;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 12px 0px 0px 0px;
	background: #bcb4a6;
	border: 1px solid #bcb4a6;
	padding: 4px 4px 4px 4px;
	font-weight:normal;
	color: #ece5d9;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	
}



.button:link, .button:active, .button:visited  {
	font-family: 'Oswald', Arial, sans-serif !important;
    text-transform:uppercase;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 12px 0px 0px 0px;
	background: #bcb4a6;
	border: 1px solid #bcb4a6;
	padding: 4px 4px 4px 4px;
	font-weight:normal;
	color: #ece5d9;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	
}

.button:hover {
	background: #d1145b;
	border: 1px solid #d1145b;
	color: #ece5d9;	
}






.buttonorange  {
	font-family: 'Oswald', Arial, sans-serif !important;
    text-transform:uppercase;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 12px 0px 0px 0px;
	background: #d44726;
	border: 1px solid #d44726;
	padding: 4px 4px 4px 4px;
	font-weight:normal;
	color: #ece5d9;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	
}



.buttonorange:link, .buttonorange:active, .buttonorange:visited  {
	font-family: 'Oswald', Arial, sans-serif !important;
    text-transform:uppercase;
	text-align: center;
	font-size: 14px;
	display: block;
	margin: 12px 0px 0px 0px;
	background: #d44726;
	border: 1px solid #d44726;
	padding: 4px 4px 4px 4px;
	font-weight:normal;
	color: #ece5d9;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	
	
}

.buttonorange:hover {
	background: #bcb4a6;
	border: 1px solid #bcb4a6;
	color: #ece5d9;	
}