@charset "utf-8";
/*@import url("../_css/antonio_regular/fontStyle.css");*/
@import url("../webfonts/antonio_regular/fontStyle.css");



/*@import url("../webfonts/antonio_regular/stylesheet.css");*/



/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		6;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 90.25%;
	padding-left: 2.375%;
	padding-right: 2.375%;
}

#mobilePagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: rgb(255,255,255);
	margin-top: 2%;
}
#mobDecorlogoTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}

#pageHeading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font: normal 1.5em Arial, Helvetica, sans-serif;
	color: rgb(42,63,85);
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	}
#tabletPagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabTopnav {
	display: none;
	}
#deskPagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}

#telNo {
	clear: both;
	float: left;
	width: 70%;
	display: block;
	top: auto;
	bottom: auto;
	padding-left: 3%;
}

#menuTop {
	clear: none;
	float: right;
	width: 100%;
	display: block;
	text-align: right;
	}

#mobSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}

#tabSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#tabMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#tabMaintxtCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-top: 2%;
	}
#tabMaintxtCol2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-top: 2%;
	}
#tabPhotoinset {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#tabWhatoffer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#deskSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}

#mobMaintext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 2%;
	}
#deskMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#deskWhatoffer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#deskMaintxtCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#deskMaintxtCol2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#mobFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: rgb(0,90,159);
	height: 180px;
	margin-top: 1.5%;
	}
#tabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#deskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#fmobFooterfreeF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 98%;
	display: block;
	color: rgb(255,255,255);
	text-align: center;
	font: 0.9em "antonio regular";
	margin-top: 1.5%;
	padding-right: 1%;
	padding-left: 1%;
	}
#mobFootlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	}
#mobileNavlower {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	text-align: center;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	background: rgb(0,90,159);
	}
#topDesknav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#copyrightLegal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 46%;
	display: block;
	font: 0.8em/1.4em "antonio regular";
	color: rgb(255,255,255);
	text-align: left;
	padding-left: 1%;
	padding-bottom: 1%;
	}
#designedBy {
	clear: none;
	float: left;
	margin-left: 5.2631%;
	width: 46%;
	display: block;
	font: .8em "antonio regular";
	color: rgb(255,255,255);
	text-align: right;
	padding-right: 1%;
	padding-bottom: 1%;
	}
#freeFriendlytabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	}
#decorLogotabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#contactTabfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#coRegtabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#siteDesigntabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#siteTabfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 1%;
	}
#fDeskfooterFreef {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#footerDesklogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#footerDeskcontact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#siteTabdesk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#coRegdeskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#siteDesigndeskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#contactForm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	}
#contactMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	height: 280px;
	}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 87%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
#mobilePagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabletPagehead {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	margin-top: 2%;
}
#tabTopnav {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	}
#deskPagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#telNo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menuTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobDecorlogoTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#pageHeading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mobSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#tabMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font: 2em Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
	margin-top: 1.5%;
}
#tabMaintxtCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#tabMaintxtCol2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#tabPhotoinset {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.2758%;
	display: block;
}
#tabWhatoffer {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 48.2758%;
	display: block;
}
#deskSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobMaintext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskWhatoffer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskMaintxtCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskMaintxtCol2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	background: rgb(0,90,159);
	height: 90px;
}
#tabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: rgb(0,90,159);
	height: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(255,255,255);
	text-align: center;
	margin-top: 1%;
}
#deskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#fmobFooterfreeF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobFootlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobileNavlower {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#topDesknav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
/*#copyrightLegal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#designedBy {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}*/
#freeFriendlytabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: rgb(255,255,255);
	text-align: center;
	font: 1.5em "antonio regular";
	margin-top: 3%;
}
#decorLogotabFooter {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1.5%;
}
#contactTabfooter {
	clear: none;
	float: left;
	width: 100%;
	display: block;
	font: normal 1em Arial, Helvetica, sans-serif;
	color: rgb(255,255,255);
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}
#coRegtabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width:48.5%;
	display: block;
	text-align: left;
	padding-left: 1.5%;
	font: normal 0.8em "antonio regular";
	color: rgb(255,255,255);
}
#siteDesigntabFooter {
	clear: none;
	float: left;
	width: 48.5%;
	display: block;
	text-align: right;
	padding-right: 1.5%;
	font: normal 0.8em "antonio regular";
	color: rgb(255,255,255);
}
#siteTabfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font: 0.9em "antonio regular";
	color: rgb(255,0,0);
	letter-spacing: 0.1em;
	text-decoration: none;
	}
#siteTabfooter a:link {
	color: rgb(255,255,255);
	text-decoration: none;
	}
#siteTabfooter a:visited {
	color: rgb(152,201,230);
	text-decoration: none;
	}
#siteTabfooter a:hover {
	color: rgb(255,255,0);
	text-decoration: none;
	}
#siteTabfooter a:active {
	color: rgb(255,0,0);
	text-decoration: none;
	}		
#fDeskfooterFreef {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerDesklogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footerDeskcontact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#siteTabdesk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	color: rgb(255,0,0);
}
#coRegdeskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#siteDesigndeskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contactForm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
#contactMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	}
/*#footerLinks {
	color: #F00;
	}*/

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
}
#mobilePagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabletPagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabTopnav {
	/* [disabled]clear: both; */
	/* [disabled]float: left; */
	/* [disabled]margin-left: 0; */
	/* [disabled]width: 100%; */
	display: none;
	/* [disabled]color: rgb(255,0,0); */
}
#deskPagehead {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#telNo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#menuTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mobDecorlogoTop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#pageHeading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mobSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskSlider {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mobMaintext {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabMaintxtCol1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabMaintxtCol2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabFooter {
	clear: both;
	float: left;
	width: 100%;
	display: none;
}
#tabPhotoinset {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabWhatoffer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#tabMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#deskMainheading {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1016%;
	display: block;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
	font: normal 2.2em Arial, Helvetica, sans-serif;
	color: rgb(42,31,85);
}
#deskWhatoffer {
	clear: none;
	float: right;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
	margin-top: 1.5%;
}
#deskMaintxtCol1 {
	clear: none;
	float: left;
	margin-left: 0;
	width: 32.2033%;
	display: block;
}
#deskMaintxtCol2 {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 32.2033%;
	display: block;
}
#deskMaintxtCol1contact {
	clear: none;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
}
#deskMaintxtCol2contact {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 40%;
	display: block;
}
#deskFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: rgb(0,90,159);
	height: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: rgb(255,255,255);
	text-align: center;
}
#fmobFooterfreeF {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	color: rgb(255,255,255);
	text-align: center;
}
#mobFootlogo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#mobileNavlower {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#topDesknav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
/*#copyrightLegal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#designedBy {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background: rgb(0,223,170);
}*/
#freeFriendlytabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
}
#decorLogotabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#contactTabfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#coRegtabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#siteDesigntabFooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#siteTabfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	}
#siteTabfooter a:link {
	color: rgb(255,255,255);
	}
#siteTabfooter a:visited {
	color: rgb(152,201,230);
	}
#siteTabfooter a:hover {
	color: rgb(255,255,0);
	}
#siteTabfooter a:active {
	color: rgb(255,0,0);
	}		
#fDeskfooterFreef {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 37.1525%;
	display: block;
	font: 1.4em "antonio regular";
	margin-top: 2%;
	text-align: left;
}
#footerDesklogo {
	clear: none;
	float: left;
	margin-left: 1%;
	width: 58.2033%;
	display: block;
	margin-top: 2%;
	text-align: right;
	/*padding-right: 1%;*/
}
#footerDeskcontact {
	clear: both;
	float: right;
	width: 60%;
	display: block;
	text-align: right;
	color: rgb(255,255,255);
	mrgin-right: 1%;
	}
#siteTabdesk {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font: 1.2em "antonio regular";
	letter-spacing: 0.1em;
	padding-top: 1.5%;
	word-spacing: 0.5em;
	}
#siteTabdesk a:link {
	color: rgb(255,255,255);
	text-decoration: none;
	}
#siteTabdesk a:visited {
	color: rgb(152,201,230);
	text-decoration: none;
	}
#siteTabdesk a:hover {
	color: rgb(255,255,0);
	text-decoration: none;
	}
#siteTabdesk a:active {
	color: rgb(255,0,0);
	text-decoration: none;
	}	
#coRegdeskFooter {
	clear: both;
	float: left;
	margin-left: 2%;
	width: 47.1525%;
	display: block;
	text-align: left;
	color: rgb(255,255,255);
	padding-top: 1.5%;
	font: .8em "antonio regular";
	}
#siteDesigndeskFooter {
	clear: none;
	float: left;
	margin-left: 1.6949%;
	width: 47.1525%;
	display: block;
	text-align: right;
	color: rgb(255,255,255);
	padding-top: 1.5%;
	margin-right: 1.5%;
	font: .8em "antonio regular";
	}
#contactForm {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	}
#contactMap {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	}