/*


#196d91 dark blue
#f3a855 peach
#96250A red
#6dadc8 light blue
#fbda54 yellow
*/

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

/* no borders on linked images*/

a img { border: none; }
/* this is the main wrapper it centers everything*/


body {
/* you can add a background image here if you want exp:
 background-image: url(background.jpg);*/
    margin: 0 auto;  
    width: 620px;
    /*background-image: url(phoneBG.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;	
/* you can change the background color here*/	
	background-color: #444;
	
}

/*body font must be 18 or greater or footer button images will not display properly*/
body, td, th {
	font-family: lato, sans-serif;
    font-weight: 400;
	font-size:1em;
	color:#196d91;
	/*-webkit-text-size-adjust:true;*/
}


	
.peachText  a:link {
	font-family: lato, sans-serif;
    font-weight: 300;
	text-decoration: none;
	color:#f3a855;
	
}
.peachText  a:visited {
	
	text-decoration:none;
	color:#f3a855;
	
}
.peachText  a:hover {
	
	text-decoration:none;
	color:#f3a855;
	
}
.peachText  a:active {
	
	text-decoration:none;
	color:#196d91;
	
}	


.blueText  a:link {
	font-family: lato, sans-serif;
    font-weight: 300;
	text-decoration: none;
	color:#196d91;
	
}
.blueText  a:visited {
	
	text-decoration:none;
	color:#196d91;
	
}
.blueText  a:hover {
	
	text-decoration:none;
	color:#196d91;
	
}
.blueText  a:active {
	
	text-decoration:none;
	color:#196d91;
	
}

h2{
	font-family: lato, sans-serif;
    font-weight: 300;;
	text-decoration: none;
	font-size:1.76em;
	line-height:1.1em;
	
}
		 
.img1{
margin-top:24px;	
border:outset;
border-width:20px;
border-color:#6dadc8;	
	}

/* link text properties */

a:link {
	font-family: lato, sans-serif;
    font-weight: 300;;
	text-decoration: none;
	color:#fff;
	
}
a:visited {
	
	text-decoration:none;
	color:#fff;
	
}
a:hover {
	
	text-decoration:none;
	color:#fff;
	
}
a:active {
	
	text-decoration:none;
	color:#fff;
	
	
}

.spacer1G {
height:5em;
background-color:#444;
	}
.spacer2G {
height:.1em;
background-color:#444;
	}	

.spacer1 {
height:5em;
	}
	
.spacer2 {
height:2em;
	}
	

#home {
background-color:#eee;
margin:0 auto;
margin-top:-1.5em;	 	 
}

#logo{
	width:500px;
	margin: 0 auto;	
	height:560px;
	
	}
.workHeads{
	width:620px;
	margin: 0 auto; 
	margin-top:68px;
	height:240px;	
	
	-webkit-box-shadow: rgba(0,0,0,0.7)4px 4px 4px;
	-moz-box-shadow: rgba(0,0,0,0.7) 4px 4px 4px;
	box-shadow: rgba(0,0,0,0.7) 4px 4px 4px;
	}


		
#workWrap
{
margin-top:-3.2em;	
background-color:#444;	
z-index:3;
	}
#whatWrap
{
margin-top:-3.2em;	
background-color:#444;	
	
	}	
	
.titles{
	width:500px;
	margin: 0 auto;	
	font-size:3em;
	line-height:1.4em;
	

	}
	
.titles a{		
font-size:1em;
font-style:italic;
color:#f3a855;	

	}
	
.ae{
background-color:#6dadc8 ;	
	}
.blueLt{
background-color:#6dadc8 ;	
	}
.blueDk{
background-color:#196d91 ;	
	}	
.yellow{
background-color:#fbda54 ;	
	}		
	
.f4s{
background-color:#96250A ;	
	}
.red{
background-color:#96250A ;	
	}
.green{
background-color:#696 ;	
	}
	
.graphics{
background-color:#1a1a1a ;	
	}
		
.grey{
background-color:#eee ;	
	}	
.j2s{
background-color:#f3a855 ;	
	}
.peach{
background-color:#f3a855 ;	
	}	
.jcc{
background-color:#6dadc8 ;	
	}			
	
.mm{
background-color:#696;	
	}
	
.ktcg{
background-color:#6dadc8;	
	}
	
.dg{
	background-color:#696;	
}
.hf{
	background-color:#946a5a;	
}
.rh{
	background-color:#96250A;	
}

	
#aboutBtn{
	margin-left:72px;
	margin-right:72px;
	margin-top:54px;
	}
	

		
.navBtn{
	width:500px;
	margin: 0 auto;
	margin-top:10px;
	font-size:4.7em;
	font-weight: 300;;
	}
.navBtn a:link {
	font-family: lato, sans-serif;
    font-weight: 300;
	text-decoration: none;
	color:#f3a855;
	
}
.navBtn a:visited {
	
	text-decoration:none;
	color:#f3a855;
	font-weight: 300;
}
.navBtn a:hover {
	
	text-decoration:none;
	color:#f3a855;
	font-weight: 300;
}
.navBtn a:active {
	
	text-decoration:none;
	color:#196d91;
	font-weight: 300;
	
}	
	
.visitW, .visitB, .visitBlue{
	width:500px;
	margin: 0 auto;
	margin-top:10px;
	font-size:3em;
	
	}	

.visitW a:link {
	color:#fff;
	
	}
.visitW a:active{
	color:#fff;
	}
.visitW a:hover {
	color:#fff;
	}
.visitW a:visited {
	color:#fff;
	}
	
.visitB a:link {
	color:#1a1a1a;
	
	}
.visitB a:active{
	color:#1a1a1a;
	}
.visitB a:hover {
	color:#1a1a1a;
	}
.visitB a:visited {
	color:#1a1a1a;
	}
	
	
	
.visitBlue a:link {
	color:#196d91;
	
	}
.visitBlue a:active{
	color:#196d91;
	}
.visitBlue a:hover {
	color:#196d91;
	}
.visitBlue a:visited {
	color:#196d91;
	}					
	
.indexText{
	width:500px;
	margin: 0 auto;
	margin-top:42px;
	
	font-size:2.4em;
	line-height:1.4em;
	
	
	/*height:650px;*/
	}

.phone{
	margin-left:0px;		
		
		}
		
.marker{
	float:right;		
		
		}	

.worksText{
	width:500px;
	margin: 0 auto;
	margin-top:42px;		
	font-size:2.4em;
	line-height:1.4em;
	color:#fff;
	
	/*height:650px;*/
	}

.worksTextBlack{
	width:500px;
	margin: 0 auto;
	margin-top:42px;		
	font-size:2.4em;
	line-height:1.4em;
	color:#1a1a1a;
	
	/*height:650px;*/
	}	
.worksTextBlue{
	width:500px;
	margin: 0 auto;
	margin-top:42px;		
	font-size:2.4em;
	line-height:1.4em;
	color:#196d91;
	
	/*height:650px;*/
	}
				
.whatTitle{
	width:500px;
	margin: 0 auto;
	margin-top:0px;
	font-size:50px;
	color:#fff;	
	}
	
.whatTitleB{
	width:500px;
	margin: 0 auto;
	margin-top:0px;
	font-size:50px;
	color:#000;	
	}
.whatTitleBlue{
	width:500px;
	margin: 0 auto;
	margin-top:0px;
	font-size:50px;
	color:#196d91;	
	}	
		
.pageTitle{
	width:500px;
	margin: 0 auto;
	margin-top:68px;
	font-size:50px;
	color:#196d91;	
	}			
	
	


.footText{
	width:500px;
	margin: 0 auto;
	margin-top:20px;
	padding-bottom:100px;	
	font-size:2em;
	line-height:1.4em;
	color:#fff;
	
	/*height:650px;*/
	}
	
.footText a:link{
color:#fff;
float:right;	
	
	}
.footText a:hover{
color:#f3a855;
	
	
	}