/*GLOBALS*/
/* this applies no matter what; great for colors and stuff */
@media all {
/* overall styles */
 
body {
	background-color: #fff;
	margin: 0;
}
.clearfloat {
	clear: both;
}


p {
	font-family: 'Helvetica', sans-serif;
	font-weight: 400;
}

.content-box ul.para {
	width: 100%;
	margin: 0 0 20px 30px;
	padding: 0 0 0 0;
	border: none;
	}

h5 {
	margin-left: 30px;
	margin-bottom: 0;
	margin-top: 30px;
	font-size: 14px;
line-height: 16px;
color: #666;
padding: 0;
}

.content-box p.splan{
	font-weight: bold;
	font-size: 12px;
	color: #666;
	padding: 0 0 5px 0;
	text-transform: uppercase;
   border-top: 1px solid #A5D3A7;
	
}
	



.content-box ul.para li {
list-style: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
color: #333;
padding: 0;
margin: 5px 0 5px 0;
}


h1, h2, h3, h4, h5 {
	font-family: 'Helvetica', sans-serif;
}

h2 .up {
	display:inline-block;
	float: right;
}

h2 .up a {
text-decoration: none;
font-size: 14px;
	line-height:18px;
	margin: 0;
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h2 .up a:link {color: #666;}
h2 .up a:visited {color: #666;}
h2 .up a:hover {color: #990000;}
h2 .up a:active {color: #666;}



a:link {
	color: #990000;
}   /* unvisited link */
a:visited {
	color: #333;
}  /* visited link */
a:hover {
	color: #000;
}   /* mouse over link */
a:active {
	color: #990000;
}  /* selected link */
#wrapper {
	position: relative;
	background-color: #fff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	clear: left;
}
#header {
	padding: 10px 0 25px 0;
	background-color: #fff;
	margin-bottom: 40px;
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}
#head-box {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	background-color: #fff;
	position: relative;
	border-bottom: 1px solid #bbb;
	padding-bottom: 30px;
}
#header h1 {
	color: #666;
	font-size: 36px;
	letter-spacing: -.5px;
	margin: 0;
	padding: 0;
}
.desc {
	color: #cacaca;
	font-weight: normal;
}
    
    
    .fone {
        font-size: 19px;
        letter-spacing: 4px;
        color: #898989;
        padding: 0 0 0 0;
        margin: 0;
        
    }
    
    .fone img {
        margin-right: 10px;
    }
    
#content {
	padding-top: 140px;
}

#navigation {
	position: absolute;
	top: 0;
	right: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 15px;
	width: 250px;
	text-align: right;
}
#navigation a.current {
	color: #990000;
	font-weight: bold;
}
#navigation a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	margin-left: 15px;
	padding: 2px 0 2px 0;
	float: left;
	width: 110px;
	text-transform: uppercase;
}

#navigation p {
	float: left;
	width: 110px;
	margin: 10px 10px 0 0;
}


#navigation a.last {
	border-bottom: none;
}
#navigation a:hover {
	color: #990000;
}

#contents {
	
	margin-top:14px;
	margin-bottom:25px;
	text-align:right;
   width: 80%;
	margin-left: auto;
	margin-right:auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	}
	
#contents a {
	margin-left: 20px;
	text-decoration:none;
	color: #666;
}
		
	
#contents a:link {color: #666;}
#contents a:visited {color: #666;}
#contents a:hover {color: #990000;}
#contents a:active {color: #990000;}


/*#logo a {
	text-decoration: none;
}
*/
#slideband {
	height: auto;
	padding-top: 100px;
}

#slideband-recent {
	height: auto;
	padding-top: 200px;
	position: relative;
}



#div1, #div2, #div3, #div4, #div5,
#div6, #div7, #div8, #div9, #div10,
#div11, #div12, #div13, #div14, #div15,
#div16, #div17, #div18, #div19, #div20,
#div21, #div22, #div23, #div24, #div25

 {
	z-index: 200;
	float: left;
	clear: left;
	display: none;
}

.content-box {
	position: relative;
	float: left;
	clear: left;
	margin: 50px 0 30px 0;
}

.top-box {margin-top: 180px;}

.content-box .credit {
	font-size: 11px;
	line-height: 12px;
	color: #666;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: right;
letter-spacing: 2px;
text-transform:uppercase;
}

/*.content-box img {
	float: left;
	width: 80%;
	height: auto;
}*/
.full {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.eighty {
	float: left;
	margin-top: 20px;
	width: 80%;
}

.seventy {
	float: right;
		margin-top: 20px;
	width: 70%;
}

.sixty {
	float: left;
	margin-top: 20px;
	width: 60%;
}

.content-box .forty img {margin-top: 20px;}

.fifty {
	float: left;
	margin-top: 20px;
	width: 50%;
}

.forty {
	float: left;
	margin-top: 20px;
	width: 40%;
}
.thirty {
	float: right;
		margin-top: 20px;
	width: 30%;
}
.twenty {
	float: left;
	margin-top: 20px;
	width: 20%;
}

.pthumb {
	width: 18%;
	margin: 5px 5px 5px 9px;
	float: left;
}




.content-box .pthumb img {
	width: 100%;
	height:auto;
	margin: 0;
	border: none;
}

.content-box .pthumb p {
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 0;
	padding: 0;
}

.content-box .pthumb p a {
text-decoration: none;
color:#333;
}


.content-box .pthumb p a:hover {

color:#990000;
}



.content-box p {
	color: #555;
	margin: 0 0 20px 30px;
	font-size: 20px;
	line-height: 24px;
	padding: 0;
	clear:left;
}

.content-box p.capt {
	margin: 10px 0 40px 0;
	font-size:16px;
	line-height: 18px;
	padding-top: 10px;
}





.content-box h2 {
	color: #333;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 12px 30px;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #666;
}
.content-box img {
	float: left;
	clear: left;
	width: 100%;
	height:auto;
	margin-bottom: 0;

	}
	
.content-box ul {
	width: 28%;
	list-style: none;
	float: left;
	margin: 30px 0 0 0;
	padding: 0 30px 0 10px;
	border-left: 1px solid #999;
}
.content-box ul li {
	list-style: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666;
	padding: 0;
	margin: 5px 0 5px 0;
}

.pi {
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 5px 0;
	margin-left: 30px;
}

.pi-last {
	padding: 5px 00 0;
	margin-left: 30px;
	margin-bottom: 25px;
}


.pil {
	margin: 0 0 3px 0;

	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #999;

}


.pid {
	
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666;
}

.top {
	display:block;
	padding: 5px 0 0 0;
	margin: 70px 0 0 0;
	color: #888;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	border-top: 1px solid #d3d3d3;
	text-decoration: none;
	width: 100%;
	text-align: right;
}

a.top {color: #888;}
a.top:link {color: #888;}
a.top:visited {color: #888;}
a.top:hover {color: #990000;}
a.top:active {color: #888;}

	

.content-box a#showdiv1,
.content-box a#showdiv2,
.content-box a#showdiv3,
.content-box a#showdiv4,
.content-box a#showdiv5,
.content-box a#showdiv6,
.content-box a#showdiv7,
.content-box a#showdiv8,
.content-box a#showdiv9,
.content-box a#showdiv10,
.content-box a#showdiv11,
.content-box a#showdiv12,
.content-box a#showdiv13,
.content-box a#showdiv14,
.content-box a#showdiv15,
.content-box a#showdiv16,
.content-box a#showdiv17,
.content-box a#showdiv18,
.content-box a#showdiv19,
.content-box a#showdiv20,
.content-box a#showdiv21,
.content-box a#showdiv22,
.content-box a#showdiv23,
.content-box a#showdiv24,
.content-box a#showdiv25,
.content-box a#hidediv1,
.content-box a#hidediv2,
.content-box a#hidediv3,
.content-box a#hidediv4,
.content-box a#hidediv5,
.content-box a#hidediv6,
.content-box a#hidediv7,
.content-box a#hidediv8,
.content-box a#hidediv9,
.content-box a#hidediv10,
.content-box a#hidediv11,
.content-box a#hidediv12,
.content-box a#hidediv13,
.content-box a#hidediv14,
.content-box a#hidediv15
.content-box a#hidediv16,
.content-box a#hidedi17,
.content-box a#hidediv18,
.content-box a#hidediv19,
.content-box a#hidediv30,
.content-box a#hidediv21,
.content-box a#hidediv22,
.content-box a#hidediv23,
.content-box a#hidediv24,
.content-box a#hidediv25

 {
	display: block;
	padding: 5px 0 0 0;
	margin: 10px 30px 0 0;
	color: #888;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	float: left;
	border-top: 1px dotted #333;
	text-decoration: none;
}

.content-box a#showdiv1:hover, 
.content-box a#showdiv2:hover, 
.content-box a#showdiv3:hover,
.content-box a#showdiv4:hover, 
.content-box a#showdiv5:hover, 
.content-box a#showdiv6:hover, 
.content-box a#showdiv7:hover, 
.content-box a#showdiv8:hover,
.content-box a#showdiv9:hover, 
.content-box a#showdiv10:hover, 
.content-box a#showdiv11:hover, 
.content-box a#showdiv12:hover, 
.content-box a#showdiv13:hover,
.content-box a#showdiv14:hover, 
.content-box a#showdiv15:hover, 
.content-box a#showdiv16:hover, 
.content-box a#showdiv17:hover, 
.content-box a#showdiv18:hover,
.content-box a#showdiv19:hover, 
.content-box a#showdiv20:hover, 
.content-box a#showdiv21:hover, 
.content-box a#showdiv22:hover, 
.content-box a#showdiv23:hover,
.content-box a#showdiv24:hover, 
.content-box a#showdiv25:hover, 
.content-box a#hidediv1:hover,
.content-box a#hidediv2:hover, 
.content-box a#hidediv3:hover,
.content-box a#hidediv4:hover,
.content-box a#hidediv5:hover,
.content-box a#hidediv6:hover,
.content-box a#hidediv7:hover, 
.content-box a#hidediv8:hover,
.content-box a#hidediv9:hover,
.content-box a#hidediv10:hover,
.content-box a#hidediv11:hover,
.content-box a#hidediv12:hover, 
.content-box a#hidediv13:hover,
.content-box a#hidediv14:hover,
.content-box a#hidediv15:hover,
.content-box a#hidediv16:hover,
.content-box a#hidediv17:hover, 
.content-box a#hidediv18:hover,
.content-box a#hidediv19:hover,
.content-box a#hidediv20:hover,
.content-box a#hidediv21:hover,
.content-box a#hidediv22:hover, 
.content-box a#hidediv23:hover,
.content-box a#hidediv24:hover,
.content-box a#hidediv25:hover
{color: #990000;}

/*.more {
	color: #333;
	padding: 20px;
	margin: 0;
	font-size: 20px;
	line-height: 22px;
}
.content-box .more img {
	float: left;
	width: inherit;
	padding-right: 40px;
}*/
/* place topnav above slideshow */
 

/*#topnav ul {
	width: 100%;
}
*/
#footer {
	padding-top: 20px;
	margin: 200px 0 30px 0;
	clear: both;
	color: #666;
	border-top: 1px solid #ccc;
}

#footer p {
	text-align:center;
margin:0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}


#footer p a:link {
	text-decoration: none;
	color: #666;
}
#footer p a:hover {
	color: #990000;
}


 
.content-box.testimonial p{
 padding: 15px 0 5px 52px;
 background-image:url(images/quote-left.png);
 background-repeat: no-repeat;
 background-position: 0px 16px;
}


.testimonial img {margin-top:20px;}


}

}

/*Anything below 1250 pixels*/
/*Anything below 1250 pixels*/
/*Anything below 1250 pixels*/
/*Anything below 1250 pixels*/
/*Anything below 1250 pixels*/

@media only screen and (max-width:1250px) {

.content-box .pthumb p {
	font-size: 10px;
	line-height: 13px;
	margin: 0;
	padding: 0;
}

}


/*Anything below 1000 pixels*/
/*Anything below 1000 pixels*/
/*Anything below 1000 pixels*/
/*Anything below 1000 pixels*/
/*Anything below 1000 pixels*/
/*Anything below 1000 pixels*/
@media only screen and (max-width:1000px) {
	
	
	
#wrapper {
	position: relative;
	background-color: #fff;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	max-width: 1400px;
	clear: left;
}	
	
	
#head-box {
border-bottom: none;
	}	
	
#header {
 padding: 20px 0 5px 0;
 background-color: #fff;
 margin-bottom: 40px;
 position: fixed;
 width: 100%;
 z-index: 100;
}
 #header h1 {
 color: #666;
 font-size: 30px;
 letter-spacing:-.5px;
 width: 100%;
 margin: 0;
 padding: 0;
}
 #navigation {
 position: static;
 font-size: 14px;
 line-height: 14px;
text-align: left;
margin-top: 20px;
padding-bottom: 32px;
padding-left: 0;
	 margin-left: 0;
	 margin-bottom: 20px;
width: 100%;
}
	
#navigation p {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}
	
	
	
	
 #navigation a {
 color: #666;
 text-decoration:none;
 border-bottom: 1px dotted #666;
 margin-right: 20px;
	 
 margin-left: 0;
 padding: 2px;
 width: 120px;
 display:inline;
}
	
 #navigation a.last {
 border-bottom: 1px dotted #666;
}


#slideband {padding-top: 80px;}
#slideband-recent {padding-top: 80px;}


.full {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.eighty {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.seventy {
	float: left;
		margin-top: 20px;
	width: 100%;
}

.sixty {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.fifty {
	float: left;
	margin-top: 20px;
	width: 100%;
}

.forty {
	float: left;
	margin-top: 20px;
	width: 100%;
}
.thirty {
	float: left;
		margin-top: 0px;
	width: 100%;
}
.twenty {
	float: left;
	margin-top: 20px;
	width: 100%;
}


.content-box p {
	
	margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 22px;
	padding: 0;
}
.content-box h2 {
	color: #333;
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #666;
}

.content-box ul {
	width: 40%;
}


.content-box img {
	float: left;
	clear: left;
	width: 100%;
	height:auto;
	margin-bottom: 5px;
	}
	
	
	.pi {
	border-bottom: 1px dotted #ccc;
	padding:  0;
	margin-left: 0;
}

.pi-last {
	padding: 5px 00 0;
	margin-left: 0;
	margin-bottom: 20px;
}


.pil {
	margin: 0 0 3px 0;

	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #999;

}


.pid {
	
	padding-left: 8px;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666;
}



.content-box .testimonial p{
 padding: 50px 0 5px 0;
 background-image:url(images/quote-left.png);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}


#contents {
	
	margin-top:14px;
	text-align:left;
   width: 100%;
	padding-top: 20px;

	}


#contents a {
	margin: 0 20px 0 0;
}
		

.top-box {
margin-top: 220px;
}



}













/*Anything below 800 pixels*/
@media only screen and (max-width:800px) {
#slideband {padding-top: 50px;}

.top-box {margin-top: 150px;}

.pthumb {
	width: 30%;
	
}


}

/*Anything below 600 pixels*/
	
@media only screen and (max-width:600px) {
	
#head-box {border-bottom:none;}

#header {padding-top:10px;}


#header {
	padding: 10px 0 0 0;
	background-color: #fff;
	margin-bottom: 0;
	position: static;
	top: 0;
	z-index: 100;
	width: 100%;
}




 #header h1 {
	 line-height: 26px;
 color: #666;
 font-size: 24px;
 letter-spacing:-.5px;
 width: 100%;
 margin: 0 0 20px 0;
 padding: 0;
 text-align:center;
}

#head-box {
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 5px;
	}
    
    
    
    .fone {
        
      line-height: 60px;
        
    }    

/*.top-box {margin-top: 60px;}*/

#navigation {
	text-align:center;
	margin:8px 0 0 0;
	padding:0;
    overflow: hidden;
	
	}
	
	
	
	#navigation p {
	float: left;
		clear: left;
	width: 100%;
	margin: 0;
		font-size: 12px;
		line-height: 20px;
	
}
	
	
	
#navigation p a {
	line-height: 20px;
	padding: 0;
	font-size: 12px;
	clear: none;
	float: left;
	display: block;
	margin-left: 1%;
	margin-right: 1%;
	width: 30%;
	
	}
	
#wrapper {
	width: 90%;
	margin-top: 80px;
	}	
	
	
	
	
#slideband-recent {padding-top: 0;}	
	
	
.content-box {
	position: relative;
	float: left;
	clear: left;
	margin: 0 0 40px 0;
}	

.content-box img {

margin-bottom: 2px;
}


.content-box h2 {

font-size: 18px;
line-height: 20px;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #666;
}


.content-box p {
margin: 0 0 5px 0;
font-size: 16px;
line-height: 20px;

}
	
	

.pthumb {
	width: 30%;
	}

.content-box .pthumb p {
font-family: "Arial Narrow", Arial, sans-serif;
font-size: 10px;
line-height: 10px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 3px 0 0 0;
}


#contents {
	
	margin-top: 0;
	margin-bottom: 0;
	text-align:center;
   width: 80%;

	}	
	

#contents a {
	line-height: 20px;
}
		
	
	
.content-box ul {width: 90%;}

.content-box ul.para {
width: 90%;
margin: 0 0 20px 10px;
}

h5 {
margin-left: 4%;
margin-top: 30px;
}

.eighty {margin-top: 0px; }


.twenty {margin-top: 0px;}


.testimonial img {
margin-top: opx;
}

.callbacks p.caption .more {	display:none;}
	
.pthumb {
margin: 5px 4px 5px 4px;
}

.seventy {margin-bottom: 30px;}

.content-box p.capt {
margin: 0 0 10px 0;
font-size: 16px;
line-height: 18px;
padding-top: 0;
}

.pid {
padding-left: 0;
}

.seventy {
	float: right;
}

.thirty {
	float: right;
}

.top {	
	margin: 40px 0 0 0;
}

	

}