/* CSS Document */

* {margin:0px; padding:0px;}

body{

	margin:0px;

	padding:0px;

	color:#272727;

}


a {

	color:#272727;
	
	text-decoration:none;
	
	font-weight:bold;
}


a:hover {

	text-decoration:underline;
}

#craftysyntax_1 a[alt='Crafty Syntax Live Help'] {
	
	display:none;	
}


.button{
	/*
	color:#FFF; 

	padding:10px;  

	border:solid 1px #7E7E7E; 

	border-radius:2px; 

	background:url(images/button-bg.png) repeat-x; 

	font-size:14px; 

	font-weight:bolder;

	text-decoration:none;

	letter-spacing:1.2px;

	font-family:Tahoma, Geneva, sans-serif;
	*/
}



.button:hover{

	/*background:url(images/button-bg.png)0px -50px repeat-x; */

}



.small-button{

	color:#FFF; 

	padding:3px;  

	border:solid 1px #7E7E7E; 

	border-radius:2px; 

	background:url(images/button-bg.png) repeat-x; 

	font-size:12px; 

	font-weight:bolder;

	text-decoration:none;

	letter-spacing:1.2px;

	font-family:Tahoma, Geneva, sans-serif;

}



.small-button:hover{

	background:url(images/button-bg.png)0px -50px repeat-x; 

}



a.links{

	text-decoration:none;

	color:#F27900;

}



a.links:hover{

	text-decoration:underline;

}



.clear{

	clear:both;	

}



.f-left{

	float:left;	

}



.f-right{

	float:right;	

}



@font-face{

	font-family: Agency FB;

	src: url(fontface/AGENCYR.TTF) format('truetype'), url(fontface/AGENCYR.eot) format('eot');

	font-style:normal; 

	font-weight:200;

}



.agency-font{ 

	font-family: "Agency FB"; 

}



.title{

	font-weight:bold;

	font-size:28px;

	font-family:Arial;	

}



.level-font{

	 font-weight:bold; 

	 font-size:60px; 

	 color:#d05e22;

	 text-decoration:none;

}



.managed-font{

	color:#dcd2cd; 

	font-size:40px; 

	margin-left:35px;

	margin-top:15px;	

}



.afford-font{

	font-family:Verdana; 

	font-size:17px; 

	color:#d8d7d7; 

	width:330px; 

	margin-top:20px;

	margin-left:30px;

	margin-right:55px;

	line-height:25px;

}



.bonus-font{

	font-family:Verdana; 

	font-size:17px; 

	color:#fd9b73;

	margin-top:35px; 	

}



.support-font{

	font-family:Verdana; 

	font-size:17px; 

	color:#ffffff;

	margin-top:40px; 

}	



.web-hosting{

	margin-top:15px; 

	font-family:Arial; 

	font-size:30px; 

	color:#ffffff; 

	margin-left:10px;	

}



.logo-wrapper{

	width:565px; 

	margin-top:35px; 

	margin-left:5px;

}



.phone{

	height:70px;
	
	width:189px;
	
	background:url(images/phone.png) left top no-repeat;
	
	color:transparent;

}



.ded-servers{
	font-size:24px;
	line-height:23px;
	color:#dcd2cd;
	width:150px;
	margin-top:7px;	
	margin-left:45px;
}



.dedicated-wrapper{

	width:235px; 



	margin-right:-20px; 



	margin-top:20px; 



	margin-left:-20px; 



	padding-top:15px;	

}



#header-bg{

	height:339px;

	width:100%;

	background:url(images/header-bg.png) repeat-x;

}



#header-wrapper{

	height:339px;

	width:1010px;

	margin:auto;

}



#navigation-wrapper{

	padding-top:15px;

	margin:auto;

	color:#b2aaa6;

}



#navigation-links{

	margin-left:-10px;

}



#navigation-links > li{

	float:left;

	overflow:hidden;

	list-style-type:none;

}



#navigation-links > li > a{

	font-size:12px;

	font-family:Arial;

	text-decoration:none;

	color:#dcd2cd;

	padding-left:15px;

	padding-right:15px;

	border-right:solid 1px;

	padding-top:2px;

	/*padding-bottom:2px;*/

	padding-bottom:3px;

	display:block;	

}



#navigation-links > li:hover > a{
	background-color: #171717;
	color: #ffffff;
	text-align: left;

}



.sub-menu{

	background-color:#D1D1D1;

	/*background:url(images/sub-menu-bg.png);*/

	position:absolute;

	margin-left:0px;

	display:none;

}



#navigation-links li:hover .sub-menu{

	display:block;

}



.sub-menu > li{

	list-style-type:none;

}



.sub-menu  li > a{

	font-size:12px;

	font-family:Arial;

	text-decoration:none;

	color:#333;

	border-right:solid 1px;

	display:block;

	border:none;

	padding:5px 65px 5px 15px;

}



.sub-menu  li > a:hover{

	background-color:#333;

	/*background:url(images/sub-menu-hover-bg.png);*/

	color:#EFEFEF;

}



#main-contents-wrapper{

	width:1000px;

	margin:auto;

	margin-top:20px;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;	

}



#main-contents-wrapper p{ line-height:20px; letter-spacing:0.3px; margin-top:25px;}

#main-contents-wrapper ul{ margin-left:60px; margin-top:10px; line-height:22px;}



.left-column{

	width:27%;

	background-color:#B2B2B2;

	margin-right:30px;	

}



.left-column-links{

	list-style-type:none;

	margin-bottom:5px;

}



.left-column-links li{

	margin-left:-60px;

	width:270px;

}



.left-column-links li a{

	padding:10px 0px 10px 20px;

	font-family:Verdana;

	text-decoration:none;

	color:#FFF;

	display:block;

	font-size:16px;

	font-weight:bold;

	border-bottom:solid 1px #A6A6A6;

}



.left-column-links li a:hover{

	background-color:#669900;

	color:#FFF;

}



.left-column-links li a.selected{

	background-color:#669900;

	color:#FFF;

}



.left-column-links li a.services{

	color:#B2B2B2;

	font-family:Verdana;

	font-weight:bold;

	background-color:#333333;

	font-size:18px;

}



.contents{

	width:68%;
	
	font-size:16px;

}





#footer-bg{

	height:258px;

	background:url(images/footer-bg.png) repeat-x;

	padding-top:15px;	

}



#footer-wrapper{

	width:1000px;

	height:200px;

	margin:auto;

	padding-top:20px;	

}



.footer-links{

	border-right:dotted 1px #dcd2cd ;

	margin-left:9px;

	margin-right:9px;

	list-style-image:url(images/arrow-bullet.png);	

}



.footer-links li{

	height:25px;

}



.footer-links li a{

	font-family:Arial;

	font-size:11px;

	line-height:30px;

	text-decoration:none;

	color:#dcd2cd;

	padding-right:25px;

	display:block;
	
	text-transform:uppercase;

}



.footer-links li a:hover{

	color:#d05e22;

}



.copyright{

	width:350px; 

	margin:auto; 

	color:#dcd2cd; 

	font-family:Arial; 

	font-size:12px; 

	padding-top:60px !important;	

}







#dynamic-servers a.buttonlink{

	color:#FFF; 

	padding:10px;  

	border:solid 1px #7E7E7E; 

	border-radius:2px; 

	background:url(images/button-bg.png) repeat-x; 

	font-size:14px; 

	font-weight:bolder;

	text-decoration:none;

	letter-spacing:1.2px;

	font-family:Tahoma, Geneva, sans-serif;

}



#dynamic-servers a.buttonlink:hover{

	background:url(images/button-bg.png)0px -50px repeat-x;

	text-decoration:none;

}





table#dynamic-servers

{

	border-color:gray;

	border-width: 0 0 1px 1px;

	border-style: solid;

	margin-top:15px;

	font-size:12px;

	color:#575757;

}



#dynamic-servers td

{

	border-color: gray;

	border-width: 1px 1px 0 0;

	border-style: solid;

	margin: 0;

	padding: 6px;

}

tr.head td{

	background-color:#EEE;

	font-size:13px;

	font-weight:bold;

	color:#161616;

}

tr.odd{

	background-color:#F4F4F4;

}

.blue-box{

	height:10px;

	width:10px;

	border:solid 1px #666;

	background-color:#03C;

	margin:auto;

	border-radius:2px;	

}



.orange-box{

	height:10px;

	width:10px;

	border:solid 1px #666;

	background-color:#FF8000;

	border-radius:2px;	

}



.green-box{

	height:10px;

	width:10px;

	border:solid 1px #666;

	background-color:#9F3;

	border-radius:2px;	

}

td.text-orange{

	color:#C60;

	font-weight:bold;

	font-size:12px;	

}



#dynamic-servers a{

	color:#C60;

	text-decoration:none;	

}



#dynamic-servers a:hover{

	text-decoration:underline;	

}



.footer-logo{

	margin-top:-15px; 

	margin-bottom:-20px;

	float:right;

}



.definition{

	float:left; 

	margin-left:20px; 

	line-height:18px; 

	font-size:12px;	

}

.definition-title{

	font-size:13px; 

	font-weight:bold;

}

.managed

{

font-size:34px; color:#FFFFFF;

}


h2 {

	margin-top:15px;

}

.contact-info
{
	
	border-top:10px solid #FFF;
}

.get-a-quote  
{
	border:none;
	
	background-color:#e4e4e4;
	
	padding-bottom:75px;
}


/* Plans & Pricing

------------------------------------------------------------ */



.graybox {

	background: #f9f9f9;

	overflow:hidden;

	border-bottom: 1px solid #9e9e9e;

	text-shadow: #fff 1px 1px;

}



.graybox .inner {

	padding: 20px;

}



#plans {

	margin: 40px 0 40px;

    margin-top: 10px;

	position: relative;

}



#preferred {

	background: url(images/preferred.png) no-repeat;

	width: 126px;

	height: 51px;

	position: absolute;

	top: -35px;

	left: 32px;

	z-index: 150;

}



#plans-top {

	background: url(images/bluebar-bg.png) repeat-x;

	height: 47px;

	line-height: 47px;

	margin-bottom: 2px;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	text-align: center;

}



#plans-top .feature-comparison,

#plans-top .plan-name {

	width: 184px;

	float: left;

	position: relative;

}



#plans-top .plan-name {

	border-right: 1px solid #056cab;

	border-left: 1px solid #44abde;

	text-shadow: #116693 -1px -1px;

}



#plans-top .feature-comparison {

	background: url(images/blackbar-bg.png) repeat-x;

	width: 210px;

	font-weight: normal;

}



#plans-table {

	width: 960px;

}



#plans-table #nong-comparison,

#plans-table #starter,

#plans-table #professional, 

#plans-table #advanced, 

#plans-table #enterprise  {

	width: 187px;

	float: left;

}



#plans-table #g-comparison,

#plans-table #nong-comparison {

    width: 210px;

    float: left;

}





#plans-table #starter,

#plans-table #professional, 

#plans-table #advanced, 

#plans-table #enterprise {

	text-align: center;

}



#plans-table .row {

	display: block;

	

	border-right: 1px solid #cccccc;

	border-left: 1px solid #fff;

	border-bottom: 1px solid #cccccc;

	border-top: 1px solid #fff;

	color: #333;

	height: 20px;

	line-height: 20px;

	padding: 10px;

	text-shadow: #fff 1px 1px;

}



#plans-table .section {

	background: #333 !important;

	border-right: none;

	border-left: none;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	text-shadow: #000 -1px -1px;

}



#plans-table .coming-soon {

	color: #aaa;

}



#plans-table .checked {

	background: url(images/icon-checked.png) no-repeat;

	width: 32px;

	height: 32px;

	display: block;

	margin: -4px auto 0;

}



#plans-table .price {

	height: 40px;

}



#plans-table #g-comparison .price, #plans-table #nong-comparison .price {

	font-weight: bold;

	line-height: 40px;

}



#plans-table .price strong {

	color: #0274be;

	font-size: 22px;

	line-height: 24px;

}



#plans-table .price small {

	font-size: 12px;

	font-style: italic;

	font-family: Georgia, "Times New Roman", Times, serif;

	display: block;

}



#plans-table .button {

	height: 50px;

	line-height: 50px;

}



#plans-table #g-comparison .row, #plans-table #nong-comparison .row {

	background: #f2f2f2;

	padding: 10px 8px 10px 15px;

}



#plans-table .featured {

	background: #fff;

}



#promo-code {

	margin: 20px auto;

	width: 700px; 

	font-size: 16px;

	font-style: italic;

	font-family: Georgia, "Times New Roman", Times, serif;

	text-shadow: #fff 1px 1px;

}



#promo-code .inner {

	text-align: center;

}



#promo-code input[type=text] {

	background: #fff;

	border-top: 1px solid #b1b1b1;

	border-left: 1px solid #b1b1b1;

	border-right: none;

	border-bottom: none;

	padding: 5px;

	margin: 0 20px;

	width: 200px;

}


/* Buttons

------------------------------------------------------------ */



.button-blue,

.button-blue:visited,

.button-blue-short,

.button-blue-short:visited,

.button-blue-tall,

.button-blue-tall:visited,

.button-gray,

.button-gray:visited,

.button-green,

.button-green:visited,

.button-green-short,

.button-green-short:visited,

.button-green-tall,

.button-green-tall:visited,

div.gform_footer input.button,

.enews #subbutton,

.searchsubmit,

#submit {

	color: #fff;

	cursor: pointer;

	font-family: 'Oswald', arial, serif !important;

	font-size: 14px;

	padding: 7px 12px 6px;

	text-decoration: none !important;

	text-transform: uppercase;

	-moz-box-shadow: 0 1px 1px #999;

	-webkit-box-shadow: 0 1px 1px #999;

}



.button-blue-short,

.button-blue-short:visited,

div.gform_footer input.button,

.enews #subbutton,

.searchsubmit,

#submit {

	font-size: 12px;

	font-style: normal;

	padding: 5px 10px !important;

}



.theme-pricing-2 a.button-green,

.theme-pricing-2 a.button-green:visited,

#blue-bar a.button-green-tall,

#blue-bar a.button-green-tall:visited,

#footer-widgets .enews #subbutton {

	-moz-box-shadow: 0 1px 1px #333;

	-webkit-box-shadow: 0 1px 1px #333;

}



.button-blue,

.button-blue:visited,

.button-blue-short,

.button-blue-short:visited,v

div.gform_footer input.button,

.enews #subbutton,

.searchsubmit,

#submit {

	background: url(images/repeat.png) 0 -807px;

	border: 1px solid #0274be;

	text-shadow: #0274be 1px 1px;

}



.button-blue-tall,

.button-blue-tall:visited {

	background: url(images/repeat.png) 0 -619px;

	border: 1px solid #0274be;

	font-size: 20px;

	padding: 8px 16px 7px;

	text-shadow: #0274be 1px 1px;

}



.button-blue-tall:hover {

	background: url(images/repeat.png) 0 -572px;

    border: 1px solid #000;

    text-decoration: none;

    text-shadow: #000 1px 1px;

}



.button-blue,

.button-blue:visited {

	margin: 0 10px 0 0;

}



a.underline,

a.underline:visited {

	text-decoration: underline;

}



a.underline:hover {

	text-decoration: none;

}



.button-gray,

.button-gray:visited {

	background: url(images/repeat.png) 0 -230px;

	border: 1px solid #ccc;

	color: #666;

	font-size: 12px;

	font-style: normal;

	margin: 0 0 0 5px;

	padding: 5px 10px !important;

	text-decoration: none !important;

	text-shadow: #fff 1px 1px;

	-moz-box-shadow: 0 1px 1px #ddd;

	-webkit-box-shadow: 0 1px 1px #ddd;

}



.button-gray:hover {

	background: url(images/repeat.png) 0 -262px;

	text-decoration: none;

}



.button-blue:hover,

.button-blue-short:hover,

div.gform_footer input.button:hover,

.enews #subbutton:hover,

.searchsubmit:hover,

#submit:hover {

	background: url(images/repeat.png) 0 -35px;

	text-decoration: none;

}



.button-green,

.button-green:visited,

.button-green-short,

.button-green-short:visited {

	background: url(images/repeat.png) 0 -70px;

	border: 1px solid #599f00;

	text-shadow: #599f00 1px 1px;

}



.page-template-connect-php a.button-blue,

#home-top a.button-green,

#home-top a.button-green:visited {

	margin: 0 15px 0 0;

}



.button-green-short,

.button-green-short:visited {

	font-size: 12px;

	padding: 2px 7px 1px;

}



.left {

	float: left;

}



.right {

	float: right;

}



.button-green:hover,

.button-green-short:hover {

	background: url(images/repeat.png) 0 -105px;

	text-decoration: none;

}



.button-green-tall,

.button-green-tall:visited {

	background: url(images/repeat.png) 0 -947px;

	border: 1px solid #599f00;

	font-size: 16px;

	padding: 10px 17px;

	text-shadow: #599f00 1px 1px;

}



.button-green-tall:hover {

	background: url(images/repeat.png) 0 -992px;

	text-decoration: none;

}

.row

{

	font-size:14px;

}

#tutorialBox {



	width:600px;

	

	margin-left:auto;

	

	margin-right:auto;

	

	padding:25px;

	

	background-color:#eee;

	

	border:2px solid #ddd;

	

	border-radius:10px;

	



}



#tutorialBox a{



	display:block;

	

	padding:10px 50px;

	

	text-decoration:none;

	

	color:#000;

	

	font-size:16px;

	

	font-weight:bold;

	



}



#tutorialBox a:hover{



	text-decoration:underline;

	

	background-color:#000;

	

	color:#aaa;

}

.featuresTable h4
{
	margin:5px 0px 10px ;
}
.featuresTable .text
{
	width:420px;
}

.row #craftysyntax_1  {
	
	padding:0;
	background:none;
	padding:10px 340px;
	margin:0 auto;
}

.row #craftysyntax_1 img {
	
	padding:0;	
}
ol {
	
	list-style:inside;	
}

ol li {
	
	
}	

.videoTutorial {
	
	color:#669900;
	font-weight:normal;
}