@charset "utf-8";
@import url("reset.css");
/* CSS Document */
/*Copyright INT 2009*/


/*General Styles--------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-position: center top;
	background-image: url(../images/bkgd-slice-sqs.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	
}

p {
	margin-right: 75px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	text-align: left;
}

a
{
	font-weight: bold;
	text-decoration: none;
	color: #1A4D6B;
	/*padding-left: 10px;*/
}

a:active {
	color: #999999;
	
}

a:hover {
	text-decoration: underline;
	color: #CA3009;
}


/*Container--------------------------------------------------------------------------------------- */


#container {
	width: 990px;
	margin: 0px auto 0em;
	text-align: left;
	padding: 0px;
	}


/*Mast Head--------------------------------------------------------------------------------------- */


#MastContainer {
	width: 990px;
	height: 115px;
	background-image: url(../images/bkgd-masthead-round.png);
	background-position: center top;	
	border-bottom: 1px solid #CCC;
}
#masthead {
	padding: 0;
	margin:0;
	float: left;
	
	
}
#masthead h1 {
	margin: 0;
	padding: 0;
	width: auto;
}


/*Content--------------------------------------------------------------------------------------- */
#mainContent {
	width: 989px;
	float: left;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	background-image: url(../images/bkgd-nav-solid-gray.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	
}

#main {
	width: 825px;
	float: right;
	padding-bottom: 25px;	
	
}
#text {
	float: right;
	width: 750px;
	min-height: 480px;
}
#text ul {
	margin-left: 5px;
	padding-left: 45px;
	padding-right: 65px;
	
}
#text ol {
	margin-left: 5px;
	padding-left: 45px;
	padding-right: 65px;
	
}
/* Top Nav--------------------------------------------------------------------------------------- */

#topNav {
	margin:50px 15px 0 0;
	padding:0;
	float: right;
	width:250px;
	height: 25px;
	
}
#topNav ul {
	font-weight: normal;
	letter-spacing: 0.1em;
}
#topNav ul li {
	font-weight: normal;
	letter-spacing: 0.1em;
	display:inline;
	list-style-type: none;
	float: none;	
}
#topNav a {
	text-decoration: none;
	color: #B73B21;
	margin:0;
	padding:0em;
	display: block;
	float: right;
	text-align: right;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
}
#topNav a:link a:visited {
	text-decoration: none;
	color: #C23B21;
	float: right;
}
#topNav a:active {
	color: #000;

}
#topNav a:hover {
	text-decoration: underline;
	color: #003457;
}

#topNav .spacer {
	text-decoration: none;
	color: #B73B21;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	font-weight: bold;
}
/*Main Navigation--------------------------------------------------------------------------------------- */


.float {
	position: fixed;	
}
#sidebarColumn {
	float: left;
	
}
#sidebar {
	width: 163px;
	margin: auto 0px 0px auto;
	padding: 0px;
	left: 0px;
	float: left;	
}
#sidebar ul a {
	width: 148px;
	color: #063C58;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	cursor: pointer;
	padding: 7px;
	text-decoration: none;
	margin: 0px;
	display: block;
	background-image: url(../images/bkgd-nav-gray.jpg);
	background-repeat: repeat-x;
	line-height: 18px;
	letter-spacing: 0.05em;
	font-weight: bold;
	background-position: center top;
	border-right: 1px inset #999;	
}
#sidebar ul a:visited {
	color: #063C58;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebar a:hover {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bkgd-nav-gray-hover.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}


/* Sub Menu--------------------------------------------------------------------------------------- */


#sidebar ul li ul a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	color: #063C58;
	text-align: left;
	background-image: url(../images/bkgd-button-sub-highlight.png);
	background-position: center bottom;
	padding-left: 7px;
	font-weight: lighter;
}
#sidebar ul li ul a:hover {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	color: #003B58;
	background-image: url(../images/bkgd-button-sub.png);
	font-style: normal;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sidebar ul li ul a:visited {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	color: #063C58;
	text-align: left;
	background-image: url(../images/bkgd-button-sub-highlight.png);
	background-position: center bottom;
	padding-left: 7px;
	font-weight: lighter;
}
#sidebar ul li ul li:hover > a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	
	color: #003B58;
	background-image: url(../images/bkgd-button-sub.png);
	font-style: normal;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sidebar ul li ul a:visited {
	text-align: left;
	
}

/*quickstart--------------------------------------------------------------------------------------- */


#guide a {
	font-size: 14px;
	font-weight: lighter;
}

/*pageheader--------------------------------------------------------------------------------------- */



#pageHeader {
	float: left;
}
#pageHeader h1 {
	font-size: 16px;
	color: #66215A;
	font-weight: bold;
	line-height: 12px;
}


/*footer--------------------------------------------------------------------------------------- */


#footer {
	width: 990px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 9px;
	padding: 0px 0px 0px;
	float: left;
	margin: 0px auto 1em;
	border-top: 1px solid #CCC;
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer a {
	text-decoration: none;
	color: #1A4D6B;
}
#footer a:link, #nav ul li a:visited {
	text-decoration: none;
	color: #1A4D7C;
}
#footer a:hover {
	background-image:none;
	text-decoration: underline;
}
#footer a:active {
	color: #C92900;

}


/*logo--------------------------------------------------------------------------------------- */


#logo {
	width: 160px;
	height: 110px;
	float:left;
	overflow:hidden;
}
#logo h1 {
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
}
#logo h1 a {
	display: block;
	width: 160px;
	height:90px;
	margin:0;
	padding:0;
	text-indent: -999px;
	top: 35px;
	position: absolute;
}
#logo h5 a{
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
	display: block;
	width: 160px;
	height: 90px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	top:35px;
	position: absolute;
}
#logo a{
	font-family: Arial, Helvetica, sans-serif;
	background-image: none;
	display: block;
	width: 160px;
	height: 80px;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	top:35px;
	position: absolute;
}	
#logo h1 a span {
}


/* Forms 
--------------------------------------------------------------------------------------- */
select	{
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;}
.button {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	background-color: #5C8127;
	color: #FFFFFF;
	margin-right: 50px;
}
table.form td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.formRedText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	text-align: left;
	vertical-align: top;
	border: 0px none #FFF;
}
.capitalize	{text-transform:capitalize; text-align:left;}
/* Default Styles 
--------------------------------------------------------------------------------------- */
.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{
	font-weight:bold;
	color: #BD3B21;
}
strong			{
	font-weight:bold;
	color: #043954;
}
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }
.small			{ font-size: .9em;}
.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{
	float:left;
	margin:0 10px 4px 0;
}
.img-right 		{ float:right;margin:4px 0 4px 10px; }
.img-center		{
	float:none;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 10px;
}
.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

ul.bullet {
	list-style-position: outside;
	list-style-type: disc;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 1em 3em;
}
h3.leaders  {
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
}
.twoColFixLtHdr #wrap #container #mainContent h3.leaders {
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	font-variant: normal;
	color: #000000;
	font-style: normal;
	min-height: 680px;
}
/*Headers --------------------------------------------------------------------------------------- */

h1 {
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #043954;
	margin-bottom: 10px;
	width: 100%;
	background-image: url(../images/bkgd-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 0px 15px 15px;
	margin-left: 7px;
	overflow: visible;
}
h2 {
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #CA3009;
	margin-top: 15px;
	margin-left: 15px;
	border-bottom: 1px dashed #003857;
	padding-bottom: 15px;
	font-weight: lighter;
	text-indent: 0px;
}

h2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	line-height: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #063C58;
	letter-spacing: 0em;
	border-bottom: 1px none #ffffff;
}
h2 a:hover {
	text-decoration: underline;
	color: #CA3009;
	border-bottom: 1px none #ffffff;
}
h2.seo {
	font-size: 8px;
	letter-spacing: 0.05em;
	color: #CA3009;
	margin-top: 15px;
	margin-left: 15px;
	border-bottom: 0px none #ffffff;
	padding-bottom: 15px;
	font-weight: lighter;
	text-indent: 0px;
}
h2.seo a:link {
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #063C58;
	letter-spacing: 0em;
	border-bottom: 0px none #ffffff;
}

h2.seo a:hover {
	font-size: 8px;
	text-decoration: underline;
	color: #CA3009;
	border-bottom: 0px none #ffffff;
	
}

h2.title {
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #043954;
	margin-bottom: 10px;
	width: 100%;
	background-image: url(../images/bkgd-header.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px 0px 15px 15px;
	margin-left: 7px;
	overflow: visible;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	letter-spacing: 0.05em;
	color: #CA3009;
	margin-left: 15px;
	font-weight: lighter;
}
h2 a:hover {
	text-decoration: underline;
	color: #CA3009;
	border-bottom: 1px none #ffffff;
}
h2.seo {
	font-size: 8px;
	letter-spacing: 0.05em;
	color: #CA3009;
	margin-top: 15px;
	margin-left: 15px;
	border-bottom: 0px none #ffffff;
	padding-bottom: 15px;
	font-weight: lighter;
	text-indent: 0px;
}
h3.seo a:link {
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #063C58;
	letter-spacing: 0em;
	border-bottom: 0px none #ffffff;
}

h3.seo a:hover {
	font-size: 8px;
	text-decoration: underline;
	color: #CA3009;
	border-bottom: 0px none #ffffff;
}
h4 {
	font-size: 14px;
	color: #FFF;
	font-weight: lighter;
	letter-spacing: .05em;
}
h5 {
	font-size:1.05em;
	line-height: 1.7em;
	margin-right: 10px;
	margin-left: 10px;
	letter-spacing: 0.02em;
	font-weight: 200;
}
h5.intseo
	{font-size:1.05em;
	padding: 0;
	margin-right: 5px;
	margin-left: 5px;
	letter-spacing: 0.02em;
	font-weight: 100;}
h6{
	font-size: 14px;
	letter-spacing: 0.05em;
	color: #CA3009;
	font-weight: lighter;
	background-color: #E2E3E5;
}
h6 a:hover {
	font-size:12px;
	color: #CA3009;
	left: -10px;
	padding-left: 0px;
	margin: 0px;
}
.h7 {
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #CA3009;
	margin-bottom: 0px;
	width: 100%;
	margin-left: 7px;
	overflow: visible;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
/*Custom --------------------------------------------------------------------------------------- */

.BrdrDivider {
	border-top: 2px dotted #3983C5;
}
.BrdrDividerBottom {
border-bottom: 1px dashed #003857;
}
.BkgdGradBlue {
	background-image: url(../images/bkgd-slice-gradient.gif);
	background-repeat: repeat-x;
}
.mainText {
	font-size: 14px;
	line-height: 18px;
}
.txtTestimonial {
	font-style: italic;
	font-weight: bold;
	color: #1F4F67;
}
.bkgdTestimonials {
	background-image: url(../images/bkgd-testimonial-slice.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.italicBlue {
	font-style: italic;
	color: #043954;
}
.centerBlue{
	color: #043954;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.leftBlue{
	color: #043954;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}
.bkgdRedBlue {
	background-image: url(../images/bkgd-grad-red-blue.png);
	background-repeat: repeat-y;
	background-position: center top;
}
.bkgdIcon {
	background-image: url(../images/bkgd-sidebar.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.bkgdIconStripe {
	background-image: url(../images/bkgd-icon.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.bkgdGuide {
	background-image: url(../images/bkgd-guide.png);
	background-repeat: repeat-y;
	background-position: right top;
}
.paddingTopMain {
	margin-top: 2px;
}
.borderFullRed {
	border: 1px solid #D53009;
}
.brderZero {
	border: 0px none #FFF;
}
#testimonial {
	border: 0px none #FFF;
	padding-left: 4px;
	padding-top: 4px;
}
#testimonial a {
	border: 0px none #FFF;
	color: #FFF;
}
.number {
	font-size: 24px;
	color: #999;
	line-height: 36px;
}
.instruction {
	font-size: 9px;
	font-style: italic;
	color: #072B43;
	margin-top: 5px;
	margin-bottom: 5px;
}
.BrderBlue {
	border: 1px solid #072B43;
}
.bkgdGrayBox {
	background-color: #EDEDED;
	border: 1px solid #dddddd;
}
/*Privacy Policy formatting*/
ol.withroman {  list-style-type: upper-roman;}
ol.capletters {list-style-type:upper-alpha;}
ol.rtmargin {margin-right: 50px;}
li.nodot        {list-style-type:none; margin-top: 0px; padding-top: 0px;}

#flashwrapper {
	padding-top: 6px;	
}
/*iPhone Backgrounds*/

#iMain {
	background-image: url(../images/iphone-main.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 370px;
	width: 825px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 4px;
}
#iTech {
	background-image: url(../images/iphone-tech.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 330px;
	width: 380px;
	margin: 0px auto 0em;
}
#iDev {
	background-image: url(../images/iphone-dev.png);
	background-repeat: no-repeat;
	background-position: center center;	
	height: 401px;
	width: 351px;
	margin: 0px auto 0em;
}
#iHost {
	background-image: url(../images/iphone-host.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 350px;
	width: 380px;
	margin: 0px auto 0em;
}
#iBusi {
	background-image: url(../images/iphone-busi.png);
	background-repeat: no-repeat;
	background-position: center center;	
	height: 330px;
	width: 380px;
	margin: 0px auto 0em;
}
#iConn {
	background-image: url(../images/iphone-conn.png);
	background-repeat: no-repeat;
	background-position: center center;	
	height: 330px;
	width: 380px;
	margin: 0px auto 0em;
}
#iHaas {
	background-image: url(../images/iphone-haas.png);
	background-repeat: no-repeat;
	background-position: center center;	
	height: 330px;
	width: 380px;
	margin: 0px auto 0em;
}

/* JS Scroll Photos
--------------------------------------------------------------------------------------- */
.jqGSContainer{margin-top: 25px;
}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{
	position:absolute;
	list-style:none;
	width:700px;
	height:149px;
	margin-top: 25px;
	
}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px; list-style-type: none;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{ list-style-type: none;}
.jqGSContainer .jqGSImgContainer ul li img{
	margin: 1px;
		}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{
	position:absolute;
	right:0px;
	top:0px;
	padding:3px;
	color:#5C8C0E;
	
	background-color: #D9F1FB;
}

/* Menu Position*/
.jqGSContainer .jqGSPagination{
	width:700px;
	height:20px;
	top:0px;
	padding: 5px 0;
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 15px;
	position: absolute;
	background-color: #FFF;
}
.jqGSContainer .jqGSPagination ul{padding:0;margin:0;list-style:none;position:relative; list-style-type: none;}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px; list-style-type: none;}
.jqGSContainer .jqGSPagination ul li a{
	padding:2px 0px;
	color: #032D42;
	text-decoration:none;
	display:block;
	width:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCC;
}
.jqGSContainer .jqGSPagination ul li a.selected{
	color:#FFF;
	list-style-type: none;
	background-color: #C6362A;
}
.jqGSContainer .jqGSPagination ul li a:hover{
	color:#FFF;
	list-style-type: none;
	background-color: #C6362A;
}

.jqGSImgContainer{border:1px solid #FFF;}

#gallery {
	list-style-type: none;
	color: #FFF;
	list-style-image: none;

	margin-right: auto;
	margin-left: auto;	
}
.bkgdBox {
	background-image: url(../images/bkgd-box-slice.png);
	background-repeat: repeat-y;
	background-position: center;
}
.price {
	font-size: 42px;
	color: #043954;
	line-height: 42px;
	vertical-align: top;
	-moz-text-shadow: 1px 1px 2px #999;
	-webkit-text-shadow: 1px 1px 2px #999;
	text-shadow: 1px 1px 2px #999;
}
.priceChange {
	font-size: 30px;
	color: #043954;
	line-height: 32px;
	margin-top: 5px;
	padding-top: 5px;
	vertical-align: top;
	-moz-text-shadow: 1px 1px 2px #999;
	-webkit-text-shadow: 1px 1px 2px #999;
	text-shadow: 1px 1px 2px #999;
}

.planName {
	font-size: 24px;
	font-weight: normal;
	color: #C7340C;
	line-height: 36px;
	text-align: center;
	border-bottom: 1px solid #999;
	
}