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




/* ============= Reset ============= */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}



html, body {
	width: 100%;
	height: 100%;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}


/* ============= Globals ============= */



body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #999;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center top;
}


a {
	color:#93AC28;
	text-decoration: none;
}


a:hover {
	color:#A8CA1F;
	text-decoration: underline;
}
	
a:active {
	color:#F0FFA8;
	text-decoration: underline;
	}
	
	
.bg .innerbg a	{
	color:#93AC28;
	text-decoration: none;
}

.bg .innerbg a:hover	{
	color:#A8CA1F;
	text-decoration: none;
}

	
.error {
	font-size: 24px;
	letter-spacing: 3px;
	color: #9933FF;
	padding-top: 10px;
	}
	


img.profileAvatar{
	width: 100%;
	max-width: 65%;
	height:auto;
	border-radius: 50%;
	display:block;
	margin-top: 10%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
	}

p {
	margin: 0 0 1.2em;
	padding: 0;
}

/* list */
ul, ol {
	margin: 1em 0 1.4em 24px;
	padding: 0;
	line-height: 140%;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

.post li {
	list-style-type: square;
}


.desktop {display: block;}
.mobile {display: none;}

.fb_iframe_widget {
	background-color: #FFF;
}


/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #333;
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	
/*	font-family: 'Lato', sans-serif;
font-family: 'Flamenco', cursive;
font-family: 'Dosis', sans-serif;
font-family: 'Gruppo', cursive;

font-family: 'Antic Slab', serif;
*/
	
	
	
}



h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.4em;
}


h3 {
	font-size: 1.2em;
	color: #CCC;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .90em;
}

h1.section-title {font-size: 2.5em;}

h3.featured {
	font-weight: 600;
	margin-top: 0px;
}


h3 span{font-weight: bold; font-size: 80%; text-transform: uppercase; letter-spacing: .045em;}

li h2 {font-size: 1em;}


.italic {
	font-style: italic;
}
.center {text-align: center;}


/* ====================        Search        ==========================*/


.fb-like-box {
	background-color: #FFF;
	padding: 2%;
}


/* reset webkit search input styles */
input[type=search] {
	-webkit-appearance: none;
	outline: none;
}
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


/* searchform */
#searchform {
	position: absolute;
	right: 10px;
	bottom: 6px;
	z-index: 100;
	width: 160px;
}
#searchform #s {
	width: 140px;
	float: right;
	background: #fff;
	border: none;
	padding: 6px 10px;
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	/* transition */
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
}


form#contact {padding: 15px; width: 250px; float: right;

-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(255,255,255, 0.72);
	border: 1px solid  rgba(255,255,255, 0.32);
	
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.75);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.75);
	box-shadow: 0 1px 3px rgba(0,0,0,.75);
}


#contact textarea, select, input[type="text"] {
	padding: 6px;
	color: #999;
	border: 1px solid #D8D8D8;
	font-size: 0.95em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #EDEDED;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}



#contact input {
	padding: 3px 5px;
	font-size: 1.1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	clear: left;
}

   
#contact input:focus, textarea:focus, select:focus {
	border: 1px solid #39F;
	background-color: #FFFFFF;
	color:#000;
}

#contact input[type="submit"], #contact input[type="button"] {
	border: 1px solid #D8D8D8;
	color:#666666;
	padding-left:10px;
	padding-right: 10px;
	background-color: #EDEDED;
	cursor:pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact input[type="submit"]:hover, #contact input[type="button"]:hover {
	color: #FFF;
	background-color: #006DD2;
	border: 1px solid #39F;
}

#contact input[type="submit"][disabled] { background:#888; }

#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */


/* ====================        Tables     ==========================*/

table {
	margin-top: 25px;
	margin-bottom: 45px;
	background-color: #3873BA;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  rgba(255,255,255, 0.12);
	border-bottom-color: rgba(255,255,255, 0.12);
	border-left-color: rgba(255,255,255, 0.12);
}

table tr {
	border-bottom: 1px solid rgba(255,255,255, 0.12);
	border-right: 1px solid rgba(255,255,255, 0.12);
}


table td {
	border-right: 1px solid rgba(255,255,255, 0.12);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	color: #B2D3F2;
}


table tr.tableheading {
	text-transform: uppercase;
	font-size: 14px;
	background-color: #003E9D;
	padding: 5px;
	line-height: 150%;
	letter-spacing: 1px;
	color: #6AA3E4;
	
}

table tr th {
	border-right: 1px solid rgba(255,255,255, 0.12);
	
}

table tr.odd {
	background-color: #004EAD;
}






/* ====================         Layout      ==========================*/

#wrapper {
	width: 100%;
	height: 100%;
	
}


#pagewrap, .container {
	max-width: 1400px;
	margin: 0 auto;
}

#header {
	position: relative;
	min-height: 300px;
}
.icon-art img, .icon-ddp img, .icon-photos img {
	width: 100%;
}
.icon-art, .icon-ddp, .icon-photos {
	max-width: 333px;
	width: 30%;
	z-index: 100;
}	

.icon-art a, .icon-ddp a, .icon-photos a{
	display: block;
}	


.icon-art {
	position: absolute;
	left: 5%;
	top: -500px;
	}


.icon-ddp {
	position: absolute;
	left: 37%;
	top: -500px;
	}


.icon-photos {
	position: absolute;
	left: 68%;
	top: -500px;
	}


img#logos {
	display: block;
	width: 400px;
	margin: auto;
	
	}






#box1 {
	position: relative;
	top: -40px;
	}

#box2 {
	position: relative;
	right: 40px;
	}

#box3 {
	position: relative;
	right: -40px
	}

#box4 {
	position: relative;
	right: 40px
	}

.logo {
	margin: 25px auto;
	width: 200px;
	display:block;
	}


/* site logo */
img#site-logo {
	position: relative;
	float: none;
	padding: 0px;
	width: 100%;
	max-width: 200px;
	display: none;
	top: -70px;
}



#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}

/* site description */
#site-description {
	color: #005AAB;
	position: absolute;
	top: 65px;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	font-style: italic;
	line-height: 130%;
	left: 90px;
}



#headSlide {
	width: 100%;
	background-color: #000;
	height: 300px;
	position: relative;
}

img#headline {
	padding-top: 10px;
	padding-bottom: 10px;
}

img#subhead {
	padding-top: 15px;
}

.col, .col-left {float: left; min-height: 200px;}

#header .col {float: right;}

#featured-product.col {float: left; min-height: 250px;}

#company.col {min-height: 250px;}


.thirds {width: 30%;}
.fourths {width: 23%;}


.full {
	width: 99%;
}

.half {
	width: 47%;
}

.one-third {
	width: 33%;
}

.two-thirds {
	width: 74%;
}

.one-quarter {
	width: 23.5%;
}

.three-quarters {
	width: 73.5%;
}

.one-fifth {
	width: 19.5%;
}

.col-line-left {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E7E7E7;
}
.colTextA {
	padding-left: 3%;
	padding-top: 3%;
}
.m-right {
	margin-right: 3%;
}

.margin {margin-right: 2.5%;}


.line{
	padding-left: 2.5%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:  rgba(255,255,255, 0.32);
}

.row, .row1, .row2 {display: block; clear:both; width: 100%; min-height: 250px;}


.bg1{
	background-color: #4C2D66;
}

.bg2{
	background-color: #4A368F;
}

.bg3{
	background-color: #3D2B62;
}

.bg4{
	background-color: #35345D;
}

.bg5{
	background-color: #6EA8A0;
}
.innerbg {	
	background-color: rgba(255,255,255, 0.85);
	-webkit-box-shadow: inset 0 0px 8px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 0 0px 8px rgba(0,0,0,0.45);
	box-shadow: inset 0 0px 8px rgba(0,0,0,0.45);
}

.bg, .bg h1, .bg h2,.bg h3, .bg h4, .bg h5, .bg h6, .bg a {color: #fff;}


.innerbg, .innerbg h1, .innerbg h2, .innerbg h3, .innerbg h4, .innerbg h5, .innerbg h6 {color: #666;}




.textAl {padding-right: 13%;
font-size: 110%;
line-height: 135%;

}

.textA2 {padding-left: 20%;}

.featProduct{width: 95%; margin-top:20px;}




/* ====================        Content      ==========================*/


.content {
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 2%;
	padding-left: 4%;
}


/* post */
.post {
	margin-bottom: 40px;
}
.entry-title {
	margin: 0 0 5px;
	padding: 0;
	font-size: 1.7em;
	line-height: 120%;
	font-weight: bold;	
}
.entry-title a {
	text-decoration: none;
}
.post-meta {
	margin: 0 0 10px;
	font-size: 90%;
}

/* post image */
.post-image {
	margin: 0 0 15px;
}


.intro {
	font-size: 120%;
	line-height: 1.5em;
}






/* ====================        Navigation       ==========================*/

/* ORIGINAL NAV 

#main-nav{
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	/* gradient 
	background: #6a6a6a url(images/nav-bar-bg.png) repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a));
	background: -moz-linear-gradient(top,  #b9b9b9,  #6a6a6a);
	background: linear-gradient(-90deg, #b9b9b9, #6a6a6a);*/
	/* rounded corner 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
/*	
	border-top-left-radius:     8px;
	border-top-right-radius:    8px;
	/* box shadow */
/*	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4);
	background-color: #99A1A7;
	background-image: url(../_images/main-nav-bg.jpg);
	background-repeat: repeat-x;
}

#main-nav .inner{
	width: 40%;
	margin: 0 auto 0 auto;
}

#main-nav li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}

#main-nav li:first-child {
	margin-left: 10px;
}
#main-nav a {
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	display: block;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
	font-size: 125%;
}
#main-nav a:hover {
	color: #fff;
	background: #474747;
	/* gradient */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#282828), to(#4f4f4f));
	background: -moz-linear-gradient(top,  #282828,  #4f4f4f);
	background: linear-gradient(-90deg, #282828, #4f4f4f);
}

*/

/* =Menu
-------------------------------------------------------------- 

.flexnav {
	display: none;
}
*/


h5.contact-info {
	display:inline-block;
	margin-bottom: 20px;
	float: right;
	}
	
.clearfloat {
	clear: both;
	}
	
h5.contact-info img{
	display:inline-block;
	margin: 0px;
	position:relative;
	top: 10px;
}



.menu-container {width: 955px; margin: 0 auto;}

ul.flexnav {
	padding: 0px;
	margin: 0px;
}
	
ul.flexnav li {
	padding: 0px;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	line-height: normal;
}	

.flexnav li ul {
   padding: 0px;
	margin: 0px;
}

.flexnav li ul li ul li a {
	padding-left: 10%;
}


.navigationbar {
	width: 100%;
	float: left;
	position:relative;
	top: 0px;
	z-index: 500;
	background-color: #222222;
	
}
#access {
	padding: 0px;
	position: relative;
	display:block;
	z-index: 500;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
/*	to center the inner buttons use
	width: 85%;
	max-width: 925px;*/
}
#access ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0em;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	font-size: .82em;
	font-weight: bold;
	display: block;
	line-height: 4.2em;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2.74em;
	padding-bottom: 0px;
	padding-left: 2.74em;
	letter-spacing: 1px;
	text-transform: uppercase;
	z-index: 500;
	color:#999;
	text-shadow: #000 0px 0px 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e1e1e1;
	/* standards-compliant browsers */
opacity:1.0;
	/* The following is ignored by standards-based browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE8 */
filter: alpha(opacity=100); /* IE 5-7  */
}
/*This is the one that is the space above the drop down 
The value for TOP needs to match the line-height value in access a*/
#access ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.4em;
	left: 0px;
	width: 200px;
	z-index: 4000;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #e1e1e1;
	border-bottom-color: #e1e1e1;
	border-left-color: #e1e1e1;
	border-top-style: none;
	background-color: #B3B3B3;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}

/*this is the background for the submenu and links*/
#access ul ul a {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 180px;
	text-transform: capitalize;
	letter-spacing: normal;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #e1e1e1;
	border-right-style: none;
	color:#FFF;
	
}

#access ul li:hover > ul {
	display: block;
	
}

#access li:hover > a, #access ul ul :hover > a, #access a:focus {
	text-shadow: none;
	/* standards-compliant browsers */
opacity:1.0;
	/* The following is ignored by standards-based browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE8 */
filter: alpha(opacity=100); /* IE 5-7  */
	background-color: #4B4B4B;
	color:#BBC55D;
}
#access li:hover > a, #access a:focus {
	/* This is the one to use for coloring the top level background with the same color as the submenu
	
	background: -moz-linear-gradient(#5f0602, #9c1700);
	background: -o-linear-gradient(#5f0602, #9c1700);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f0602), to(#9c1700)); /* Older webkit syntax */
	/*background: -webkit-linear-gradient(#5f0602, #9c1700);*/
	text-shadow: none;
	/* standards-compliant browsers */
	opacity:1.0;
	/* The following is ignored by standards-based browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	 /* IE8 */
	filter: alpha(opacity=100); /* IE 5-7  */
	background: #4B4B4B;
	color: #DEF48D;
}

#access .current_page_item > a, #access .current-menu-item > a, #access .current_page_ancestor > a, #access .current-menu-parent > a  {
	margin: 0px;
	font-weight: 700;
	z-index: 500;
	background: #B3B3B3;
	color: #DEF48D;
	text-shadow: none;
	/* standards-compliant browsers */
opacity:1.0;
	/* The following is ignored by standards-based browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE8 */
filter: alpha(opacity=100); /* IE 5-7  */
/*-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	box-shadow: 0 3px 3px rgba(0,0,0,0.5);*/
}
#access .current_page_item > a:hover, #access .current-menu-item > a:hover, #access .current_page_ancestor > a:hover, #access .current-menu-parent > a:hover  {
	color: #FFFFFF;
	background-color: #4B4B4B;
}


#access ul ul .current-menu-item a {
	color: #DEF48D;
	font-weight: bold;
}




/* ====================         Sidebar        ==========================*/


#sidebar {
	width: 280px;
	min-height: 750px;
	float: right;
	margin: 30px 0 30px;
}
.widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 10px 20px;
	/* rounded corner 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	/* box shadow 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);*/
}
.widgettitle {
	margin: 0 0 5px;
	padding: 0;
}
.widget ul {
	margin: 0;
	padding: 0;
}
.widget li {
	margin: 0;
	padding: 6px 0;
	list-style: none;
	clear: both;
	border-top: solid 1px #eee;
}


/* ====================         Sidebar        ==========================*/


#footer {
	clear: both;
	font-size: 85%;
}

.copyright {
	text-align: center;
	display: block;
	padding-top: 55px;
}


#footer a {
	
}

.footer-left {padding-left: 35px; float: left; margin-bottom: 15px;}
.footer-right {margin-right: 3%; float: right; margin-bottom: 15px;}




/* ********************* Clear ****************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }




/* ====================         Responsive Design        ==========================*/


.x---------responsive----------x {}


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

#pagewrap {
		width: 95%;
}


.container{
		width: 100%;
}

.content {
	padding-top: 3%;
	padding-right: 5%;
	padding-bottom: 3%;
	padding-left: 5%;
	}
	

}
@media screen and (max-width: 980px) {

	
	
	
.icon-art, .icon-ddp, .icon-photos {
	max-width: 370px;
	width: 95%;
}	


.icon-art {
	position: relative;
	left: auto;
	margin: 20px auto;
	top: -500px;
	}


.icon-ddp {
	position: relative;
	left: auto;
	margin: 20px auto;
	top: -500px;
	}


.icon-photos {
	position: relative;
	left: auto;
	margin: 20px auto;
	top: -500px;
	}
	
	
#logos {width: 400px; display: block; margin: auto; }	
	
		
#headSlide {
	height: auto;
	
}	


img#headline {
	
	
}

img#subhead {
	margin-left: 20%;
}

	
#main-nav .inner{
	width: 400px;
	margin: auto;
}
	
	.menu-container {
	width: 100%; 
	margin: 0 auto;
}	
	
#access {
	width: 95%;
}
#access a {
	font-size: 100%;
	letter-spacing: 1px;
	padding-right: 1.73em;
	padding-left: 1.73em;
	width: 205px;
	float: left;
	text-align: center;
}
#access ul ul {
	top: 4em;
}
#access ul ul a {
	width: 232px;
}

	
	

	/* sidebar */
	#sidebar {
		width: 30%;
		min-height: 550px;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	
	
#site-logo {
    float: none;
    margin: 10px auto 25px auto;
	width: 196px;
	height: auto;
}	
	
	
#header {background-image: none;}

#header h1, #header h2 {clear: both; text-align:center;}
	
	
#header .col#company {float: none; min-height: 0px;}	
	
#header .col#featured-product {min-height: 0px; clear: both;} 

.halfs {width: 98%;}


.textAl {
    padding-right: 5%;
    padding-left: 10%;
	padding-bottom: 25px;
}

form#contact {width: 69%; margin-left: auto; margin-right: auto; margin-bottom:25px; float: left; padding-left: 30%;}

.margin {margin-right: 0%;}
	

#header h2.call {
text-align: left;
}

.line {border: none; padding-left: 0px;}

	

}

@media screen and (max-width: 850px) {
	
	
.navigationbar {
	width: 100%;
	float: left;
	position:relative;
	top: 0px;
	z-index: 500;
	background-color: #FFF;	
}	
.flexnav {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
#access {
	display: none;
}
#access ul li:hover > ul {
	display: none;
}	
	
	
	
	
	
	
	
	
	
}



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

.desktop {display: none;}
.mobile {display: block;}


ul, ol {
	padding: 0px;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 1.4em;
	margin-left: 0px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {text-align: center;}


.iframe {width: 95%!important;}


#header {
		height: auto;
	}


img#subhead {
	margin-left: 5%;
}


	#searchform {
	position: absolute;
	right: 0px;
	bottom: 45px;
	}

	#main-nav {
		position: static;
		background-color: #99A1A7;
	
	}
	
#main-nav .inner{
	width: auto;
	margin: auto;
}

img#site-logo {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 15px;
	}
	
	

	#site-description {
		margin: 0 0 15px;
		position: static;
	}

	.content {
		width: auto;
		float: none;
	}

.post li {
	list-style-type: none;
}

img.profileAvatar{
	max-width: 45%;
	
	}

.col {
	float:left;
	min-height: 0px;
	clear: both;
	margin-bottom: 25px;
}

.one-third, .two-thirds, .half, .one-quarter, .three-quarters, .one-fifth {
	width: 100%;
	text-align: center;
}


	#sidebar {
		width: 100%;
		min-height: 350px;
		float: none;
		margin: 0;
	}
	.footer-left {padding-left: 5px; float: left;}
	.footer-right {margin-right: 5px; float: right;}
	
	
	form#contact {width: 80%; padding-left: 15%;}
	
	
.copyright {
  font-size: 12px;
  line-height: 1.5em;
  padding-left: 5%;
  padding-right: 5%;
}
	
	

}



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

	html {
		-webkit-text-size-adjust: none;
	}


body {background-image: none;}


img#subhead {
	margin-left: 0%;
}


	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}

#main-nav {
		position: static;
		background-color: #99A1A7;
	
	}
	
#main-nav .inner{
	width: auto;
	margin: auto;
}	
	
	
/* searchform */
#searchform {
	width: 120px;
}
#searchform #s {
	width: 80px;
	
}


}