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

/*

Dark Blue #1f1f4b
Mid Blue #283479
Light Blue #6da1ec
Red #f25043
Black #12122d

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.75);
-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.75);
box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.75);

*/

body {
	background: #fff;
	margin: 0 auto;
	-webkit-text-size-adjust: none;
	font-family: 'Ubuntu', sans-serif;
}

a img {
	border: none;	
}

hr {
	border: none;
	border-top: 1px dotted #6da1ec;	
	margin: 40px 0 40px 0;
}

#headerBackground {
	float: left;
	width: 100%;	
	background: url(images/headerbackground.jpg);
}

header {
	margin: 0 auto;
	width: 1200px;	
}

#logo { 
	float: left;
	margin: 15px 0 15px 0;
}

#logo:hover { 
	cursor:pointer;
}

#contactBox {
	float: right;	
}

#contactBox ul {
	list-style-type: none;
	text-align: right;
	color: #1f1f4b;
}

#contactBox li {
	color: #1f1f4b;
	line-height: 35px;
}

#contactBox li.phone {
	font-size: 150%;
}

#contactBox li span {
	color: #6da1ec;
	font-size: 60%;
}

#contactBox li.email  {
	font-size: 100%;
}

#contactBox li a {
	color: #1f1f4b;
	text-decoration: none;
}

#contactBox li a:hover {
	color: #6da1ec;
	text-decoration: underline;
}

/*										Nav								*/

#navBackground {
	float: left;
	width: 100%;	
	background-color: #1f1f4b;
	border-bottom: 5px solid white;
}

nav {
	margin: 0 auto;
	width: 1200px;
}

nav ul {
	list-style-type: none;
	padding: 17px 0 17px 0;
	margin: 0 0 0 0;
	text-align: center;
}

nav li {
	display: inline;
	color: white;
	font-size: 120%;
	padding: 0;
	text-transform: uppercase;
	position: relative;
}

nav li a {
	color: white;
	text-decoration: none;
	padding: 0 10px 0 0;
	margin: 0 20px 0 0;
}

nav li a.drop {
	background:url(images/arrow.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 20px;
}


nav li a:hover {
	color: #f25043;
	text-decoration: none;
}

nav li a.active {
	color: #f25043;
	text-decoration: none;
}

nav ul.dropdown  { 
	position: relative; 
	padding-left: 0;
}

nav ul.dropdown ul { 
	visibility: hidden; 
	position: absolute; 
	top: -2px; 
	left: 0; 
	text-align: left;
	background-color: #1f1f4b;
	padding-left: 0;
	min-width: 250px;
	padding: 5px;
	padding-left: 5px;
	padding-top: 5px;
	margin: 0;
	z-index: 1000;
	border-top: 3px solid white;
}

nav ul.dropdown ul#smallMenu { 
	min-width: 150px;
}

nav ul.dropdown ul#wideMenu { 
	min-width: 290px;
}

nav ul.dropdown ul.sub_menu {
	margin-top: 24px;	
}

nav ul.dropdown ul li {
	margin-left: 0;
	display: block;
	margin-bottom: 7px;
	float: none;
	border-right: 0;
	padding-bottom: 13px;
	padding-top: 5px;
	margin-right: 0;
	font-size: 85%;
	border-bottom: 1px dotted white;
}

nav ul.dropdown ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

nav ul.dropdown ul li a {
	margin-left: 0;
	border: none;
	float: none;
	padding: 5px;
	color: white;
	font-size: 90%;
}

nav ul.dropdown ul li a:hover {
	color: #f25043;
}

/*Mobile Menu*/

#accordionSection {
	display: block;
	margin-left: auto;
	margin-right: auto;
	display: none;
	text-align: left;
	margin-right: 7px;
}

.accordionButton {
	padding: 5px 0 5px 0;
}

.accordionButton h4 {
	height: 52px;
	width: 52px;
	background: url(images/navmenu.png) no-repeat; 
	padding: 0;
	margin: 0;
}

.accordionContent {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #283479;
}

.accordionContent ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
}

#accordionSection .accordionContent li {
	display: block;
	font-size: 90%;
	margin: 0;
	padding: 0;
	line-height: 35px;
	color: white;
	float: none;
	text-align: left;
	border-bottom: 1px dotted white;
}

#accordionSection .accordionContent li a {
	margin: 0;
	padding: 5px 5px 5px 5px;
	width: 100%;
	float: none;
	color: white;
}

#accordionSection .accordionContent li a:hover {
	color: #f25043;
}

#accordionSection .accordionContent li a.active {
	color: #f25043;
}


/*										Copyright							*/

#footerBackground {
	float: left;
	width: 100%;	
	padding: 5px 0 5px 0;
	background-color: #283479;
	border-top: 10px solid white;
}

footer {
	margin: 0 auto;
	width: 1200px;	
}

footer p {
	color: white;
	font-size: 80%;
	text-align: center;
}

footer p a {
	color: white;
	text-decoration: none;
}

footer p a:hover {
	color: white;
	text-decoration: underline;
}

#socialFooter {
	float: left;
	width: 100%;	
	text-align: center;
	margin-bottom: 10px;
}

#socialFooter img {
	margin: 0 5px 0 5px;	
}


/*									Banner   */

#bannerOuter {
	float: left;
	width: 100%;	
	padding: 5px 0 10px 0;
	background-color: white;
	/*background: url(images/snow.jpg) center;*/
	margin-bottom: 10px;
	border-bottom: 5px solid #f25043;
}

#banner {
	margin: 0 auto;
	width: 1200px;	
}

#bannerInner {
	float: left;	
	width: 100%;
	height: auto;
}

/*#banner img {	
	margin-top: 10px;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.50);
}

#banner-slide {	
	-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.50);
}*/

/*											Contact Form 									*/

#topContactFormArea fieldset {
	width: 97%;
	border: none;
	padding: 15px;
	margin-bottom: 0;
	background-color: #283479;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.50);
}

#topContactFormArea fieldset h2 {
	color: white;
	margin: 0 0 10px 0;
	padding: 0;
	font-style: italic;
	font-size: 110%;
	font-weight: normal;	
}

#formLeft {
	float: left;
	width: 75%;	
}

#topContactFormArea .error {
	float: left;
	font-size: 80%;
	color: #f13647;
	margin: 10px 0 0 0;
	display: none;
}	

#topContactFormArea .field {
	float: left;	
	width: 31%;
	margin-right: 2%;
}

#topContactFormArea .messsageField {
	float: left;	
	width: 99%;
}

#topContactFormArea label {
	font-size: 90%;
	color: #1b8e38;
	font-weight: bold;
}	

#topContactFormArea input {
	color: #333333;
	border: none;
	float: left;
	height: 30px;
	width: 100%;
	background-color: white;
	border: 1px solid #333333;
	font-size: 110%;
	padding: 2px;
}

#topContactFormArea textarea {
	color: #333333;	
	float: left;
	height: 60px;
	width: 97%;
	background-color: white;
	border: 1px solid #333333;
	margin-top: 10px;
	font-size: 110%;
	padding: 2px;
}

#topContactFormArea .submitField {
	float: right;
}

#topContactFormArea #submit.formButton {
	float: right;
	width: 250px;
	height: 80px;	
	background-color: #6da1ec;
	color: white;
	font-size: 120%;
	font-weight: bold;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: none;
	text-transform: uppercase;
	padding: 15px;
	border-radius: 15px;
	margin-top: 15px;
}

#topContactFormArea #submit.formButton:hover {
	background-color: #f25043;
	color: white;
	cursor: pointer;
}

#submitMessage {
	width: 97%;
	border: none;
	padding: 15px;
	margin-bottom: 0;
	background-color: #283479;
	color: white;
}

#submitMessage h2 {
	color: white;
	font-size: 110%;
}

#submitMessage p {
	color: white;
	font-size: 90%;
}


/*										Main Body						*/


#mainBodyHome {
	float: left;
	width: 100%;
}

#mainBodyOuter {
	float: left;
	width: 100%;
	min-height: 750px;
}

#mainBody {
	margin: 0 auto;
	width: 1200px;	
}

#mainBody h1 {
	font-size: 130%;
	color: #283479;
}

#mainBodyHome #mainBody h1 {
	text-align: center;
}

#mainBody h1 span {
	color: #79a2a1;	
}

#mainBody h2 {
	font-size: 100%;
	text-transform: uppercase;
	color: #6da1ec;	
	text-align: center;
}

#mainBody p {
	font-size: 90%;
	line-height: 30px;
	color: #1f1f4b;
	text-align: center;
}

#mainBody p span {
	color: #1f1f4b;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
}	

#mainBody p a {
	color: #6da1ec;
	text-decoration: none;
}

#mainBody p a:hover {
	color: #6da1ec;
	text-decoration: underline;
}

#mainBody li {
	font-size: 90%;
	line-height: 30px;
	color: #1f1f4b;
	text-align: center;
}

#mainBody li span {
	font-weight: bold;
	color: #6da1ec;
	font-size: 90%;
}

#mainBody li a {
	color: #6da1ec;
	text-decoration: none;
}

#mainBody li a:hover {
	color: #6da1ec;
	text-decoration: underline;
}	
	

/*											Home Boxes									*/

#priceBoxes {
	float: left;
	width: 100%;
	margin: 15px 0 20px 0;
}

.priceBox {
	float: left;
	width: 31%;	
	margin-right: 2%;
	padding: 10px 0 10px 0;
	margin-bottom: 30px;
	border: 5px solid #cbcaca;
	background-color: #283479;
}

.priceBox.lastPriceBox {
	float: right;
	margin-right: 0;
}

#priceBoxes .priceBox h2 {
	color: #f25043;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 150%;
	font-weight: normal;
} 

#priceBoxes .priceBox h3 {
	text-align: center;
	text-transform: uppercase;
	text-align:center;
	font-size: 300%;
	font-weight: normal;
	margin: 0;
	color: white;
	border-bottom: 1px solid #6da1ec;
	border-top: 1px solid #6da1ec;
} 

#priceBoxes .priceBox h4 {
	color: white;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 140%;
	font-weight: normal;
	margin-top: 0;
} 

#priceBoxes .priceBox p {
	text-align: center;
	color: white;
} 

#priceBoxes .priceBox p a {
	color: #6da1ec;
	text-align: center;
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	text-decoration: none;
} 


#priceBoxes .priceBox p a:hover {
	color: #6da1ec;
	text-decoration: underline;
} 

#priceBoxes img {
	max-width: 100%;
	height: auto;	
}




.priceBoxHome {
	float: left;
	width: 31%;	
	margin-right: 2%;
	padding: 10px 0 10px 0;
	margin-bottom: 30px;
	border: 5px solid #cbcaca;
	background-color: #283479;
}

.priceBoxHome:hover {
	cursor: pointer;
}


.priceBoxHome.lastPriceBoxHome {
	float: right;
	margin-right: 0;
}

#priceBoxes .priceBoxHome h2 {
	color: #f25043;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 150%;
	font-weight: normal;
} 

#priceBoxes .priceBoxHome h3 {
	text-align: center;
	text-transform: uppercase;
	text-align:center;
	font-size: 300%;
	font-weight: normal;
	margin: 0;
	color: white;
	border-bottom: 1px solid #6da1ec;
	border-top: 1px solid #6da1ec;
} 

#priceBoxes .priceBoxHome h4 {
	color: white;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 140%;
	font-weight: normal;
	margin-top: 0;
} 

#priceBoxes .priceBoxHome p {
	text-align: center;
	color: white;
} 

#priceBoxes .priceBoxHome p a {
	color: #6da1ec;
	text-align: center;
	text-transform: uppercase;
	text-align:center;
	font-weight: normal;
	text-decoration: none;
} 


#priceBoxes .priceBoxHome p a:hover {
	color: #6da1ec;
	text-decoration: underline;
	cursor: pointer;
} 

.mobileBox {
	float: left;
	width: 100%;	
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #1f1f4b;
	background-color: #1f1f4b;
	margin: 10px 0 10px 0;
}

.mobileBox h3 {
	text-align: center;	
	color: #6da1ec;
	font-weight: normal;
}

.mobileBox h3 span {
	color: #f25043;
}


#mainBody .mobileBox p  {
	text-align: center;	
	color: white;
}

.mobileBox h4  {
	text-align: center;	
	color: #f25043;
	font-size: 120%;
	border-top: 1px dotted #f25043;
	padding-top: 20px;
}

.mobileBox p  {
	text-align: center;	
	color: white;
	font-size: 100%;
}

.mobileBox p span {
	color: #6da1ec;
}

#included .mobileBox p a {
	color: #6da1ec;
	text-decoration: none;
}

.mobileBox p a {
	color: #6da1ec;
	text-decoration: underline;
}


.priceBoxShop {
	float: left;
	width: 100%;	
	padding: 10px 0 10px 0;
	margin-bottom: 30px;
	border: 5px solid #cbcaca;
	background-color: #283479;
}

#priceBoxes .priceBoxShop h2 {
	color: #f25043;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 150%;
	font-weight: normal;
} 

#priceBoxes .priceBoxShop h3 {
	text-align: center;
	text-transform: uppercase;
	text-align:center;
	font-size: 300%;
	font-weight: normal;
	margin: 0;
	color: white;
	border-bottom: 1px solid #6da1ec;
	border-top: 1px solid #6da1ec;
} 

#priceBoxes .priceBoxShop h4 {
	color: white;
	text-align: center;
	text-transform: none;
	text-align:center;
	font-size: 140%;
	font-weight: normal;
	margin-top: 0;
} 

#priceBoxes .priceBoxShop p {
	text-align: center;
	color: white;
} 

#priceBoxes .priceBoxShop img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	padding: 5px;
	margin-bottom: 10px;
	max-width: 95%;
	height: auto;
} 

/*Quote Bar*/

#quoteBar {
	float: left;
	width: 100%;
	background-color: #283479;
	padding: 10px 0 10px 0;
	text-align: center;
}

#innerQuoteBar {
	margin: 0 auto;
	width: 1200px;
}

#innerQuoteBar p {
	color: white;
	font-size: 120%;	
	margin-bottom: 30px;
}

#innerQuoteBar p a {
	color: white;
	font-size: 110%;	
	background-color: #6da1ec;
	text-decoration: none;
	padding: 15px;
	border-radius: 15px;
	margin-left: 10px;
}

#innerQuoteBar p a:hover {
	color: white;
	background-color: #f25043;
	text-decoration: none;
}

/*Included In Every*/

#included {
	width: 100%;
	float: left;
	margin-top: 15px;
}

#includedInner {
	margin: 0 auto;
	width: 1200px;	
}

#includedInner h2 {
	font-size: 130%;
	color: #283479;
	text-align: center;
}

#includedInner ul.includedLeft {
	float: left;
}

#includedInner ul.includedRight {
	float: right;
}

#includedInner li {
	font-size: 90%;
	line-height: 45px;
	color: #283479;
}

#includedInner li span {
	color: #f25043;
}


#includedInnerPages {
	margin: 0 auto;
	width: 1200px;	
	border-top: 1px dotted #1f1f4b;
	padding-top: 10px;
}

#includedInnerPages h2 {
	font-size: 130%;
	color: #283479;
	text-align: center;
}

#includedInnerPages ul {
	list-style-type: none;	
	padding: 0;
}

#includedInnerPages li {
	font-size: 90%;
	line-height: 25px;
	color: #1f1f4b;
	background-color: #efefef;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#includedInnerPages li span {
	color: #f25043;
}

#includedInnerPages li a {
	color: #6da1ec;
	text-decoration: none;
}

#includedInnerPages li a:hover {
	color: #6da1ec;
	text-decoration: underline;
}



/*Welcome*/

#welcome {
	width: 100%;
	float: left;
	margin-top: 15px;
	text-align: center;
}

#welcomeInner {
	margin: 0 auto;
	width: 1200px;	
	border-top: 1px dotted #1f1f4b;
	padding-top: 20px;
}

#welcomeInner h2 {
	font-size: 130%;
	color: #283479;
}

#welcomeInner p {
	font-size: 90%;
	line-height: 30px;
	color: #1f1f4b;
}

#welcomeInner p a {
	color: #6da1ec;
	text-decoration: none;
}

#welcomeInner p a:hover {
	color: #79a2a1;
	text-decoration: underline;
}
#welcomeLeft {
	float: left;
	width: 45%;	
}

#welcomeRight {
	float: right;
	width: 45%;	
}





/*Welcome*/

#bottom {
	width: 100%;
	float: left;
	text-align: center;
}

#bottomInner {
	margin: 0 auto;
	width: 1200px;	
	padding-top: 20px;
}

#bottomInner h2 {
	font-size: 130%;
	color: #283479;
}

#bottomInner p {
	font-size: 90%;
	line-height: 30px;
	color: #1f1f4b;
}

#bottomInner p a {
	color: #6da1ec;
	text-decoration: none;
}

#bottomInner p a:hover {
	color: #79a2a1;
	text-decoration: underline;
}



/*Home Portfolio*/

#homePortfolio {
	width: 100%;
	float: left;
	margin-top: 15px;
	background-color: #efefef;
}

#homePortfolioInner {
	margin: 0 auto;
	width: 1200px;	
	padding: 20px 0 20px 0;
}

#homePortfolioInner h2 {
	font-size: 130%;
	color: #283479;
	text-align: center;
}

.portfolioBox {
	float: left;
	width: 31%;	
	margin-right: 3%;
	background-color: #283479;
	padding: 1px 0 10px 0;
	margin-bottom: 30px;
	text-align: center;
}

.portfolioBox.lastPortfolioBox {
	float: right;
	margin-right: 0;
}

.portfolioBox img {
	max-width: 100%;
	height: auto;	
}

.portfolioBox p {
	color: white;
	margin: 4px 0 4px 0;
}

.portfolioBox p a {
	color: #6da1ec;
	text-decoration: none;
}

#homePortfolioInner .portfolioBox p a:hover {
	color: white;
	text-decoration: underline;
}

#homePortfolioInner p {
	text-align: center;	
}

#homePortfolioInner p a {
	text-align: center;	
	color: #6da1ec;
	text-decoration: none;
}

#homePortfolioInner p a:hover {	
	color: #6da1ec;
	text-decoration: underline;
}


/*Payments section*/


#paymentsOuter {
	width: 100%;
	float: left;
	margin-top: 15px;
	background-color: #efefef;
}

#paymentsInner {
	margin: 0 auto;
	width: 1200px;	
	padding: 20px 0 20px 0;
	text-align: center;
}

#paymentsInner h2 {
	color: #283479;
	font-size: 130%;
}


#paymentsInner p {
	color: #1f1f4b;
	font-size: 90%;
}





/*											Contact Form 									*/

#contactFormArea fieldset {
	float: left;
	border: none;
	padding: 0;
	width: 450px;
	margin-bottom: 20px;
	margin-top: 15px;
}

#contactFormArea .error {
	float: left;
	font-size: 80%;
	color: #f13647;
	margin: 10px 0 0 140px;
	display: none;
}	

#contactFormArea .field {
	float: left;	
	width: 420px;
	margin-bottom: 10px;
}

#contactFormArea .submitField {
	float: left;
	width: 420px;	
}

#contactFormArea #submit.formButton {
	float: right;
	width: 65px;
	height: 25px;	
	background-color: #1b8e38;
	color: white;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: none;
}

#contactFormArea #submit.formButton:hover {
	background-color: #8fc042;
	color: white;
	cursor: pointer;
}

#contactFormArea label {
	font-size: 90%;
	color: #1b8e38;
	font-weight: bold;
}	

#contactFormArea input {
	color: #333333;
	border: none;
	float: right;
	height: 30px;
	width: 280px;
	background-color: white;
	border: 1px solid #333333;
}

#contactFormArea textarea {
	color: #333333;	
	float: right;
	height: 120px;
	width: 278px;
	background-color: white;
	border: 1px solid #333333;
}

.iframe {
	float: right;	
	margin-left: 25px;
}


#mainBody .breadcrumbs {
	float: left;
	width: 100%;
	margin: -15px 0 10px 0;
}

#mainBody .breadcrumbItems {
	float: left; 
	margin: 3px 0 0 5px;
}

#mainBody .breadcrumbs .breadcrumbItems p {
	color: #283479;
	font-size: 80%;
	font-weight: normal;
	margin: -5px 0 0 0;
}

#mainBody .breadcrumbItems a {
	text-decoration: none;
}

#mainBody .breadcrumbItems a span {
	margin: 0 10px 0 10px;
	font-size: 80%;
	color: #6da1ec;
}

#mainBody .breadcrumbItems span {
	color:#16193B;
}

#mainBody .breadcrumbItems a span:hover {
	text-decoration: underline;
	color: #8DC5EE;
}

#mainBody .breadcrumbItems a span:visited {
	color: white;
}

#mainBody .breadcrumbItems p {
	margin: 2px 0 0 0;
	font-size: 80%;
	font-weight: bold;
}

#videoFrame {
	float: left;
	width: 100%;
	padding: 15px 0 15px 0;/*
	background-color: #efefef;
	border: 5px solid #283479;*/
}


#videoFrame iframe {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	-moz-box-shadow:    2px 2px 5px 0px rgba(7, 7, 7, 0.50);
	box-shadow:         2px 2px 5px 0px rgba(7, 7, 7, 0.50);
}

/* 1200*/
@media only screen 
and (max-width : 1200px) 
				 {
			
header {
	width: 100%;	
}
	
#logo {
	margin-left: 10px;
}	

#contactBox {
	margin-right: 10px;
}	

nav {
	width: 100%;	
}

nav li {
	font-size: 100%;
}

nav li a {
	margin-right: 10px;
	margin-left: 5px;
}

nav ul.dropdown ul { 
	min-width: 230px;
	top: -7px; 
}

nav ul.dropdown ul#smallMenu { 
	min-width: 80px;
}

footer {
	width: 100%;	
}

#banner {
	width: 100%;	
}

#topContactFormArea fieldset {
	width: 97%;	
	padding: 1%;
}

#topContactFormArea #submit.formButton {
	float: right;
	width: 200px;
	height: 80px;	
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
}

#mainBody {
	width: 95%;	
	padding: 1%;
}
				
#footer {
	width: 95%;	
	padding: 1%;
}

#copyright {
	width: 95%;	
	padding: 1%;
}

.priceBox {
	float: left;
	width: 28%;	
	margin-right: 3%;
	margin-bottom: 30px;
	padding-left: 1%;
	padding-right: 1%;
}

.priceBoxHome {
	float: left;
	width: 28%;	
	margin-right: 3%;
	margin-bottom: 30px;
	padding-left: 1%;
	padding-right: 1%;
}

#innerQuoteBar {
	width: 100%;
}

#includedInner {
	width: 100%;	
}

#includedInner ul.includedRight {
	margin-right: 10px;
	padding-left: 10px;
}

#includedInnerPages {
	width: 95%;	
	padding: 1%;
}

#bottomInner {
	width: 95%;	
	padding: 1%;
}
					 
#welcomeInner {
	width: 95%;	
	padding: 1%;
}

#welcomeLeft {
	float: left;
	width: 43%;	
	padding-left: 1%;
}

#welcomeRight {
	float: right;
	width: 43%;	
	padding-right: 1%;
}

#homePortfolioInner {
	width: 95%;	
	padding: 1%;
}

#paymentsInner {
	width: 95%;	
	padding: 1%;
}

#paymentsInner img {
	max-width: 100%;
	height: auto;	
}


#banner img {
	max-width: 100%;
	height: auto;
}

}

/* 990*/
@media only screen 
and (max-width : 990px) 
				 {

nav li {
	font-size: 95%;
}

#includedInner li {
	font-size: 90%;
	line-height: 25px;
	margin-bottom: 10px;
}

#includedInner ul.includedLeft {
	width: 40%;
}


#includedInner ul.includedRight {
	width: 40%;
}


.portfolioBox {
	float: left;
	width: 47%;	
	margin-right: 3%;
	background-color: #283479;
	padding: 1px 0 10px 0;
	margin-bottom: 30px;
	text-align: center;
}

.portfolioBox.lastPortfolioBox {
	float: left;
	margin-right: 3%;
}



	 }





/* 959*/
@media only screen 
and (max-width : 959px) 
				 {

#logo {
	margin-bottom: 10px;
}

#logo img {
	max-width: 350px;
	height:auto;	
}

#contactBox li {
	line-height: 25px;
}

#contactBox li.phone {
	font-size: 120%;
}

#contactBox li span {
	font-size: 60%;
}

#contactBox li.email  {
	font-size: 80%;
}
		
#accordionSection {
	display: block;
	margin-left: 10px;
}

nav ul.dropdown {
	display: none;
}	

nav {
	float: left;
}	
		
#banner {
	width: 95%;	
	padding: 1%;
}

#bannerOuter {
	padding-top: 0;	
}



.priceBox {
	float: left;
	width: 95%;	
	margin-right: 0;
	margin-bottom: 15px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
}

.priceBox.lastPriceBox {
	margin-right: 0;
}

#priceBoxes .priceBox h2 {
	font-size: 130%;
} 

#priceBoxes .priceBox h3 {
	font-size: 260%;
} 

.priceBoxHome {
	float: left;
	width: 43%;	
	margin-right: 3%;
	margin-bottom: 30px;
	padding-left: 1%;
	padding-right: 1%;
}

.priceBoxHome.lastPriceBoxHome {
	float: left;
	margin-right: 3%;
}

#priceBoxes .priceBoxHome h2 {
	font-size: 130%;
} 

#priceBoxes .priceBoxHome h3 {
	font-size: 260%;
} 

					 
}



 /* 870*/
@media only screen 
and (max-width : 870px) 
				 {

#formLeft {
	float: left;
	width: 100%;	
}

#topContactFormArea h2 {
	text-align: center;	
}

#topContactFormArea .field {
	float: left;	
	width: 31%;
	margin-right: 2%;
}

#topContactFormArea input {
	height: 25px;
	font-size: 100%;
}

#topContactFormArea textarea {
	height: 50px;
	font-size: 100%;
	margin-bottom: 0;
}


#topContactFormArea .messsageField {
	float: left;	
	width: 99%;
}

#topContactFormArea label {
	font-size: 90%;
	color: #1b8e38;
	font-weight: bold;
}	

#topContactFormArea .submitField {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#topContactFormArea #submit.formButton {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;	
	width: 180px;
	height: 50px;	
	font-size: 90%;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
}

#welcomeLeft {
	float: left;
	width: 97%;	
	padding-left: 1%;
	padding-right: 1%;
}

#welcomeRight {
	float: left;
	width: 97%;	
	padding-left: 1%;
	padding-right: 1%;
}				 
	
					 
 }


 /* 700*/
@media only screen 
and (max-width : 700px) 
				 {
					
#logo {
	width: 100%;
	margin-left: 0;
}
	
#logo img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 295px;
	max-width: 100%;
	height: auto;
}	
	
#contactBox {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;	
	padding-top: 10px;
	border-top: 2px dotted white;
}

#contactBox ul {
	margin: 0;
	padding: 0;
	text-align: center;	
}

#topContactFormArea fieldset h2 {
	font-size: 90%;
	line-height: 28px;
}

#topContactFormArea .field {
	float: left;	
	width: 98%;
	margin-right: 0;
	margin-bottom: 10px;
}
	
#topContactFormArea textarea {
	height: 60px;
	width: 98%;
	margin: 0;
}
	
footer {
	font-size: 90%;
}	
	
	
#mainBody h1 {
	font-size: 110%;
	line-height: 25px;
}			

#includedInner h2 {
	font-size: 110%;
	line-height: 25px;
}

#welcomeInner h2 {
	font-size: 110%;
	line-height: 25px;
}
					 

#bottomInner h2 {
	font-size: 110%;
	line-height: 25px;
}

.portfolioBox {
	width: 97%;	
	margin-right: 0;
}

.portfolioBox.lastPortfolioBox {
	margin-right: 0;
}

.mobileBox {
	width: 95%;	
	padding: 2%;
}

#videoFrame iframe {
	max-width: 100%;
	height: auto;
}
	
 }
 
 
 /* 600*/
@media only screen 
and (max-width : 600px) 
				 {


#priceBoxes .priceBox h2 {
	font-size: 120%;
} 

#priceBoxes .priceBox h3 {
	font-size: 240%;
} 

#priceBoxes .priceBoxHome h2 {
	font-size: 120%;
} 

#priceBoxes .priceBoxHome h3 {
	font-size: 240%;
} 

#innerQuoteBar p {
	font-size: 100%;	
	padding-left:10px;
	padding-right: 10px;
}

#innerQuoteBar p a {
	font-size: 100%;	
}

#includedInner li {
	font-size: 90%;
	line-height: 27px;
	margin-bottom: 10px;
}

#includedInner ul.includedLeft {
	width: 80%;
	margin-bottom: 0;
}


#includedInner ul.includedRight {
	width: 80%;
	float: left;
	margin-top: 0;
	padding-left: 40px;
	margin-right: 0;
}


 }


/* 530*/
@media only screen 
and (max-width : 530px) 
				 {

.priceBoxHome {
	float: left;
	width: 95%;	
	margin-right: 0;
	margin-bottom: 15px;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
}

.priceBoxHome.lastPriceBoxHome {
	margin-right: 0;
}

#priceBoxes .priceBoxHome  h2 {
	font-size: 120%;
} 

#priceBoxes .priceBoxHome  h3 {
	font-size: 250%;
} 

#mainBody .breadcrumbs {
	float: left;
	width: 100%;
	margin: -15px 0 10px 0;
}

#mainBody .breadcrumbItems {
	float: left; 
	margin: 3px 0 0 2px;
}

#mainBody .breadcrumbs .breadcrumbItems p {
	color: #283479;
	font-size: 70%;
	font-weight: normal;
	margin: -5px 0 0 0;
}

#mainBody .breadcrumbItems a {
	text-decoration: none;
}

#mainBody .breadcrumbItems a span {
	margin: 0 5px 0 5px;
	font-size: 70%;
	color: #6da1ec;
}

#mainBody .breadcrumbItems span {
	color:#16193B;
}

#mainBody .breadcrumbItems a span:hover {
	text-decoration: underline;
	color: #8DC5EE;
}

#mainBody .breadcrumbItems a span:visited {
	color: white;
}

#mainBody .breadcrumbItems p {
	margin: 2px 0 0 0;
	font-size: 80%;
	font-weight: bold;
}


 }


/* 480*/
@media only screen 
and (max-width : 480px) 
				 {
		
#innerQuoteBar p {
	font-size: 100%;	
	line-height: 25px;
	margin-bottom: 20px;
}

#innerQuoteBar p a {
	padding: 10px 15px 10px 15px;
}	
		

#mainBody .breadcrumbs {
	display: none;
}


}	
	
			 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	
	
	
}