@import url('fontselectors.css');
@import url('price.css');
/*======================================================================*/
/*=== SKIN.CSS - Designed by Jon Edwards for Shebang Websites ==========*/
/*======================================================================*/
/*--- 960.GS GRID CSS - 12 Column Grid - Thank you Nathan Smith --------*/
/*--- 12 X 60px Columns. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. ---*/
.grid_3, .grid_4, .grid_8, .grid_9, .grid_12 {
	display: inline;
	float: left; /*position: relative;*/;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_3 {
	width: 220px;
}
.grid_4 {
	width: 300px;
}
.grid_8 {
	width: 620px;
}
.grid_9 {
	width: 700px;
}
.grid_12 {
	width: 940px;
}
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----------------------------------------------------------------------*/
/*--- END 960.GS GRID CSS ----------------------------------------------*/
/*----------------------------------------------------------------------*/
/*--- GLOBAL HTML and DNN DECLARATIONS ---------------------------------*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
	height: 100%;
	background-color: #fff;
}
img {
	border: 0;
}
/*----------------------------------------------------------------------*/
/*--- EasyTooltip Styling ----------------------------------------------*/
#easyTooltip {
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #0085ac;
	background-color: #00c1fa;
}
/*----------------------------------------------------------------------*/
/*--- BASIC CSS LAYOUT -------------------------------------------------*/
#topnote {
}
#ie6detect {
	width: 960px;
	margin: 20px auto;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	border: 1px #000 dashed;
	background-color: #c50000;
}
/*--- Top Banner Wrappers ----------------------------------------------*/
#body_wrpr {
	background-image: url('images/top_outer.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #fff;
}
#banner_wrpr {
	background-image: url('images/top_bg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
}
#banner_inr {
	width: 960px;
	height: 275px;
	margin: 0 auto;
	padding: 0;
}
/*--- <h1> Logo Rulesets -----------------------------------------------*/
#logo {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
}
#logo a {
	display: block;
	width: 300px;
	height: 80px;
	text-decoration: none;
	background-image: url('images/logo_sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#logo a:hover {
	background-position: center top;
}
/*--- Navigation Wrapper and Rulesets ----------------------------------*/
#nav_wrpr {
	width: 620px;
	height: 40px;
	padding: 20px 0;
}
#nav_wrpr ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav_wrpr li {
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
	float: left;
}
#nav_wrpr li a {
	line-height: 40px;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
#nav_wrpr li span.nav_l {
	height: 40px;
	display: inline-block;
	padding-left: 15px;
	background-image: url('images/nav_l.png');
	background-position: left top;
	background-repeat: no-repeat;
}
#nav_wrpr li a:hover span.nav_l {
	background-image: url('images/nav_l_hover.png');
}
#nav_wrpr li span.nav_r {
	height: 40px;
	display: inline-block;
	padding-right: 15px;
	background-image: url('images/nav_r.png');
	background-position: right top;
	background-repeat: no-repeat;
}
#nav_wrpr li a:hover span.nav_r {
	background-image: url('images/nav_r_hover.png');
}
/*--- Call to Action X2 Options ----------------------------------------*/
#options_wrpr {
	padding: 30px 0;
}
#options_wrpr ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#options_wrpr li {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	display: inline;
	float: left;
}
#options_wrpr li.last {
	margin: 0;
}
#options_wrpr li a#portfolio {
	width: 300px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('images/portfolio_sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
}
#options_wrpr li a#portfolio:hover {
	background-position: center top;
}
#options_wrpr li a#pricing {
	width: 300px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('images/pricing_sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
}
#options_wrpr li a#pricing:hover {
	background-position: center top;
}
#options_wrpr li a#meeting {
	width: 300px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url('images/meeting_sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
}
#options_wrpr li a#meeting:hover {
	background-position: center top;
}
/*--- Mid Content Wrappers ---------------------------------------------*/
#mid_wrpr {
	background-color: #fff;
}
#mid_inr {
	width: 960px;
	margin: 0 auto 20px auto;
}
#mid_pane {
	display: inline-block;
	padding: 0 0 20px 0;
}
/*--- jQuery Dropdown Gates --------------------------------------------*/
.gate_imgwrpr {
	width: 270px;
	height: 160px;
	padding: 0 15px 10px 15px;
	background-image: url('images/gate_bg.png');
	background-position: center top;
	background-repeat: no-repeat;
}
.gate01, .gate02, .gate03 {
	width: 270px;
	height: 160px;
	position: relative; /*Relative positioning, else image will be to 0 of page*/;
	overflow: hidden;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.gate01 a, .gate02 a, .gate03 a {
	cursor: pointer;
}
.gate01 h3, .gate02 h3, .gate03 h3 {
	margin: 0;
	padding: 0;
}
.gate01 span.front, .gate01 span.back, .gate02 span.front, .gate02 span.back, .gate03 span.front, .gate03 span.back {
	list-style: none;
	width: 270px;
	height: 160px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
}
.gate01 span.front {
	background-image: url('images/package_01.png');
}
.gate01 span.back {
	background-image: url('images/package_01_under.png');
}
.gate02 span.front {
	background-image: url('images/package_02.png');
}
.gate02 span.back {
	background-image: url('images/package_02_under.png');
}
.gate03 span.front {
	background-image: url('images/package_03.png');
}
.gate03 span.back {
	background-image: url('images/package_03_under.png');
}
#pckg01 {
	border: 1px #00c1fa solid;
	padding: 15px;
}
#pckg02 {
	border: 1px #72ae00 solid;
	padding: 15px;
}
#pckg03 {
	border: 1px #9900a7 solid;
	padding: 15px;
}
/*--- Contact Wrapper and Rulesets -------------------------------------*/
.contact_wrpr {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 268px;
	border: 1px #00c1fa solid;
	padding: 15px;
	background-color: #94e7ff;
}
.contact_wrpr a, .contact_wrpr a:link, .contact_wrpr a:active, .contact_wrpr a:visited {
	color: #3d3d3d;
}
.contact_wrpr a:hover {
	color: #0082a8;
}
/*--- Compare Package Prices Wrapper and Rulesets ----------------------*/
/*--- Compare Package Prices Wrapper and Rulesets ----------------------*/
#faqs_wrpr {
}
#faqs_wrpr span {
	color: #0081a7;
}
/*--- Compare Package Prices Wrapper and Rulesets ----------------------*/
#compare_wrpr {
	background-color: #fff;
}
#compare_inr {
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
}
#compare_pane {
}
/*--- Portfolio Wrapper and Rulesets -----------------------------------*/
.prtf_wrpr {
	width: 960px;
}
.prtf_wrpr ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.prtf_wrpr li {
	list-style: none;
	margin: 0 10px 20px 10px;
	padding: 0;
	width: 300px;
	float: left;
	display: inline;
}
.prtf_wrpr li img, .prtf_wrpr li a img, .prtf_wrpr li a:link img, .prtf_wrpr li a:active img, .prtf_wrpr li a:visited img {
	padding: 9px;
	border: 1px #00c1fa solid;
}
.prtf_wrpr li a:hover img {
	border: 1px #72ae00 solid;
	background-color: #ddff9b;
}
.prtf_wrpr li h3 {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	width: 300px;
}
/*--- Pricing Matrix Wrappers ------------------------------------------*/
#pmatrix_wrpr {
	background-color: #dedede;
}
#pmatrix_inr {
	width: 960px;
	margin: 0 auto;
	/*display: none;*/
}
/*--- Bottom Pane Wrappers and Rulesets --------------------------------*/
#bottom_wrpr {
	background-color: #000;
}
#bottom_inr {
	width: 960px;
	margin: 0 auto;
	background-color: #000;
}
#bottom_pane {
	padding: 20px 0;
	display: inline-block;
}
/*--- Footer Pane Wrappers and Rulesets --------------------------------*/
#footer_wrpr {
	border-top: 1px #777 solid;
}
#footer_inr {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
/*----------------------------------------------------------------------*/
/*--- END BASIC LAYOUT CSS ---------------------------------------------*/
/*----------------------------------------------------------------------*/
/*======================================================================*/
/*=== END SKIN.CSS =====================================================*/
/*======================================================================*/