﻿/* HIDE PRINT HEADER ============================================================================= */

.print
{
display: none;
}


/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font : 100%/1.6 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

color : #666; 
text-align: center;
background: #fff;

}

textarea { 
font-family : 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
 
color : #000; }

select { 
font-family : 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
 
color : #000; }

input { 
font-family : 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
 
color : #000; }

button { 
font-family : 'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
 
color : #000; }

.pad { padding:1em; }

/*  HEADINGS  ============================================================================= */

h6 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h5 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h4 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h3 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h2 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h1 {
font-family:  'Raleway', 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;

font-weight : normal;
margin-top: 0;
letter-spacing: -1px;
}

h1 { 
color: #00AAEF;
margin-top : 0em;
margin-bottom : 0.2em;
font-size : 2.5em; /* 40 / 16 */
line-height : 1.4;
font-weight:bold;
}

h2 { 
color: #00AAEF;
margin-bottom : 0.5em;
font-size : 1.75em; /* 26 / 16 */
line-height : 1.2;
}

h3 { 
color: #003050;
margin-bottom : 0.3em;
font-size : 1.5em; /* 24 / 16 */
line-height : 1.3; }


h4 { 
color: #003050;
margin-bottom : 0.5em;
font-size : 1.25em; /* 20 / 16  */
line-height : 1.25; }

	footer h4 { 
	margin-bottom : 0.7em;}

h5 { 
color:#99aa22; 
letter-spacing:1px; 
margin-bottom : 1.0em;
font-size : 1em; /* 16 / 16 */
text-transform:uppercase; }

.imageeffect
{
margin: 4px;
background: #cccccc;
border: 4px solid #f0f0f0;
}

.image_float{
				float:left;
}
.spacer{
clear:left;			
}


/*  TYPOGRAPHY  ============================================================================= */

address { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

dl { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ul { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

ol { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p { 
margin-bottom : 1em; 
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;  }


p.introtext {
font-size: 1.375em; /* 22 / 16 */
line-height: 1.4em;
}

p.center {
text-align: center;
}

ol { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

ul { 
margin : 0 0 1.5em 0; 
padding : 0 0 0 24px; }

li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

li ul { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dd { 
margin-bottom : 1.5em; }

dl { 
margin-bottom : 1.5em; }

dt { 
font-weight : normal; }

strong { 
font-weight : bold; }

b { 
font-weight : bold; }

hr { 
display : block; 
margin : 1.5em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px dotted #999;
}

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sub { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }

/* LINKS =============================================================================  */

a { 
color : #00AAEF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited { 
color : #037AAA; }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:active { 
outline : 0;
color : #aabb33;
}


a:hover { 
outline : 0;
color : #003050;
}
.also_in {
background-color:#F4F2DF;
margin-left: 5px;
font-weight:bold;
}
.also_in h3 {
color: #003050;
border-bottom:thick #E3DEAE solid;
}
.also_in a { 
color : black; }

.also_in a:visited { 
color : black; }

.also_in a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

.also_in a:active { 
outline : 0;
color : #34B6E5;
}


.also_in a:hover { 
outline : 0;
color : #34B6E5;
}

.contacts {
background-color:#F4F2DF;
margin-left: 5px;
}
.contacts h3 {
color: #003050;
border-bottom:thick #E3DEAE solid;
border-top:thick #E3DEAE solid;
}

.span_1_of_3{
background-color:#F4F2DF;
}
.span_1_of_3 h3{
font-weight:bolder;
}



	
footer a { 
color : #ffffff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited { 
color : #ffffff; }

footer a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

footer a:active { 
outline : 0;
color : #eeffee;
}


footer a:hover { 
outline : 0;
color : #eeffee;
}


/* IMAGES ============================================================================= */

img{
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}

img.floatleft { float: left; margin: 0 1.25em 1em 0; }
img.floatright { float: right; margin: 0 0 1em 1.25em; }


/* TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
}

caption { 
padding : .25em 10px .25em 5px; }

td { 
padding : .25em 10px .25em 5px; }

th { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label{
font-weight : normal;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}
	
	label span{
	color:#666;
	font-size:0.9em;
	}
	
	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}
	
	label.disabled{
	color:#ccc;
	}


textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }


select { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }


input { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }


search { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }


button { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

input { 
line-height : normal; 
*overflow : visible; }

button { 
line-height : normal; 
*overflow : visible; }

input[type="submit"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="reset"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="button"] { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

button { 
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer; 
text-shadow:0 1px 0 #fff;
}

input[type="radio"] { 
box-sizing : border-box; }

input[type="checkbox"] { 
box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

input::-moz-focus-inner { 
padding : 0;
border : 0;  }

button::-moz-focus-inner { 
padding : 0;
border : 0;  }

input[type="text"]{
display:block;
width:97%;
margin:10px 0 10px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0 0 2px #666;
-webkit-box-shadow:inset 0 1px 2px #666;
box-shadow:inset 0 1px 2px #666;
}

	input[type="tel"]{
display:block;
width:97%;
margin:10px 0 10px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0 0 2px #666;
-webkit-box-shadow:inset 0 1px 2px #666;
box-shadow:inset 0 1px 2px #666;
}

	input[type="email"]{
display:block;
width:97%;
margin:10px 0 10px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0 0 2px #666;
-webkit-box-shadow:inset 0 1px 2px #666;
box-shadow:inset 0 1px 2px #666;
}

	.placeholder{
	color:#bbb;
	}
	
	input:-moz-placeholder{
	color:#bbb;
	}
	
	input::-webkit-input-placeholder{
	color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0 0 2px #ddd;
	-webkit-box-shadow:inset 0 1px 2px #ddd;
	box-shadow:inset 0 1px 2px #ddd;
	}
	
	input[disabled="disabled"]{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0 0 2px #ddd;
	-webkit-box-shadow:inset 0 1px 2px #ddd;
	box-shadow:inset 0 1px 2px #ddd;
	}
	
textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0 0 6px #ccc;
-webkit-box-shadow:inset 0 1px 6px #ccc;
box-shadow:inset 0 1px 6px #ccc;
overflow : auto; 
vertical-align : top;
}

/* Required Star */
form i { color:#f00; }


/*  GRID COLUMN SETUP FROM RESPONSIVEGRIDSYSTEM.COM    ===================================== */

/*  SECTIONS  */
.section {
	clear:;
	padding: 0;
	margin: 0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 1.2% 1% 0;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:after {
	content:"";
	display:table;
}
.group:before {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}

/*  GRIDS  */
.span_1_of_2 { width:48.75%; }
.span_2_of_3 { width:65.833333333333%; }
	.span_1_of_3 { width:31.666666666667%; }
		
.span_3_of_4 { width:74.375%; }
	.span_2_of_4 { width:48.75%; }
		.span_1_of_4 { width:23.125%; }
			
.span_4_of_5 { width:79.5%; }
	.span_3_of_5 { width:59%; }
		.span_2_of_5 { width:38.5%; }
			.span_1_of_5 { width:18%; }
            
.span_5_of_6 { width:82.916666666667%; }
	.span_4_of_6 { width:65.833333333333%; }
		.span_3_of_6 { width:48.75%; }
			.span_2_of_6 { width:31.666666666667%; }
				.span_1_of_6 { width:14.583333333333%; }

.span_6_of_7 { width:85.357142857143%; }
	.span_5_of_7 {	width:70.714285714286%; }
		.span_4_of_7 { width:56.071428571429%; }
			.span_3_of_7 { width:41.428571428571%; }
				.span_2_of_7 { width:26.785714285714%; }
					.span_1_of_7 { width:12.142857142857%; }
						
.span_7_of_8 { width:87.1875%; }
	.span_6_of_8 { width:74.375%; }
		.span_5_of_8 {	width:61.5625%; }
			.span_4_of_8 { width:48.75%; }
				.span_3_of_8 { width:35.9375%; }
					.span_2_of_8 { width:23.125%; }
						.span_1_of_8 { width:10.3125%; }

.span_8_of_9 { width:88.611111111111%; }
    .span_7_of_9 { width:77.222222222222%; }
        .span_6_of_9 { width:65.833333333333%; }
            .span_5_of_9 {	width:54.444444444444%; }
                .span_4_of_9 { width:43.055555555556%; }
                    .span_3_of_9 { width:31.666666666667%; }
                        .span_2_of_9 { width:20.277777777778%; }
                            .span_1_of_9 { width:8.8888888888889%; }

.span_9_of_10 { width:89.75%; }
    .span_8_of_10 { width:79.5%; }
        .span_7_of_10 { width:69.25%; }
            .span_6_of_10 { width:59%; }
                .span_5_of_10 {	width:48.75%; }
                    .span_4_of_10 { width:38.5%; }
                        .span_3_of_10 { width:28.25%; }
                            .span_2_of_10 { width:18%; }
                                .span_1_of_10 { width:7.75%; } 

/* quarters */
.span_1_of_4:nth-child(4n+1),
.span_2_of_8:nth-child(4n+1) { clear:both; margin-left:0; }
/* thirds */
.span_1_of_3:nth-child(3n+1),
.span_2_of_6:nth-child(3n+1),
.span_3_of_9:nth-child(3n+1) { clear:both; margin-left:0; }
/* halves */
.span_1_of_2:nth-child(odd),
.span_2_of_4:nth-child(odd),
.span_3_of_6:nth-child(odd),
.span_4_of_8:nth-child(odd),
.span_5_of_10:nth-child(odd) { clear:both; margin-left:0; }

/*  ACCORDION  ============================================================================= */

.accordion-box-link { display:none; position:absolute; width:100%; height:100%; top:0; left:0;}
.accordion-box-header { position:relative; padding:0.4em 0; margin-bottom:0.6em; width:100%; }
.also_in ul { list-style-type:none; padding:0; margin:0 0 1.5em 0.1em; }
.also_in li { margin-bottom:0.1em; }


.contacts ul { list-style-type:none; padding:0; margin:0 0 1.5em 0.1em; }
.contacts li { margin-bottom:1.2em; }

@media only screen and (max-width: 620px) {
				
		/* accordion */
		.accordion-box-link { display:block;}
		.accordion-box-header {  background:url("../images/aside-arrow.png") center right no-repeat; }
		.accordion-box-content { display:none; margin-top:0.4em; }

}
.headernav a{

display: block;  /*displays the link as a block which stretches to the width specified-100% of its parent*/
width: 100%;/*width of link is 100% the width of its parent*/
padding-bottom:1%;

}  


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0;
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GO TO TWO COLUMNS LESS THAN 768 PIXELS */

@media only screen and (max-width: 768px) {
	.span_1_of_4 {
		width: 48.75%;
	}

	.span_1_of_4:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}

/*  GO TO TWO COLUMNS LESS THAN 768 PIXELS */

@media only screen and (max-width: 768px) {
	.span_1_of_6 {
		width: 31.666666666667%;
	}

	.span_1_of_6:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}



/*  MAIN LAYOUT	============================================================================= */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}

	#headcontainer {
		width: 100%;
		background: #fff;
		background: rgba(255, 255, 255, 0.5);
	}

		header {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 75em; /* 1200px / 16 */
			margin: 0 auto;
			padding: 0;
			position: relative;z-index:9999;
			color: #333333;
			
		}

			#logo {
				float:left;
				margin: 1em 0;
				width: 25%;			
			
			}
			#footerlogo img{
				width: 35%;			
			
			}

			
			#topright {
				float:right;
				margin: 0;
				width: 75%;			
			
			}
			
			
				#topcontact {
					float:right;
					text-align: right;
					margin: 2em 0 0 0;
					width: 100%;
				}
				
				
				nav {
					float:right;
					text-align: right;
					margin: 0 0 0 0; position:relative; 
				}

.clear
{
				clear:both;
}

				/* ===================== */
				/* New Menu */	
				/* ===================== */
				.mainNav 	{ position:relative;  text-align: right; float: left; background-color:#003050; width:100%;}
				.mainNav ul 	{ margin:0.5em 0 0 0; padding:0; }
				.mainNav li	{ display: block; float: left; position: relative; padding: 0.4em 0 0.4em 0.4em; margin: 0 0 0 0.4em ; text-align:left;
							-webkit-transition: background 0.3s ease;
							-moz-transition: background 0.3s ease;
							-o-transition: background 0.3s ease;
							transition: background 0.3s ease; }
				.mainNav li a 		{ padding: 0.5em 0 0.5em 0.5em; display: block; outline:0; text-decoration:none; color:#E3DEAE; font-weight:bold; }
				.mainNav li a:hover 	{ color:#fff; font-weight:bold;} 

				.mainNav li a.drop 	{ padding-right:16px; background:url("../images/drop.png") no-repeat 98% 1em; }  
				.mainNav li:hover a.drop 	{   background:url("../images/drop.png") no-repeat 98% 1em; }

				.menuToggle 		{ display:none; }

						/* Dropdown Styles */

						.dropdown_5columns {  
						    zoom:1;
						    margin:4px auto;  
						    position:absolute;  
							
						    display:none; /* Hides the drop down */  
						    text-align:left;  
						    padding:4px 6px;   
						    border-top:none;    
						    background:#015E9C; 
						    }


						.dropdown_4columns {  
						    zoom:1;
						    margin:4px auto;  
						    position:absolute;  
							
						    display:none; /* Hides the drop down */  
						    text-align:left;  
						    padding:4px 6px;   
						    border-top:none;    
						    background:#015E9C; 
						    }


						.dropdown_3columns {  
						    zoom:1;
						    margin:4px auto;  
						    position:absolute;  
							
						    display:none; /* Hides the drop down */  
						    text-align:left;  
						    padding:4px 6px;   
						    border-top:none;    
						    background:#015E9C; 
						    }


						.dropdown_2columns {  
						    zoom:1;
						    margin:4px auto;  
						    position:absolute;  
							
						    display:none; /* Hides the drop down */  
						    text-align:left;  
						    padding:4px 6px;   
						    border-top:none;    
						    background:#015E9C; 
						    }


						.dropdown_1column {  
						    zoom:1;
						    margin:4px auto;  
						    position:absolute;  
							
						    display:none; /* Hides the drop down */  
						    text-align:left;  
						    padding:4px 6px;   
						    border-top:none;    
						    background:#015E9C; 
						    }


						.dropdown_1column {width: 200px;}  
						.dropdown_2columns {width: 420px;}  
						.dropdown_3columns {width: 620px; }  
						.dropdown_4columns {width: 820px;}  
						.dropdown_5columns {width: 1020px;} 


						.col_5 {  
						    display:inline;  
						    float: left;  
						    position: relative;  
						    padding: 4px; 
						    line-height: 1.3em;
						}  
						

						.col_4 {  
						    display:inline;  
						    float: left;  
						    position: relative;  
						    padding: 4px; 
						    line-height: 1.3em;
						}  
						

						.col_3 {  
						    display:inline;  
						    float: left;  
						    position: relative;  
						    padding: 4px; 
						    line-height: 1.3em;
						}  
						

						.col_2 {  
						    display:inline;  
						    float: left;  
						    position: relative;  
						    padding: 4px; 
						    line-height: 1.3em;
						}  
						

						.col_1 {  
						    display:inline;  
						    float: left;  
						    position: relative;  
						    padding: 4px; 
						    line-height: 1.3em;
						}  
						.col_1 {width:190px;}  
						.col_2 {width:390px;}  
						.col_3 {width:590px;}  
						.col_4 {width:790px;}  
						.col_5 {width:990px;} 

						.mainNav li:hover {     
							color: #015E9C;
						}  
						.mainNav h6 { background:#669FC5; border-bottom:medium black solid; border-top:medium black solid;}
						.mainNav li.hassub { padding-right:1em; border-radius:8px 8px 0 0;}
						.mainNav li.hassub:hover {     
							background: #015E9C; border-radius:8px 8px 0 0;
						} 

						.mainNav li:hover a.drop {
						    color: #015E9C; 
						}  

						.activeNavLink {  
							color: #015E9C;  
						}  

						.mainNav li:hover .dropdown_5columns {  
							left:0;  
							top:2.4em;  
							-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							box-shadow: 0 3px 6px rgba(0,0,0,.25);
							border-radius: 0 8px 8px 8px;
							 display:block;
							 position: absolute;
							 
						} 	
						
						.mainNav li:hover .dropdown_4columns {  
							left: 0;  
							top:2.4em;  
							-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							box-shadow: 0 3px 6px rgba(0,0,0,.25);
							border-radius: 0 8px 8px 8px;
							 display:block;
							 position: absolute;
							 
						} 	
						
						.mainNav li:hover .dropdown_3columns {  
							left: 0;  
							top:2.4em;  
							-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							box-shadow: 0 3px 6px rgba(0,0,0,.25);
							border-radius: 0 8px 8px 8px;
							 display:block;
							 position: absolute;
							 
						} 	
						
						.mainNav li:hover .dropdown_2columns {  
							left: 0;  
							top:2.4em;  
							-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							box-shadow: 0 3px 6px rgba(0,0,0,.25);
							border-radius: 0 8px 8px 8px;
							 display:block;
							 position: absolute;
							 
						} 	
						
						.mainNav li:hover .dropdown_1column {  
							left: 0;  
							top:2.4em;  
							-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
							box-shadow: 0 3px 6px rgba(0,0,0,.25);
							border-radius: 0 8px 8px 8px;
							 display:block;
							 position: absolute;
							 
						} 	
						.mainNav li ul {  
						    list-style:none; 
						    padding:0;  
						    margin:0 0 0 0;  
						}  
						.mainNav li ul li {     
						    position:relative;
						    background: none;
						    margin:0;  
						    padding: 0;
						    border: 0;
						    float:none;  
						    text-align:left;   
						}  

						.mainNav li ul li a {
							padding: 2px 1px 2px 0.5em;
							font-size: 0.9375em;
							color:#fff;
							text-shadow:1px 1px 0 #000; 
						}

						.mainNav li ul li a:hover {
							color: #333;
							text-shadow:none; 
						}


					
	#topimagecontainer {
		width: 100%; 
		float:left;
		background: #00AAEF;
		border-top: 2px solid red;
	}

		#topimage{
			clear: both;
			position: relative; 
			color: #fff;
			line-height: 1.5em;
			border-bottom: 1px solid #999;
		}
		
	
	
	#breadcrumbcontainer {
		width: 100%;  
		margin:0 0 0.2em 0;
	}

		#breadcrumb {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			font-size: 0.875em; /* 14 / 16 */
			margin: 0 auto;
			color: #333;
			line-height: 1.5em;	
		}
		
			#breadcrumb a:visited { font-weight:bold; color: #00AAEF; text-decoration: none; }
					
			#breadcrumb a:link { font-weight:bold; color: #00AAEF; text-decoration: none; }
			#breadcrumb a:hover { color: #003050; text-decoration: underline; }
			
			#breadcrumb ol { 
				list-style-type:none; 
				margin:0; 
				padding:0;
			}
			
			#breadcrumb li {
				float:left; 
				padding:0.8em 0.6em 0.8em 1em; 
				margin:0; 
				background:url("../images/breadcrumb-arrow.png") no-repeat left center; 
			}
			
			#breadcrumb li:first-child { padding-left:0; background:none; }

			
			
	#maincontentcontainer {
		width: 100%; 
		background: #fff;
	}

		#maincontent {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			font-size: 0.875em; /* 14 / 16 */
			margin: 0 auto;
			padding: 1em 0;
			color: #333;
			line-height: 1.5em;
			
		}
			
	

	#clientscontainer {
		width: 100%;
		background: #fff;
	}
	
		#clients {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			margin: 0 auto;
			font-size: 0.875em; /* 14 / 16 */
			padding: 1em 0;
			color: #333;
			text-align: center;
		}

	
	#footercontainer {
		width: 100%;
		background-color: #E3DEAE;
	}
	
		footer {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			margin: 0 auto;
			font-size: 0.875em; /* 14 / 16 */
			padding: 1.5em 0;
			color: #E3DEAE;
		}
		

		footer a:visited { color: #00AAEF; text-decoration: none; }
				

		footer a:link { color: #00AAEF; text-decoration: none; }
		footer a:hover { color: #00AAEF; text-decoration: underline; }

		ul.pagefooterlist {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			width:100%;
		}

		ul.pagefooterlist li {
			clear: left;
			margin: 0;
			padding: 0 0 3px 0;
			display: block;
			line-height: 1.5em;
			font-weight: normal;
			background: none;

		}
		#copyright { 
color: #00AAEF;
}
#copyright a:visited { color: #00AAEF; text-decoration: none; }
				

		#copyright a:link { color: #00AAEF; text-decoration: none; }
		#copyright a:hover { color: #00AAEF; text-decoration: underline; }



	#sharecontainer {
		width: 100%;
		background-color: #E3DEAE;
	}
	
		#share {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			margin: 0 auto;
			font-size: 0.875em; /* 14 / 16 */
			padding: 1em 0 0.5em 0;
			color: #333;
			text-align: center;
		}

		div.addthis_toolbox {
		  width: 220px;
		  margin: 0 auto;
		}

	#pagebottomcontainer {
		width: 100%;
		background: #003050;
		background-image:url('../images/bottomcontainer_bckgrnd.gif');
		background-repeat:no-repeat;
		background-position:right;
		
	}
	
		#pagebottom {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 85.71em; /* 1200px / 14 */
			margin: 0 auto;
			font-size: 0.875em; /* 14 / 16 */
			padding: 2em 0 0 0;
			color: #ccc;
			text-align: left;
		}
		
		#pagebottom a:visited { color: #00AAEF; text-decoration: underline; }
				
		#pagebottom a:link { color: #00AAEF; text-decoration: underline; }
		#pagebottom a:hover { color: #00AAEF; text-decoration: underline; }
		
		#footerlogo {
				text-align:left;
}
		#pagebottomcontact {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 75em; /* 1200px / 16 */
			margin: 0 auto;
			padding: 0;
			color: #ccc;
			text-align: center;
		}
		
		#pagebottomcontact img {
			display: inline;
			margin-right: 10px;
			}
		
		#pagebottomcontact p {
			font-size: 1.5em;
			line-height: 32px;
			text-align: left;
			}
		
		#pagebottomcontact .col:first-child p{
			text-align: right;
		}
		
		
		#pagebottomcontact a:visited { color: #00AAEF; text-decoration: none; }
				
		
		#pagebottomcontact a:link { color: #00AAEF; text-decoration: none; }
		#pagebottomcontact a:hover { color: #00AAEF; text-decoration: underline; }


		#pagebottomnewsletter {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 75em; /* 1200px / 16 */
			margin: 0 auto;
			padding: 0;
			color: #ccc;
			text-align: center;
		}
		
		#pagebottomnewsletter label {
				float: right;
				}
		
		#pagebottomnewsletter input#mc-embedded-subscribe {
				float: left;
				margin-top: 5px;
				}
		
		
	
		#smallprint {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 92.31em; /* 1200px / 13 */
			margin: 0 auto;
			font-size: 0.8125em; /* 13 / 16 */
			padding: 0.5em 0;
			color: #999;
			text-align: left;
		}
		
		#smallprint a:visited { color: #00AAEF; text-decoration: none; }
				
		#smallprint a:link { color: #00AAEF; text-decoration: none; }
		#smallprint a:hover { color: #00AAEF; text-decoration: none; }


	#creditscontainer {
		width: 100%;
		background: #111;
		background: rgba(0, 0, 0, 0.9);
	}
	
		#credits {
			clear: both;
			width: 80%; /* 1000px / 1250px */
			max-width: 100em; /* 1200px / 12 */
			margin: 0 auto;
			font-size: 0.75em; /* 12 / 16 */
			padding: 1em 0 0 0;
			color: #ccc;
			text-align: center;
		}

		#credits a:visited { color: #ccc; text-decoration: none; }
		
		#credits a:link { color: #ccc; text-decoration: none; }
		#credits a:hover { color: #fff; text-decoration: none; }


/*  LINE DIVIDERS  ============================================================================= */

.linedivider {
	background:  url("../images/linedividerback.png") repeat-x 0 0.5em;	
}

.linedivider span {
	background: #fff;
	padding: 0 15px;
	
}




/*  ICON LINKS ============================================================================= */

a.iconlink { padding-left:14px; background: url("../images/icon.png") no-repeat 0 0.25em; }

/*  FIND YOUR CENTER ============================================================================= */

.centeredtext {text-align: center;}


/*  RESET THE LIST  ============================================================================= */

.resetlist { margin:0; padding:0; list-style-type:none; }

						


			
/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.fullwidth { width:100% !important; }

.thanks		{ background:#889911; color:#fff; padding:0.6em; text-align:center; }
.error 		{ background:#d02828; color:#fff; padding:0.6em; text-align:center; }



/*  MEDIA QUERIES  ============================================================================= */



@media screen and (max-width: 1024px) 
{
		#credits {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#smallprint {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#pagebottom {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#share {
			width: 93.75%; /* 960px / 1024px */
		}
		
		footer {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#clients {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#maincontent {
			width: 93.75%; /* 960px / 1024px */
		}
		
		#breadcrumb {
			width: 93.75%; /* 960px / 1024px */
		}
		
		header {
			width: 93.75%; /* 960px / 1024px */
		}
		
		.mainNav li { padding: 0.4em 0.4em;  }
		.mainNav li a { padding: 0.5em 0.3em; }

		.mainNav li ul li a {
			padding: 2px 1px 2px 0.3em;
		}

}

@media screen and (max-width: 768px) 
{
		header {width: 100%;}
		#logo {width: 100%; text-align: center; margin:1em 0 0 0;}
		#topright {width: 100%; text-align: center;}
		#topcontact {width: 100%; text-align: center;}
		nav {clear:both; width: 100%;}

		a.menuToggle { clear: both; cursor:pointer; float:left; display:block; width:100%; text-align:left; background:#A1815F; padding: 9px 0; color:#fff; text-indent:14px; }
		a.menuToggle img { float:right; padding: 5px 10px 0 0 ; }
		
		.mainNav { float:left; width:100%; margin-top:1em;}
		.mainNav ul { margin:0; }
		.mainNav li { background: #cccccc; width:100%;  padding:0; margin:0; border-bottom:1px #fff solid; text-indent:10px; }
		/* On hover on mobile, o make sure hover state is showing */
		.mainNav li a { color:#000; }
		.mainNav li ul li { display:block; }
		
		.mainNav li.hassub { padding-right:0; border-radius:0; }
		
		#show_menu { display:none; }
		
		/* You can take the drop arrows off now*/
		.mainNav li:hover a.drop {   background:url("../images/drop.png") no-repeat 98% 12px; }
 		.mainNav li a.drop { background:none; }
		
		/* Turn off some styles */	
		.mainNav {background-color:transparent;}			
		.mainNav li ul li a:hover { text-shadow:none; color:#000;  }
		.mainNav li ul li a:hover { text-shadow:none; color:#000;  }
		.mainNav li ul li a { text-shadow:none; color:#000;  }
		.mainNav li.hassub:hover { background:none; box-shadow:none; border-radius:0; text-shadow:none; color:#000; }
		.mainNav li:hover { background:none; box-shadow:none; border-radius:0; text-shadow:none; color:#000; }
		.mainNav li:hover a { text-shadow:none; color:#000; }
		.mainNav li:hover .dropdown_5columns { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
					
		
		.mainNav li:hover .dropdown_4columns { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
					
		
		.mainNav li:hover .dropdown_3columns { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
					
		
		.mainNav li:hover .dropdown_2columns { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
					
		
		.mainNav li:hover .dropdown_1column { margin:0; padding:0;border-radius:0; top:auto; box-shadow:none; position:relative; }
					
		
		/* Make all the hovers into regular list menus */
		.dropdown_5columns {  top:auto; left:0; padding:0; margin:0; width:100%;  border:0;  }
		.dropdown_4columns {  top:auto; left:0; padding:0; margin:0; width:100%;  border:0;  }
		.dropdown_3columns {  top:auto; left:0; padding:0; margin:0; width:100%;  border:0;  }
		.dropdown_2columns {  top:auto; left:0; padding:0; margin:0; width:100%;  border:0;  }
		.dropdown_1column {  top:auto; left:0; padding:0; margin:0; width:100%;  border:0;  }
		.col_5 { margin:0; padding:0; width:100%; }
		
		
		.col_4 { margin:0; padding:0; width:100%; }
		
		
		.col_3 { margin:0; padding:0; width:100%; }
		
		
		.col_2 { margin:0; padding:0; width:100%; }
		
		
		.col_1 { margin:0; padding:0; width:100%; }
		
		
		.mainNav li ul li { background: #eeeeee; padding:0; margin:0; text-indent:0; }
		/* Make the sublinks slightly smaller */
		.mainNav li ul li a { font-size:0.9em; padding:7px 0; text-indent:10px; background:#eeeeee; }
		
		.mainNav li:hover a.drop {  }  
		
		.mainNav li a.drop {  }  
		
		.activeNav { background: #886611; }  			
}
/* Only force show nav over 769px */
@media screen and (min-width: 769px) 
{
		#show_menu { display:block !important; }
		
}

@media screen and (max-width: 660px) 
{
	body { font-size:90%; }
	#logo img { width:90px; }
	#footerlogo img { width:150px; }
	#topcontact { margin:1em 0 0 0; }
	
	.casestudy-logo { float:left;  margin:0 0 1em 0; width:50%;}
	.case-study-wrap h1 { clear:both; }
	.case-study-wrap blockquote { float:none; width:90%; padding:5%; margin:0.5em 0 1.5em 0; }
	
	.flex-caption-home strong { font-size:1em; }
	.flex-caption-home p { display:none; }
}

@media screen and (max-width: 600px) 
{
.clientscarousel .flex-control-nav { display:none; }
.clientscarousel .flex-direction-nav a { background-image: url("../images/bg_direction_nav_dark.png") !important; opacity:1; }

}
@media screen and (max-width: 480px) 
{
		#pagebottomcontact .col p{
		text-align: center;
		}
		
		#pagebottomcontact .col:first-child p{
		text-align: center;
		}
		
		ul.pagefooterlist li {
			text-align: center;

		}
		
		#pagebottomnewsletter label {
				float: left;
		}
		#pagebottomcontainer {
		background-image:none;		
	}

}

