/* Defaults / Desktop View */
body {
	background-image:		url('../images/background.png');
    background-position:  	center bottom;
    background-attachment:	fixed;
    background-repeat:		repeat-x;
    border-style:			none;
    background-color:		#F4FFFF;
    font-family:			Arial,Helvetica,sans-serif;
	font:					normal 14px/17px Arial,sans-serif;
	color:					#200000;
} 
img {
	border: 0px solid #CCC;
	margin:0px;
    padding:0px;
	vertical-align: middle;
}
h1 {
    font-size: 1.6em;
    font-weight: bold;
	color: #1D4971;
}
h2 {
	font: 16px/17px Arial,Helvetica,sans-serif;
    font-weight: bold;
}
#menu {
	font: 16px/17px Arial,Helvetica,sans-serif;
	font-weight: bold;
	float:right;
    margin:0px 0px 0px 0px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu ul li {
	display:block;
	float:left;
	padding:0px;
	margin: 10px 0 5px 0;
	background-color:#5B9BD5;
}
#menu a {
	color:#FFF;
	display:block;
    padding:8px 20px 0px 0px;
	text-decoration:none;
}
#menu a:hover {
	/*color:#335099;*/
	color:#ED7D31;
}
#masthead p {
	margin:0;
	padding:0px;
}

div.contentBox {
	margin: 0px;
	padding: 0px;
	border-bottom:3px solid #ED7D31; 
	background-color: #FFF; /*#F4FCFF;  */
}
#featureWrap {
	width:100%;
	overflow:hidden;
}
#featureWrap .feature {
	float:left;
	width:140px;
	margin:30px 4px 50px 23px;
	border:0px solid #CCC;
	padding:0px;
}
#featureWrap .feature p {
	margin:0;
}
.feature-left {
    float: left;
	width: 70%;
	margin:25px 5px 25px 50px;
}
.feature-right {
    float: right;
	margin:40px 50px 5px 5px;
}
#featureWrapClear {
	clear:left;
}

#wrap {
	width:1024px;
	margin:0 auto;
}
#wrapClear {
	clear:none;
}

#content {
	margin:0px;
	padding:0px;
	/*float:left; */
    width:1024px;
	border-top:3px solid #ED7D31; 
}
#nav {
		float:none;
		margin:0px 0px 0px 0px;
		padding: 5px 0px 15x 0px; 
		background-color: #5B9BD5;
		/* border-bottom:5px solid #ED7D31;  */
}
#navClear {
		display:inline;
		clear:left;
}
#footer {
	color:#fff;
    background-color:#000;
	padding:0px;
	height:80px;
}
#footer-left {
    float: left;
	margin:7px 0px 0px 15px;
	vertical-align: middle;
	background-color: #000;
	font-weight: bold;
}
#footer-right {
    float: right;
	margin:12px 15px 10px 0px;
	vertical-align: middle;
	background-color: #000;
	font-weight: bold;
}
div.clear:after {
    /*clear: right; */
}


@media only screen and (min-width:651px ) and (max-width:979px) {
	/* ######### Small Desktop / Large Tablet View ########## */
	#wrap {
		width:650px;
	}
	#nav {
		float:none;
		margin:5px 0px 0px 0px;
		padding: 5px 0px 15x 0px; 
		background-color: #5B9BD5;
		border-bottom:5px solid #ED7D31; 
	}
	#content {
		margin-left:0;
		float:none;
        width: auto;
	}
	#wrapClear {
		clear:none;
	}
	/* #logo {
		float:left;
	} */
	#menu {
		float:right;
		margin:0px 0px 0px 0px;
	}
	#menu ul li {
		float:left;
		margin:10px 0px 5px 0px;
	}
	#menu ul li a {
		padding:8px 20px 0px 0px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap .feature {
		width: 140px;
		margin:30px 10px 10px 50px;
	}
	.feature-left {
    float: left;
	width: 65%;
	margin:20px 5px 25px 30px;
    }
    .feature-right {
    float: right;
	margin:35px 30px 5px 5px; 
    }
}
@media only screen and (min-width:481px ) and (max-width:650px) {
	/* Small Tablet View */
	#wrap {
		width:480px;
	}
	#nav {
		float:none;
		margin:0px 0px 0px 0px;
	}
	#content {
		margin-left:0;
		float:none;
        width: auto;
	}
	#wrapClear {
		clear:none;
	}
	#logo {
		float:left;
	}
	#menu {
		float:right;
		margin:0px 0px 0px 0px;
	    font-size:13px; 
	}
	#menu ul li {
		float:left;
		margin:10px 0px 5px 0px;
	}
	#menu ul li a {
         padding:8px 20px 0px 0px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap .feature {
		width: 140px;
		margin:15px 0px 0px 15px;
	}
	.feature-left {
    float: left;
	width: 60%;
	margin:15px 5px 25px 20px;
    }
    .feature-right {
    float: right;
	margin:30px 15px 5px 5px; 
    }
}
@media only screen and (max-width:480px) {
	/* Smartphone view*/
	#wrap {
		width:300px;
	}
	#nav {
		float:none;
		margin-bottom:10px;
	}
	#content {
		margin-left:0;
		float:none;
        width: auto;
	}
	#wrapClear {
		clear:none;
	}
	#menu {
		float:right;
		margin:5px 5px 5px 0px;
		font-size:12px;
	}
	#menu ul li {
		float:left;
		margin:5px 0px 5px 0px;
	}
	#menu ul li a {
		padding:5px 10px 0px 0px;
	}
	#navClear {
		display:inline;
		clear:left;
	}
	#featureWrap .feature {
		width: 140px;
		margin:7px 0px 0px 7px;
	}
	#footer {
	color:#fff;
    background-color:#000;
	padding:0px;
	height:140px;
    }
	.feature-left {
    float: left;
	margin:10px 20px 5px 20px;
	width: 88%;
	border:0px solid #000; 
    }
    .feature-right {
    float: left;
	margin:0px 15px 5px 20px;
	border:0px solid #000; 
    }
}