@import url('/assets/css/reset.css');
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/*
*
*
*Main Layout
*
*
*/


body {
	font: 13px/1.5 'Open Sans', sans-serif;
	color: #555;
	text-align:justify;
	background-image: url('/img/bg.jpg');
	margin: 0;
	margin-bottom: 50px;
	height: 100%;
}

#container {
	margin: 0 auto;
	height:100%;
}

#header {
	height: 90px;
	width: 825px;
	margin: 0 auto;
	background-image: url('/img/header_bg.jpg');
	background-repeat: no-repeat;
}

#footer {
	width: 825px;
	margin: 0 auto;
}

#logo {
	margin-left: 10px;
	float:left;
}


#business {
	float:right;
}

#business td {
	height: 25px;
	padding-right: 7px;

	margin-right: 5px;
	background: rgb(38,38,38); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(38,38,38) 0%, rgb(12,12,12) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(38,38,38)), color-stop(100%,rgb(12,12,12))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* W3C */
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;

	border: 2px solid #39485e;
	border-top: 0;
	-webkit-box-shadow: 0px 0px 6px 1px #808080;
	-moz-box-shadow: 0px 0px 6px 1px #808080;
	box-shadow: 0px 0px 6px 1px #808080;

}

#business a {text-decoration:none; color: #4e80cf; font-size:11px; font-weight: 400; margin-left: 7px;}
#business a:hover {text-decoration:none; color: #ccc; }
#business a:visited {text-decoration:none;}
#business a:active {text-decoration:none;}

#inc {
	float:right;
	margin-top: 17px;
}

#nav {
	height:35px;
	width: 100%;
	border: 2px solid #263d63;
	border-left:0;
	border-right:0;
	background: rgb(45,57,75); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(45,57,75) 0%, rgb(19,31,50) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,57,75)), color-stop(100%,rgb(19,31,50))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d394b', endColorstr='#131f32',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* W3C */
	-webkit-box-shadow: 0px 1px 5px 1px #aeaeae;
	-moz-box-shadow: 0px 1px 5px 1px #aeaeae;
	box-shadow: 0px 1px 5px 1px #aeaeae;
}

#nav ul {
	margin: 0 auto;
	margin-top: 6px;
	width: 825px;
	list-style-type: none;

}

#nav li {
	float: left;
	padding-right: 24px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 100;
}

#nav a {text-decoration:none; color: #ffffff; font-size:15px; font-weight: 400;}
#nav a:hover {text-decoration:none; color: #4e80cf;}
#nav a:visited {text-decoration:none;}
#nav a:active {text-decoration:none;}

#main_image {
	height:300px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow:inset 0px 1px 5px 1px #aeaeae;
	-moz-box-shadow:inset 0px 1px 5px 1px #aeaeae;
	box-shadow:inset 0px 1px 5px 1px #aeaeae;
}

#att {
	height:500px;
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow:inset 0px 1px 5px 1px #aeaeae;
	-moz-box-shadow:inset 0px 1px 5px 1px #aeaeae;
	box-shadow:inset 0px 1px 5px 1px #aeaeae;
}

#rss {
	height:35px;
	width: 100%;
	border: 2px solid #263d63;
	border-left:0;
	border-right:0;
	background: rgb(45,57,75); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(45,57,75) 0%, rgb(19,31,50) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,57,75)), color-stop(100%,rgb(19,31,50))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d394b', endColorstr='#131f32',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* W3C */
	-webkit-box-shadow: 0px 1px 5px 0px #333;
	-moz-box-shadow: 0px 1px 5px 0px #333;
	box-shadow: 0px 1px 5px 0px #333;

}

#home_boxes {
	position:relative;
	left: -20px;
}

#home_boxes ul {
	margin: 0 auto;
	margin-top: 6px;
	width: 825px;
	list-style-type: none;
}

#home_boxes div {
	float:left;
	width: 246px;
	height: 130px;
	margin-top: 15px;
	background: rgb(38,38,38); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(38,38,38) 0%, rgb(12,12,12) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(38,38,38)), color-stop(100%,rgb(12,12,12))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* W3C */
	border: 2px solid #a8a8a8;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 6px 1px #808080;
	-moz-box-shadow: 0px 0px 6px 1px #808080;
	box-shadow: 0px 0px 6px 1px #808080;
}

#home_tabs {
	width: 825px;
	margin: 0 auto;
	margin-top: 20px;
}

#home_tabs span {text-decoration:none; color: #ffffff; font-size:12px; font-weight: 400; cursor:pointer;}
#home_tabs span:hover {text-decoration:none; color: #4e80cf; cursor:pointer;}


td.home_tab {
	width: 133px;
	height: 26px;
	background: rgb(45,57,75); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(45,57,75) 0%, rgb(19,31,50) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,57,75)), color-stop(100%,rgb(19,31,50))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d394b', endColorstr='#131f32',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(45,57,75) 0%,rgb(19,31,50) 100%); /* W3C */
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	border-top: 2px solid #39485e;
	border-right: 2px solid #39485e;
	border-bottom: 2px solid #39485e;
	z-index: 2;
	position:relative;
	-webkit-box-shadow: 0px -2px 5px 0px #808080;
	-moz-box-shadow: 0px -2px 5px 0px #808080;
	box-shadow: 0px -2px 5px 0px #808080;
	text-align:center;
	color: #ffffff;
}

td.home_tab_selected {
	width: 133px;
	height: 26px;
	background: #232323; /* Old browsers */
	background: -moz-linear-gradient(top, #232323 0%, #262626 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#262626)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #232323 0%,#262626 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #232323 0%,#262626 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #232323 0%,#262626 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #232323 0%,#262626 100%); /* W3C */
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	border-top: 2px solid #39485e;
	border-right: 2px solid #39485e;
	border-left: 2px solid #39485e;

	-webkit-box-shadow: 0px -2px 5px -2px #808080;
	-moz-box-shadow: 0px -2px 5px -2px #808080;
	box-shadow: 0px -2px 5px -2px #808080;
	z-index: 2;
	position:relative;
	text-align:center;
	color: #ffffff;
}

#home_tabs_content {
	width: 825px;
	height: 130px;
	background: rgb(38,38,38); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(38,38,38) 0%, rgb(12,12,12) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(38,38,38)), color-stop(100%,rgb(12,12,12))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgb(38,38,38) 0%,rgb(12,12,12) 100%); /* W3C */
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;

	border: 2px solid #39485e;
	border-top: 0;
	-webkit-box-shadow: 0px 0px 6px 1px #808080;
	-moz-box-shadow: 0px 0px 6px 1px #808080;
	box-shadow: 0px 0px 6px 1px #808080;
	z-index: -1;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
}

#home_tabs_content .hidden {
	display: none;
}


#content_container
{
	width: 825px;
	height: 100%;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #ffffff;
	border: 1 solid #c1c1c1;
	-webkit-box-shadow: 0px 0px 4px 1px #aeaeae;
	-moz-box-shadow: 0px 0px 4px 1px #aeaeae;
	box-shadow: 0px 0px 4px 1px #aeaeae;
	height: 100%;
}


#att_botton {
	vertical-align:top;
	text-align:center;
	margin-top:10px;
}

/*
*
*
*Headers and General Text
*
*
*/

h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu', sans-serif;
}

h1 {
	color: #4e80cf;
	padding-top: 10px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 7px;
}

h2 {
	color: #4e80cf;

	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	border-bottom: 1px solid gray;
}

p,li {
	font-family: 'Open Sans', sans-serif;
}

b {
  color: #243a5d;
}

/*
*
*
* Level 2
*
*
*/

#lvl_2_img {
	width: 550px;
	height: 200px;
	background-color: grey;

}

#lvl_2_img img {
	width: 550px;
	height: 200px;
	margin-bottom: -5px;
}

	/*** Right Side Bar ***/

	#quote {
		width:230px;
		padding-left: 35px;
		background: rgb(64,64,64); /* Old browsers */
		background: -moz-linear-gradient(top, rgb(64,64,64) 0%, rgb(11,11,11) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(64,64,64)), color-stop(100%,rgb(11,11,11))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(64,64,64) 0%,rgb(11,11,11) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(64,64,64) 0%,rgb(11,11,11) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgb(64,64,64) 0%,rgb(11,11,11) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgb(64,64,64) 0%,rgb(11,11,11) 100%); /* W3C */
		vertical-align: middle;
	}

	#quote a {

		display:table;
	}

	#quote_button {
		color: #243a5d;
		margin: 0 auto;
		font-family: 'Ubuntu', sans-serif;
		font-size: 24px;
		text-align:center;
		display:block;
		border: 1px solid #666;
		height: 100px;
		width: 200px;
		display:table-cell;
		vertical-align:middle;
		-webkit-box-shadow: 0px 0px 6px 1px #95beff;
		-moz-box-shadow: 0px 0px 6px 1px #95beff;
		box-shadow:0px 0px 6px 1px #95beff;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background: rgb(246,248,249); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
	}

	#quote_button:hover {
		-webkit-box-shadow: 0px 0px 6px 1px #999;
		-moz-box-shadow: 0px 0px 6px 1px #999;
		box-shadow:0px 0px 6px 1px #999;
		color: #000;

}

	#quote a {text-decoration:none; color: #dddddd; font-size:15px; font-weight: 400;}
	#quote a:hover {text-decoration:none; color: #000;}
	#quote a:visited {text-decoration:none;}
	#quote a:active {text-decoration:none;}

	#how_network_solutions {
		width: 264px;
		height: 177px;
		padding-left: 10px;
		padding-top: 17px;
		text-align:left;
		background-color: #142033;
		vertical-align: top;
	}

	#how_network_solutions span {
		font-family: 'Ubuntu', sans-serif;
		color: #4e80cf;
		font-weight: 400;
		font-size: 1.15em;
	}

	#how_network_solutions li {
		font-size: 11px;
		margin-left: -20px;
		padding-right: 15px;
		color: #ffffff;
	}

	#cities {
		vertical-align:top;
		width: 275px;
		height: 100%;
		background: rgb(37,50,69); /* Old browsers */
		background: -moz-linear-gradient(top, rgb(37,50,69) 0%, rgb(20,32,51) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(37,50,69)), color-stop(100%,rgb(20,32,51))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgb(37,50,69) 0%,rgb(20,32,51) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgb(37,50,69) 0%,rgb(20,32,51) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgb(37,50,69) 0%,rgb(20,32,51) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253245', endColorstr='#142033',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgb(37,50,69) 0%,rgb(20,32,51) 100%); /* W3C */
		vertical-align: top;
		color: #ffffff;
	}

	#cities ul {
		margin-top: 2px;
		margin-left: -30px;
	}

	#cities li {
		list-style: none;
		font-size: 11px;
		margin-left: -10px;
		padding-left: 20px;
		color: #ffffff;
		border-bottom: 1px solid black;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#cities a {text-decoration:none; color: #dddddd; font-weight: 400;}
	#cities a:hover {text-decoration:none; color: #4e80cf;}
	#cities a:visited {text-decoration:none;}
	#cities a:active {text-decoration:none;}

	#lvl_2_content {
		width: 515px;
		padding: 15px;
		border:0;
		vertical-align: top;
	}

	#lvl_2_content p {
		padding: 0px;
		padding-top: 10px;
		margin: 0px;
	}