@import"../css/skeleton.css";
@import"../css/menu-style.css";
@import"../css/slider.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#a2a2a2;
	min-width:310px;
	background:url(../images/body-bg.jpg) repeat 0 0;
}

.main {
	min-width:310px; 	
	padding:0;
	margin:0 auto;
	font-size:13px;
	line-height:20px;
}

a {color:#0077ec; outline:none;}
a:hover {text-decoration:none;}

.col-1, .col-2 {float:left;}

.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}
 
p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;text-align:center;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.title {margin-bottom:18px;}

.it {font-style:italic;}
.bl {display:block;}
.bo {font-weight:bold;}
.up {text-transform:uppercase;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#6f6c6c;}

.index-1 {z-index:1; position:relative;}
.index-2 {z-index:2; position:relative;}
/*********************************boxes**********************************/
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:25px;}
.indent-bot3 {margin-bottom:35px;}
.indent-bot4 {margin-bottom:45px;}
.indent-bot5 {margin-bottom:55px;}
.indent-bot6 {/*margin-bottom:65px;*/}

.bot-indent {margin-bottom:12px;}
.bot-indent2 {margin-bottom:18px;}
.bot-indent3 {margin-bottom:27px;}
.bot-indent4 {margin-bottom:11px;}
.bot-indent5 {margin-bottom:19px;}

.img-pos img {max-width:100%; height:auto; /*margin-top: 28px;*/ }

.bot-pad {padding-bottom:7px;}
.bot-pad2 {padding-bottom:26px;}
.top-pad {padding-top:5px;}

.img-style {float:left; margin: 0 20px 0 0;}
.img-style2 {float:left; margin: 5px 10px 0 0;}
.img-style3 {float:left; margin: 5px 13px 0 0;}

.buttons a:hover {cursor:pointer;}

.menu-nav li a,
.list-1 li a,
.list-2 li a,
.link,
.button,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	background: url(../images/header-bg.jpg) repeat-x center top #171617
}

.header-bg2 {
	background:url(../images/header-bg2.png) no-repeat center top;
	padding: 22px 0 50px;
	width:100%;
}

h1 {
	padding:0px 0 0 0; 
	position:relative;
	float:left;
}
h1 a {
	display:block; 
	width:280px; 
	height:61px; 
	text-indent:-5000px; 
	background:url(../images/logo.png) 0 0 no-repeat;
}

.top-list {
	float:right;
	//padding-top:24px;
}

.top-list li {
	float:left;
	//background:url(../images/separator.gif) no-repeat left 2px;
	padding-left:8px;
	margin-left:7px;
	font-size:28px;
	color: #ffffff;
	line-height:50px;
	text-transform:uppercase;
}

.top-list li:first-child {
	background:none;
	padding-left:0;
	margin-left:0;
}

.top-list li a {
	color:#545454;
	text-decoration:none;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.top-list li a:hover {color:#FFF;}

#search {float:right;}

#search .input-bg {
	background:#1b1a1b;
	border: 1px solid #010000;
	display:inline-block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 8px 30px 7px 10px;
	height:20px;
	width:246px;
}

#search input {
	background:none;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#FFF;
	position:relative;
	outline:none;
	margin:0;
	width:246px;
}

.searchbutton {
	display:block;
	position:absolute;
	cursor:pointer;
	background:url(../images/searchbutton.png) no-repeat 0 0;
	height:14px;
	width:13px;
	top:24px;
	right:13px;
}

.searchbutton:hover {background-position: 0 -23px;}

/*********************************content*************************************/
#content {
	width:100%; 
	margin-top:-63px;
	padding-top:2px;
	position:relative;
	z-FLindex:1;
	background:url(../images/content-border.gif) repeat-x center top;
}

.content-bg {
	padding:60px 0 0px;
	background:url(../images/body-bg.jpg) repeat 0 0;
	width:100%;
}

.homepage .content-bg {padding-top:15px;}
.innerpage .content-bg {background:#171617;}
h3 {
	/*font-family: 'Amaranth', sans-serif;*/
	font-size:28px; 
	line-height:34px; 
	color:#fff;
	font-weight:bold;
	letter-spacing:-1px;
}

h4 {
	/*font-family: 'Amaranth', sans-serif;*/
	font-size:19px; 
	line-height:22px; 
	color:#fff;
	font-weight:bold;
}

h5, .style2 ul.tabbernav li a:link {
	font-size:17px; 
	line-height:20px; 
	color:#0096ff;
	font-weight:normal;
	margin-bottom:21px;
}
.style2 ul.tabbernav li a:link {margin-bottom:0;}

h5.pic1 {
	background:url(../images/pic1.png) no-repeat left 0;
	padding-left:30px;
}

h5.pic2 {
	background:url(../images/pic2.png) no-repeat left 0;
	padding-left:30px;
}

h5 a {color:#0096ff;text-decoration:none;}

h5 a:hover {text-decoration:underline;}

.border-2 {
	background:url(../images/border-2.gif) repeat-x 0 bottom;
	width:100%;
}

.button {
	display:inline-block; 
	padding:0 10px;
	color:#000; 
}
	
	.button:hover {color:#fff;}

.list-1 li {
	background:url(../images/marker-3.gif) no-repeat left 8px;
	padding: 0 0 12px 21px; 
}

.list-1 li.last {padding-bottom:0;}

	.list-1 li a {
		display:inline-block;
		color:#fff;
		text-decoration:underline;
	}
		.list-1 li a:hover {
			color:#0079f1;
			text-decoration:none;
		}

.list-2 li {
	background:url(../images/border-3.gif) repeat-x 0 bottom;
	font-size:11px; 
	line-height:14px;
	text-transform:uppercase;
	padding: 8px 0; 
}

.list-2 li.last {padding-bottom:0;background:none;}

	.list-2 li a {
		background:url(../images/marker-4.gif) no-repeat left -25px;
		display:inline-block; 
		color:#707070; 
		padding-left:10px;
		transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}
		.list-2 li a:hover {color:#fff;background-position: left 6px;}

.link:hover {text-decoration:underline;} 

.link-1 {
	display:inline-block; 
	font-size:11px; 
	line-height:14px;
	padding-right:23px;
	background:url(../images/marker-2.gif) no-repeat right 4px;
	color:#0077ec;
	text-decoration:underline;
	text-transform:uppercase;
}
.link-1:hover {color:#fff;text-decoration:underline;} 

.link-2 {
	color:#6f6c6c;
	text-decoration:none;
}

.link-2:hover {color:#FFF;}

.link-3 {
	display:inline-block;
	background:url(../images/marker-2.gif) no-repeat 0 0;
	height:5px;
	width:7px;
	margin-top:8px;
}

.link-4 {
	font-size:11px;
	line-height:14px;
	color:#0077ec;
	text-transform:uppercase;
	display:inline-block;
	margin-top:2px;
}

blockquote {
	background:url(../images/quote-bottom.png) no-repeat right bottom;
	padding-bottom:24px;
	width:100%;
}

.quote-inner {
	font-size:21px;
	line-height:29px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding: 22px 15px 22px 25px;
	border-left: 1px solid #2f2f2f;
	border-right: 1px solid #2f2f2f;
	border-top: 1px solid #2f2f2f;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.text-1 {line-height:18px;font-size: 14px;color: #ffffff;} 

dl span {float:left; width:90px;}

.map-style iframe {
	height:216px;
	width:540px;
}

/***** Contact form *****/
#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				min-height:45px;
			}
			#contact-form label.message {
				min-height:278px;
			}
			
			#contact-form input {
				padding:7px 20px 12px 17px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				line-height:1.23em;
				color:#6f6c6c; 
				border-left: 1px solid #121011;
				border-right: 1px solid #121011;
				border-top: 1px solid #060505;
				border-bottom: 1px solid #302e2f;
				background:#161415;
				/*background: url(https://phone-techs.com/wp-content/themes/phone/images/input-bg.png) no-repeat 0 0;;*/
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				outline:none;
				width:341px;
			}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				height:237px;
				max-height:237px;
				margin:0;
				padding:7px 20px 12px 17px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.25em;
				color:#6f6c6c; 
				border-left: 1px solid #121011;
				border-right: 1px solid #121011;
				border-top: 1px solid #060505;
				border-bottom: 1px solid #302e2f;
				background:#161415;
				/*background: url(https://phone-techs.com/wp-content/themes/phone/images/textarea-bg.png) no-repeat 0 0;*/
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				overflow:auto;
				outline:none;
				width:341px;
				max-width:341px;
			}
			#contact-form a {cursor:pointer;}
				#contact-form .success {display:none; margin-bottom:20px;}
				#contact-form .error,
				#contact-form .empty {
					color:#f00;
					font-size:11px;
					line-height:2em;
					display:none;
					overflow:hidden;
				}
		.buttons-wrapper { padding:0 5px 0 0; text-align:right;}
		.buttons-wrapper a { margin-left:20px;}
		
/****************************aside************************/
aside {
	width:100%; 
}

.aside-content {
	background:url(../images/border-2.gif) repeat-x 0 top;
	padding: 48px 0;
}

#search2 {position:relative;}

#search2 .input-bg2 {
	/*background:url(https://phone-techs.com/wp-content/themes/phone/images/input-bg2.png) no-repeat 0 0;*/
	border: 1px solid #0E0D0D;
	padding: 8px 50px 5px 10px;
	height:22px;
	width:160px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#search2 input {
	background:none;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#FFF;
	position:relative;
	outline:none;
	margin:0;
	width:160px;
}

.searchbutton2 {
	display:block;
	position:absolute;
	cursor:pointer;
	background:url(../images/searchbutton2.png) no-repeat 0 0;
	height:35px;
	width:42px;
	top:1px;
	right:1px;
}

.searchbutton2:hover {background-position: 0 -39px;}

#search2 a {
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	color:#FFF;
}

#search2 a:hover {text-decoration:underline;}

/****************************footer************************/
footer {
	width:100%; 

}

.footer-text {
	margin: 0 10px;
	background:url(../images/border-2.gif) repeat-x 0 top;
	text-align:center;
	font-size:11px;
	line-height:14px;
	color:#FFF;
	text-transform:lowercase;
	padding:26px 0;
}

.footer-text a {
	text-decoration:none;
	color:#FFF;
}

.footer-text a:hover {text-decoration:underline;}

/*********** tabs ***********/

.tab-border {overflow:hidden;position:relative;height:253px;}

.tabs {
	background:url(../images/border-2.gif) repeat-x 0 bottom;
	position:relative;
	overflow:hidden;
}

.tabs li {
	background:url(../images/separator2.gif) no-repeat left 10px;
	padding-left:2px;
	float:left;
}

.tabs li:first-child {background-image:none;padding-left:0;}


.tabs li a {
	display:inline-block;
	background:url(../images/tab-left-hover.png) no-repeat left 0;
	padding-left:3px;
}

.tabs li a > span {
	display:inline-block;
	background:url(../images/tab-right-hover.png) no-repeat right 0;
	padding-right:3px;
}

.tabs li a span span {
	background:url(../images/tab-hover.png) repeat-x 0 0px;
	display:inline-block;
	font-size:16px;
	line-height:20px;
	color:#0096ff;
	text-decoration:none;
	padding: 15px;
}

.tabs li a:hover, .tabs li.active a {background-position: left -52px;}

.tabs li a:hover span, .tabs li.active a span {
	background-position: right -52px;
	color:#FFF;
}

.tab_container {
	padding-top:23px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	#search .input-bg, #search input {width:155px;}
	#search2 input {width:108px;}
	.map-style iframe {width:428px;}
	#contact-form input, #contact-form textarea {width:261px;max-width:261px;} 
	.text-size-1 {font-size:11px;}
	.extra-wrap {overflow:visible;}
	#content {margin-top: -104px;}
	#page1 #content {margin-top: -63px;}
}
@media only screen and (max-width: 767px) {
	#search .input-bg, #search input {width:225px;}
	.searchbutton {right:20px;}
	.indent-switch, .indent-switch2 {margin-bottom:40px;}
	#search2 .input-bg2, #search2 input {width:238px;}
	#contact-form input, #contact-form textarea {width:261px;max-width:261px;}
	.no-float {float:none;}
	.map-style iframe {width:300px;}
	.img-style {float:none;margin-bottom:20px;}
	h1 {float:none;}
	.top-list {float:left; padding: 14px 0 0px 20px;}
	.tabs li a span span{padding:15px 7px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#search .input-bg, #search input {width:342px;}
	#search2 .input-bg2, #search2 input {width:358px;}
	#contact-form input, #contact-form textarea {width:381px;max-width:381px;}
	.indent-switch2 {margin-bottom:0px;}
	.map-style iframe {width:420px;}
	.img-style-switch {float:left;margin-right:10px;}
	.display-switch {display:none;}
	.width-1 {width:200px !important;}
	.fleft-switch {float:left;}
	.indent-r {margin-right:20px;float:left;}
	.img-style {float:left;margin:0 20px 0 0;}
	h1 {float:left;}
	.top-list {padding: 24px 0 0 20px;}
}

.tabbertab a {color:#fff;}

#content.innerpage {background:none;}

.container_12 .grid9fix {width:620px !important;}
.container_12 .grid5fix {width:320px !important;}