@charset "utf-8";
/* CSS Document */
/* Add Google Fonts*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display);

html {
	overflow-Y: scroll;
}
body {
	-webkit-text-size-adjust: none;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
/* Remove Home Page Headings*/
#display-none{display:none;}
#display-mobile{display:block;}
.hide-mobile{display:none;}
/*
*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
*/

/*
h2{margin:15px 0px 10px 0px; font-size:18px; line-height:25px;}
h1{font-size:20px; font-size:20px; line-height:25px;}
.heading1{font-size:20px; line-height:25px;}
.heading2{font-size:18px; line-height:25px;}
p{margin-top:20px;}
*/

/* GLOBAL STYLES  FROM ace-styleselection.css*/

body {
	font-family: 'Ubuntu', sans-serif;
	color:#6a6a6a;
	font-size:14px;
	text-align: left;
}


.normal {
	font-family: 'Ubuntu', sans-serif;
	color:#3a3a3a;
	font-size:14px;
}
h1 {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:23px;
	color:#000000;
	width:100%; /*694px;*/
	height:31px;
	border-bottom:solid 6px #ff8000;
	background-color:#e9e9e9;
	font-variant: small-caps;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
}
h2 {
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:23px;
	color:#000000;
	width:100%; /*915px;*/
	height:31px;
	border-bottom:solid 6px #ff8000;
	background-color:#e9e9e9;
	font-variant: small-caps;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:5px;
}
.heading1 {
	font-family: 'Playfair Display', serif;
	font-size:23px;
	color:#262424;
	font-variant: small-caps;
	display: block;
}
.heading2 {
	font-family: 'Playfair Display', serif;
	font-size:18px;
	color:#424141;
	font-variant: small-caps;
	display: block;
}
.heading3 {
	font-family: 'Ubuntu', sans-serif;
	color:#262424;
	font-variant: small-caps;
	font-size:18px;
	display: block;
}
.heading {
	font-family: 'Playfair Display', serif;
	font-size:13px;
	color:#3a3a3a;
	font-variant: small-caps;
	line-height:20px;
}
.heading-deals {
	font-family: 'Playfair Display', serif;
	font-size:15px;
	color:#3a3a3a;
	font-variant: small-caps;
	padding-left:10px;
}
.price {
	font-weight: bold;
	color: #3a3a3a;
}
blockquote {
	padding:15px;
	background-color:#e9e9e9;
	color:#363636;
	font-family: 'Playfair Display', serif;
	font-size:15px;
	margin-left:0px;
	/*width:370px;*/
	
}
a:link, a:visited {
	color:#7bb31a;
	text-decoration: none;
}
a:hover {
	color:#ff8000;
}
.image-background {
	background-color: #f4f2f3;
	border: 1px solid #e6e4e5;
	padding: 3px;
}


.container {
	/*width: 352px;*/
	margin: 0 auto;
	border: thin solid #cecfc7;
}
input,select,textarea  {
	font-family : verdana,arial,helvetica;
	font-size : 15px;
	color : #737373;
	
}
.header_bar{
	/*background-image: url(../images/top_bar.gif);*/
	background-color:#ebebeb;
	background-repeat: repeat-x;
	height: 4px;
	}
.bar1{background-color:#334454; height:5px; }	

.header_mobile {
	color: #666;
	font-size: 20px;
	background:#10151d url(/template/images/template7_bk-top-mobile.png) repeat-x;
	background-color: #000;
	border-bottom:solid 3px #000;

}

.header_top {
	height: 8px;
	/*background-image: url(../images/bk_top_header.jpg);*/
	background-repeat: repeat;
}

.welcome {
	color: #686b5d;
	/*width: 332px;*/
	padding: 0px 15px 20px 15px;
	margin:0px 0px 15px 0px;
	line-height:21px;
	
}
/*
.welcome ul {margin:20px 0px 20px 0px;}
.welcome ul li{margin:10px 0px 0px 20px;}
.welcome ol {margin:20px 0px 20px 0px;}
.welcome ol li{margin:10px 0px 0px 20px;}
*/
.wrapper {width: 100%;
	overflow: hidden;
}
.align-left{float:left;}
/*********Used for Netphoria Mobile Site***************/
/*.header_top {
	height: 15px;
	/*width: 352px;
	background-color: #CCC;
}*/

.search_bk {
	height: 20px;
	/*width: 342px;*/
	/*text-align: right;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	/*background-image: url(../images/search_news_bk.gif);
	background-repeat: repeat-x;*/
	background-color:#595959; /*#ba9257;*/
	color:#fff;
	font-size:15px;
	line-height:25px;
	font-weight:normal;
}
.search_bk a {color:#fff; font-size:15px; line-height:25px; font-weight:normal;}
.newsletter {
	height: 18px;
	/*width: 342px;*/
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	/*background-image: url(../images/search_news_bk.gif);
	background-repeat: repeat-x;*/
	background-color:#fff;
}
.newsletter_header{
	color: #FFF;
}
.back_top{
	background-color: #666;

	padding-left: 10px;
}
.back_top a{	color: #FFF;
	font-size: 10px;}

/*This is for the footer links buttons*/	
.btn {float:left;margin-right:1px;}
.btn{
	width:65px;
	height:30px;
	background-image: url(../images/footer_menu_bk_whole.gif);
	background-repeat: no-repeat;
	/*padding-left: 3px;*/
	
	text-align: center;
	margin-right: 3px;
	padding-top: 3px;
}
.btn-box{width: 100%; clear:both; text-align:center;}
.social_buttons {
	text-align:center;
	margin:25px 0px 10px 0px;
}

.social_buttons img {
	padding: 0px 12px 0px 12px;
}
/*td{padding-right:10px}*/
/*This is for the footer links buttons*/	
.wrapper2{width:335px;margin:0 auto;  }
.footer_links_table{background-color:#FFF;}
.footer_links_table td{width:100px; height:50px; text-align:center; background-color:#595959;
/*background-image:url(../images/netphoria/footer-link-bk.gif);*/ padding-right:0px; margin:3px;border: solid 3px white; }
.footer_links {
	height: 95px;
	padding-top: 20px;
	padding-bottom:20px;
}

.footer_links a:link, .footer_links a:visited, .footer_links a:hover {
	color:#ffffff; 
	text-decoration:none;
	font-size: 15px;
}
.last{margin:0px;}
	
.footer_copyright {
	padding-left: 10px;
	color: #333;
	font-size: 10px;
	padding-top: 10px;
	display: block;
	/*background-image: url(../images/netphoria/copyright_bk.gif);
	background-repeat: repeat-x;*/
	background-color: #cccccc;	
}
.privacy_mobile{color:#000; margin:15px 0px 15px 0px; padding: 20px 15px 20px 15px;}
/*This is to ensure any forms will have padding between the text and the form box*/

.links-box{margin: 15px 0px 15px 15px; font-size:16px; line-height:40px;}
.links-box h1{color:#fff; background-color:#9ec3e1; /*background-color:#707475;*/ padding:10px 10px 10px 13px; margin: 0px 0px 10px -15px;}
/**********************************************
Style for accordian Menu
***********************************************/
ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
	width:100%;
	background-image: url(../images/menu_gradient_light.gif);
	background-repeat: repeat;
	font-size:16px;
	font-weight:bold;
	
	
}

/*.border{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #F00;
	
}*/
.border_grad{
background-color:#bbb;
/*background-color:#99bcd9;*/
/*background-image: url(../images/top_bar.gif);
	background-repeat: repeat-x;*/
	/*background-image: url(../images/redline_border.gif);
	background-repeat: repeat;*/
	height:1px;
}


/*******************this code needs to be revisited it prevents the arrows from being seen************************/
/*.menu.collapsible .border a, .menu.collapsible .border a.active {
	background-image: url(../images/menu_gradient_light.gif);
	background-repeat: repeat;
}*/


/*This is for the links in the open accordian*/
.menu.collapsible li .acitem .no_arrow a{
	background-color: #FFF;
	background-image: none;
	color: #666;
	padding-top: 5px;
	padding-left: 10px;
	height: 51px;

}

ul.menu a {
	display: block;
	text-decoration: none;
}

/*ul.menu li {

	border-top-width: medium;*/
	/*border-bottom-width: medium;*/
	/*border-top-style: solid;*/
	/*border-bottom-style: solid;*/
	/*border-top-color: #000;*/
	/*border-bottom-color: #000;
}*/

/*ul.menu li a:hover, ul.menu ul.menu li a:hover {
  background: #000;
}*/

/*ul.menu li ul li a, ul.menu ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}*/

/*ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}*/
/*ul.menu ul.menu li a:hover {
    border-left: 0;
    padding-left: 0.5em;
}*/
ul.menu ul.menu {
	border-left: 5px #f00 solid;
}

/**********Change the INACTIVE or CLOSED MENU: background image, height,***********
***********font color and the placement of the text (which rollos over************
***********to the active state)***************************************************/
ul.menu li a, ul.menu ul.menu li a {
	background-image: url(../images/menu_gradient_dark.gif);
	background-repeat: repeat-x;
	
	height: 56px;
	color: #fff;
	text-indent: 20px;
	line-height: 50px;
/*	background-image: url(../images/arrow_down_white.gif);
	background-repeat: no-repeat;
	background-position: right center;*/
	
}

/********* Change the ACTIVE or OPEN MENU: border, height, text decoration and background image ***********/
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
	/* text-decoration: underline;*/
	height: 60px;
	background-image: url(../images/menu_gradient_dark.gif);
	background-repeat: repeat;
/*	background-image: url(../images/arrow_up_white);
	background-repeat: no-repeat;
	background-position: right center;*/
}
div.panel {
    border: 1px #000 solid;
    padding: 5px;
    margin-top: 1px;
	
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
	
}
/*ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}*/

/*

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }
.indent6 { padding-left: 6em; }
.indent7 { padding-left: 7em; }
.indent8 { padding-left: 8em; }
.indent9 { padding-left: 9em; }
.indent10 { padding-left: 10em; }

*/

#flexslider1 {display: block;}
#flexslider2 {display: none;}



/*

@media (max-width:600px) {
	#flexslider1 {display: none;}
	#flexslider2 {display: block;}
}

*/

.contact-form input{height:30px; width:200px; margin:0px 0px 10px 0px;}
#submit {
 color: #fff;
 font-size: 15;
 width: 125px;
 height: 36px;
 border: none;
 margin: 15px 0px 0px 0px;
 padding: 0;
 background-color:#81b4e3;

}

#nPDxStyled {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  background-color: #FFFFFF;
  color: #666666;
}

.mobile_plan {
	float: left;
	font-size: 16px;
	padding: 2px 10px 5px 14px;
	font-weight: bold;
}

.mobiletd {
	padding:10px;
}



/* BT */

@media (max-width:600px) {
#portfolio-slider {width:282px;}
}


#home-slider {
	width:100%;
	padding: 0px;
	/*float: right;*/
	/*margin-top:-27px;*/
	display:block;
	
}
.mainmenu {display:block; clear:both;}

#box {
	width: 100%;
	height: 210px;
	margin: 1px 0px 0px 0px;
	float: left;
	background-color: #0e2047;
}
	
	#box .content {
		height: 68px;
		background-color: #142D62;
	}
	
	#box .content .text {
		margin: 8px 10px 0px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		line-height: normal;
		display: inline;
		float: left;
	}
	
#servicesbox {
	width: 414px;
	height: 210px;
	/*margin: 1px 0px 1px 0px;*/
	float: left;
}
	
	#servicesbox .servicesimage {
		float: left;
	}
	
	#servicesbox .servicesbuttons {
		width: 210px;
		height: 210px;
		background-image: url(/images/dot_dark-rust.gif);
		float: left;
	}
		
		.servicesbuttons ul {
			list-style: none;
			margin: 0;
			padding: 13px 0px 12px 12px;
		}
				
		.servicesbuttons li {
			display: inline;
		}
		
		.servicesbuttons li a {
			display: block;
		}

		
		
#locationbox {
	width: 100%;
	height: 210px;
	margin: 1px 0px 1px 0px;
	float: left;
	background-image: url(/images/dot_dark-rust.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
	
	#locationbox .locationimage {
		float: left;
	}
	
	#locationbox .locationcontent {
		width: 165px;
		height: 210px;
		float: left;
	}
	#locationbox .locationcontent p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		line-height: normal;
		padding: 13px 5px 11px 15px;
		margin:0px;
	}
	
img {
     max-width: 100%;
	 height:auto;
}


.row-h{font-weight:bold; margin:10px 0px 10px 0px;}
.hours{margin:10px 0px 10px 0px;}


/* Home Page Columns */
.columnHeading{
	
	font-size:14px;
	font-weight:bold;
	color:#595959;
	padding:8px 0px 6px 0px;
	
	text-align:center;
}

blockquote{color:rgb(255, 0, 0); font-size:12pt;}
.redText{color:rgb(255, 0, 0);}


/* Home Page */

.row .column h1{background:#eee url("/template/images/bh-bg.gif") repeat-x; height:31px; line-height:30px; font-size:14px; font-weight:bold; color:red; text-align:center; margin-left:0px;}
.homePageH1{margin-top:30px;}
.row .column h2{line-height:30px; font-size:14px; font-weight:bold; color:red; text-align:center; border-bottom:solid 1px #000; border-top:solid 1px #000; margin-bottom:25px;}

.row p{padding-left:15px; padding-right:15px;}

a.button{background-color:red; color:#fff;  padding:10px; text-decoration:none; border-radius:3px;}	
a.button:hover{background-color:#000;}	

.bodyCopy ul li {
    list-style-image: url(/template/images/bullet2.png);
}
ul.flex-direction-nav{display:none;}

/* Iframes Facebook
.facebookResponsive {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
margin-left:10px;
}
.facebookResponsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} */

.facebookResponsive {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 
.facebookResponsive iframe,
.facebookResponsive object,
.facebookResponsive embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.facebookResponsive {min-height:600px; margin-left:10px;}

/* Google Maps*/
.googleMaps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;

}
.googleMaps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
} 



.contactColumn{width:100%; float:left;}
.contactColumn.first{margin-right:50px; }
.contactColumn.first input{border:solid 1px #ccc;}
.contactFormInput{width:80%; height:25px; padding-left:10px;}
.contactColumn textarea{width:200px; margin-left:70px; border:solid 1px #ccc; color:#ccc; padding-top:10px; padding-left:10px;}

input.buttonContact{margin-top:15px; margin-bottom:50px; background-color:red; color:#fff;  padding:10px 15px 10px 15px; text-decoration:none; border-radius:3px; text-transform:uppercase;  font-size:14px;}	
input.buttonContact:hover{background-color:#000;}

.logo-txt {
	font-size:24px;
}

