@import '/cms/styles/common.css';
@import '/style.css';


/* COMMON ---------------------------------------------------------------------- */

body {
	background: #fff url('/images/bg.jpg') top repeat-x;
}

#bg-top {
	background:url('/images/bg_top.jpg') top center no-repeat;
}

#page {
width:900px;
	margin:0 auto;
}

#post_field { display: none; } /* spam assist */


/* HEADER ---------------------------------------------------------------------- */

#header {
	height:138px;
	background:url('/images/header-bg.gif') bottom repeat-x;
}

#logo {
	padding: 45px 0 0 15px;
	width:185px;
}
#logo a {
	outline:none;
}

#header-right {
	float:right;
	width:681px;
	padding: 0px 10px 0 0;
}

#header-links {
	height:18px;
}
#header-links ul, #header-links li {
	padding:0;
	margin:0;
	background:none;
}
#header-links li {
	float:right;
}
#header-links a {
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding-left:5px;
	margin-left:5px;
	font-size:10px;
	outline:none;

	display:block !important;
	display:inline;
}
#header-links li.first a {
	border:none;
}
#header-links a:hover {
	color:#f47920;
	text-decoration:underline;
}
#search {
	float:right;
	height:30px;
}
#search .input input {
	margin-right:5px;
	width:214px;
	height:14px;
	font-size:11px;
}



/* MENU ------------------------------------------------------------------------ */

#menu ul, #menu li {
	padding:0;
	margin:0;
	background:none;
}

#menu ul {
	padding-left:3px;
	height:123px;
}

#menu li {
	float:right;
	padding-right:3px;
}

#menu a {
	display:block;
	width:100px;
	height:78px;
	line-height:48px;
	text-align:center;
	color:#333;
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
	outline:none;
	padding-top: 46px;
}

body.root_135 #menu li#menu1 a,
body.root_139 #menu li#menu2 a,
body.root_140 #menu li#menu3 a,
body.root_145 #menu li#menu4 a,
body.root_146 #menu li#menu5 a,
body.root_144 #menu li#menu6 a {
	background:url('/images/menu-bg-hover.gif') bottom repeat-x;
}
#menu a:hover {
	color:#B5121B;
	background: White url('/images/menu-hover-bg.gif') no-repeat bottom;
}



/* SUBNAV ---------------------------------------------------------------------- */

#nav {
	width:164px;
	margin: 8px 8px 0 8px;
}

#rootname {
	height:22px;
}
#rootname #unlink, #rootname a {
	display:block;
	font-size:16px; 
	color:#B5121B;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	padding-left:8px;
}
#rootname a:hover {
	text-decoration:underline;
}

#navbox ul, #navbox li {
	padding:0;
	margin:0;
	background:none;
}
#navbox ul {
	margin:0 0 8px 0;
}

#navbox li {
	background:url('/images/nav-hr.gif') bottom repeat-x;
	padding-bottom:1px;
}

#navbox ul ul {
	background:none;
	margin:0;
	padding:0;
}

#navbox ul ul li {
	background:none;
	padding:0;
}

#navbox a {
	display:block;
	padding: 2px 5px 2px 20px;
	color:#666;
	font-size:12px;
	text-decoration:none;
}
#navbox ul ul a {
	padding-left:40px;
	border-top:1px dotted #eee;
}
#navbox a:hover {
	color:#fff;
	background: #5A7785 url('/images/nav-icon.gif') 5px 7px no-repeat;
}
#navbox ul ul a:hover {
	background-position:25px 7px;
}

#nav-content {
	background:url('/images/nav-bg.gif') top right no-repeat;
	padding-top:46px;
}


/* BREADCRUMBS ----------------------------------------------------------------- */

#breadcrumbs {
	height:20px;
	color:#aaa;
	padding-top:2px;
}
#breadcrumbs .current, #breadcrumbs a {
	color:#c9976a;
}
#breadcrumbs a:hover {
	color:#F47920;
	text-decoration:underline;
}



/* CONTENT --------------------------------------------------------------------- */

#banner {
	background:url('/images/banner.jpg') top left no-repeat;
	height:60px;
}

h1.pagetitle {
	margin-top:0;
	border-bottom:1px solid #ddd;
	background:url('/images/h1-astro.gif') 0px 2px no-repeat;
	padding:0 0 0 20px;
	text-transform:uppercase;
	line-height:normal;
}

#content-bg {
	background: url('/images/content-bg.jpg') top left no-repeat;
	margin: 17px 0 0 0;
}
#content-right {
	width:710px;
	height:auto !important;
	height:520px;
	min-height:520px;
	margin: 8px 10px 0 0;
}

#content-impact, #banner {
	padding:0 0 8px 0;
}

#content-wrap {
	/*width:900px;  471 */
}
#content-content {
	padding:20px 15px 20px 15px;
	margin: 0 0 8px 0;
	height:auto !important;
	height:195px;
	min-height:195px;
	line-height:18px;
}

#content-bottom {
	padding:0 15px;
}

#content-right-right {
	width:240px;
	float:right;
}

body.fullpage #content-wrapper {
	width:900px;
	margin:0;
}
body.fullpage #content-content, body.fullpage #content-bottom {
	padding-right:0;
}



/* FLASH ------------------------------------------------------------------------ */

#flash {
	background:url('/images/splash.jpg') top left no-repeat;
	height:300px; /* 330 */
	margin: 13px 0 0 0;
}
#flash-text .label{
	color: White;
}
#flash-text .login{
	color: White;
	margin-bottom: 0;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 72px;
}
#flash-text {
	padding: 175px 25px 0 630px;
	height:120px; /* 283 */
	overflow:hidden;
	color: White;
}
#flash-text h1 {
	color: White;
	font-size:15px;
	text-transform:uppercase;
	padding: 0 0 0px 0;
	margin:0 0 5px 0;
}
#flash-text h2 {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin:0;
}
#flash-links {
	padding:15px 0 0 0;
}
#flash-links a {
	outline:none;
}
.flash-link, .flash-link-last {
	padding:0 0 0 12px;
	width:123px;
	float:left;
}
.flash-link-last {
	width:120px;
}



/* HOME ------------------------------------------------------------------------ */

#home-content {
	margin:20px 0 0 0;
}

#home-left {
	width:294px;
	margin: 0 0px 0 0;
	background: url('/images/home-sections-bg.jpg') top left no-repeat;
	height: 140px;
}
#home-sections {
	width:294px;
	margin: 0 0px 0 9px;
	background: url('/images/home-sections-bg.jpg') top left no-repeat;
	height: 140px;
}
#home-net{
	background: url('/images/managed-hosting-bg.jpg') top left no-repeat;
	width:268px;
	height: 115px;
	margin: 11px 0 0 13px;
}
#home-seo{
	background: url('/images/seo-bg.jpg') top left no-repeat;
	width:268px;
	height: 115px;
	margin: 11px 0 0 13px;
}
#home-netmanage{
	background: url('/images/network-management-bg.jpg') top left no-repeat;
	width:268px;
	height: 115px;
	margin: 11px 0 0 13px;
}
#home-seo #home-sections-text{
	padding: 22px 0 0 15px;
	color:white;
	height: 57px;
	font-weight: bold;
}
#home-seo #home-sections-text H3{
	color:white;
}

#home-netmanage #home-sections-text, #home-net #home-sections-text{
	padding: 22px 0 0 15px;
	color:#28353C;
	height: 57px;
	font-weight: bold;
}
#home-netmanage #home-sections-text H3, #home-net #home-sections-text H3{
	color:#28353C;
}
#home-sections-more a{
	color:white;
	background-color: #B5121B;
	width: 100px;
	margin: 0px 15px 0 168px;
	text-transform: uppercase;
	text-decoration: none;
	float: right;
	text-align: right;
	padding-right: 5px;
	}
#home-red{
	color:White;
	width: 430px;
	background-color: #B5121B;
	border-left: 20px solid #B5121B;
	font-weight: bold;
	border-bottom: 5px solid #B5121B;
}
#home-blue{
	color:Grey;
	width: 430px;
	background-color: #CFDBE2;
	border-left: 20px solid #CFDBE2;
	font-weight: bold;
	border-bottom: 5px solid #CFDBE2;
}
#home-red h3{
	color:white;
}
#home-blue h3{

		color:#B5121B;
}
#home-half{
	width: 430px;
	padding:10px
} 
/* FOOTER ---------------------------------------------------------------------- */

#footer {
	padding-bottom:15px;
}

#bg-footer {
	background:url('/images/bg_botom.jpg') top repeat-x;
}
#footer {
	width:900px;
	margin:0 auto;
  color: White;
	padding-left: 20px;
	padding-top: 10px;
	height: 102px;
}
#footer a:hover {
	color: #8abbe0;
	text-decoration:underline;
}

#footer ul, #footer li {
	margin:0;
	padding:0;
	background:none;
}
#footer ul {
	margin:8px 0;
	padding:7px 12px;
	background-color:#333;
}
#footer li a {
	padding-right:5px;
	margin-right:5px;
	border-right:1px solid #555;
	color:#fff;
	text-decoration:none;
	float:left;
	outline:none;
}
#footer li a:hover {
	color:#f47920;
	text-decoration:underline;
}
#footer li.last a {
	border:none;
}

#footer #copyright {
	padding-left:12px;
}

#footer #credit {
	float:right;
}
#footer #credit a {
	text-decoration:none;
}



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  color:#999999;
  padding:2px 2px 2px 4px;
  font-size:10px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #cccccc;
  color:#999999;
  padding:0;
}
input.button {
	background: #fff url('/images/button-bg.jpg') left center no-repeat;
	border:1px solid #d2e5e8;
	text-transform:uppercase;
	color:#333;
	cursor:pointer;
	font-size:10px;
	padding:1px 8px;
	margin:0;
	outline:none;
}  

#field123 {
  display:none;
}

.niceform .row {
  margin-bottom:10px;
}

.niceform .label {
  width:200px;
  text-align:right;
  font-weight:bold;
  margin-right:5px;
}
.niceform input.styled {
  width:200px;
}
.niceform select.styled {
  width:207px;
}

.niceform .input {
  width:400px;
}


/* SEARCH -------------------------------------------------------------------- */

#searchpage {
	margin:30px 0 0 0;
	line-height:normal;
}
#searchpage .input input {
	width:200px;
	height:14px;
	margin-right:5px;
}

#searchpage #searchstats {
	color:#aaa;
	float:right;
}
#searchpage #searchstats * {
	color:#aaa;
	font-size:10px;
}
#searchpage #numresults {
	color:#999;
	font-size:12px;
}
#searchpage #numresults span {
	font-weight:bold;
	color:#666;
	font-size:13px;
}
#searchpage .paging {
	margin:10px 0;
	text-align:right;
	color:#666;
}
#searchpage .paging a {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding:1px 5px;
	font-family:"Courier New", Courier, monospace;
	color:#f47920;
	outline:none;
}
#searchpage .paging a:hover {
	background-color:#f47920;
	color:#fff;
}

.result {
	width:420px;
	margin:0 auto 10px 0;
}
.result a {
	font-size:12px;
	font-weight:bold;
	display:block;
	outline:none;
}
.result .description {
	padding-left:20px;
	color:#666;
}
.result .description b {
	color:#444;
}
#searchpage #noresults {
	font-size:13px;
	font-weight:bold;
	color:#aaa;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0 0 1px 0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
	margin:0 0 3px 0;
	display:block;
}
.sitemap li li {
  margin:0;
	list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:11px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #c9976a;
}



/* SOME BRANDS ----------------------------------------------------------------*/

.brandbox img {
	float:left;
	margin-right:1px;
}



/* BOOK A CONSULTATION ----------------------------------------------------------------*/

#home-right {
	background-color: #d5edf1;
	width:159px;
	padding:10px;
}

#bookconsult-box {
	margin:0;
	background: #d5edf1 url('/images/bookconsult-bg.jpg') top left no-repeat;
	padding:10px 10px 5px 10px;
}

#home-right .label, #bookconsult-box .label {
	font-size:10px;
	margin:10px 0 3px 0;
}
#home-right .input input, #home-right .input textarea {
	width:145px;
	margin-left:7px;
}
#bookconsult-box .input input, #bookconsult-box .input textarea {
	width:145px;
	margin:0;
}
#home-right .input input, #bookconsult-box .input input {
	height:12px;
}
#home-right .input textarea, #bookconsult-box .input textarea {
	height:51px;
}

#home-right .col .label, #bookconsult-box .col .label {
	margin:2px 5px 0 7px;
	text-align:right;
	float:left;
	display:inline;
}

#home-right .col .input, #bookconsult-box .col .input {
	float:left;
}
#home-right .col .input input {
	width:36px;
	margin:0;
}
#bookconsult-box .col .input input {
	width:33px;
	margin:0;
}

#home-right .button, #bookconsult-box .button {
	margin-top:5px;
}	



/* FEATURED PRODUCTS ------------------------------------------------------------- */

#features {
	border-left: 1px solid #72c0cb;
	background-color:#d0ecf0;
	padding-bottom:8px;
}
#features h1 {
	background: #789aab url('/images/features-h1-bg.jpg') right center no-repeat;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:5px;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
}

.featurebox {
	margin:10px;
}
.featurebox div * {
	color:#1f525a;
	font-size:10px;
}
.featurebox .more a {
	display:block;
	background: url('/images/more-bg.jpg') top left no-repeat;
	padding:7px 0 0 18px;
	font-size:11px;
	height:25px;
}
.featurebox .more a:hover {
	color:#F47920;

}
.featurebox a img {
	border:1px solid #fff;
}
.featurebox .left {
	width:106px;
	margin:0 8px 0 0;
}
.featurebox .right {
	width:105px;
}
.featurebox h2 {
	text-transform:uppercase;
	font-size:12px;
	margin:0;
}
.featurebox h3 {
	margin:0 0 8px 0;
	font-weight:normal;
	text-transform:none;
}



/* SHOWROOM --------------------------------------------------------------------- */

.showroom-right {
	width:240px; /*242*/
	background: #eaf6f8 url('/images/showroom-right.gif') top left no-repeat;
	padding:90px 0 10px 0;
	border-bottom:1px solid #62bfcc;
	overflow:hidden;
}
.showroom-right .left {
	width:100px;
	padding:0 10px 0 10px;
	margin:10px 10px 0 0;
	background:url('/images/blue-vr.gif') right repeat-y;
}
.showroom-right div {
	color:#557889;
}
.showroom-right .right {
	width:90px;
	margin-top:10px;
}
.showroom-right .bulletlink {
	display:block;
	margin-top:5px;
}

.images {
	margin-top:15px;
	line-height:normal;
}
.image-box {
	overflow: hidden; 
	width: 103px; /* 133 */
	height: 125px; /* 132 */
	margin: 0 14px 15px 0;
	background:url('/images/image-bg.gif') top left no-repeat;
	padding:5px 15px 2px 15px;
}
.image-box .theimage {
	border:2px solid #fff;
	display:block;
	width:97px;
	height:97px;
	overflow:hidden;
}
.image-box a.image-link {
	color:#3d8c9a;
	text-decoration:none;
	background:url('/images/image-zoom.gif') top left no-repeat;
	display:block;
	margin:5px 0 0 8px;
	padding-left:18px;
}
.image-box a.image-link:hover {
	color:#f47920;
	text-decoration:underline;
}
	/* Instant Mobilizer Landing Header */
	/* Sample Usage >> /rinstnat-mobilizer/imobilizer.aspx*/
	.im_productlogo_1 {background:transparent url('/images/2008images/logo08_mobilizer32x.gif') no-repeat}
	.im_productlogo_1 H1 {padding:0 0 5px 45px}
	.im_productlogo_1 H3 {padding:0 0 10px 65px;font-weight:normal;line-height:5px}
	.im_header_1 {border-top:3px solid #92A5BC;border-bottom:1px solid #92A5BC;padding:1px 0}
	.im_header_1 .bgimage {height:149px;background:transparent url('/images/2008images/photo_header_mobilizer.jpg') no-repeat;padding:1px 0 1px 15px}
	.im_header_1 H1 {color:#5A8231;font-size:20px;line-height:10px;margin-top:30px}
	.im_header_1 P {width:25em;font-size:1.3em;line-height:20px}
	/* Preview */
	.im_overlay_1 {float:right;width:240px;height:392px;background:transparent url('/images/2008images/icon_mobilephone1.png') no-repeat;margin-top:-120px}
	* html .im_overlay_1 {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/icon_mobilephone1.png', sizingMethod='crop');} /* IE 6 png fix */
	html>body .im_overlay_1 {background:transparent url('/images/icon_mobilephone1.png') no-repeat; filter:none} /* IE 67 png fix */
	.im_overlay_1 IFRAME {margin:26px 0 0 27px;width:176px;height:220px;background-color:Transparent;border:solid 1px #314952}



/* CUSTOMIZATIONS -------------------------------------------------------------- */
/* = Hacks
-----------------------------------------------------------------------------*/
		
	/* PNG fix 
	.pngfix {background:transparent url('imagehere.png') no-repeat}
	* html .pngfix {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagehere.png', sizingMethod='crop');}
	html>body .pngfix {background:transparent url('imagehere.png') no-repeat; filter:none} 
    */
	
	/* START: ClearFix, By Tony Aslett, http://www.csscreator.com */
	/* DO NOT USE THIS CLASS, APPLY THE STYLES WHERE A FIX IS NEEDED *//*
		.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
		.clearfix {display:inline-block}
		* HTML .clearfix {zoom:1;display:block}
	/* END: ClearFix, By Tony Aslett, http://www.csscreator.com */
	
	
	/* START - Simplified Box Model Hack, By Edwardson Tan */
	/* DO NOT USE THIS CLASS, APPLY THE STYLES WHERE A FIX IS NEEDED *//*
		BODY {font-size:small}
		* HTML BODY {font-size:x-small; f\ont-size:small;}
	/* END - Simplified Box Model Hack, By Edwardson Tan */
	
	
	/* START - Box Model Hack, By Tantek Celik */
	/* DO NOT USE THIS CLASS, APPLY THE STYLES WHERE A FIX IS NEEDED *//*
		BODY {font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;}
		HTML>BODY {font-size:small;}
	/* END - Box Model Hack, By Tantek Celik */
	
	
	/* START - Min/Max width in IE, By Unknowon */ 
	/* DO NOT USE THIS CLASS, APPLY THE STYLES WHERE A FIX IS NEEDED *//*
		DIV.class {overflow:hidden;width:100%;min-width:680px;max-width:900px}  
		* HTML  DIV.class {width:expression(document.body.clientWidth < 681? "680px": document.body.clientWidth > 899? "900px": "100%")} 
	/* END - Min/Max width in IE, By Unknowon */ 
	
	
	/* START - Cross Browser Transparency (http://borkweb.com/story/faster-page-loads-with-image-concatenation)*/
	/* DO NOT USE THIS CLASS, APPLY THE STYLES WHERE A FIX IS NEEDED *//*
		.transparent{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
		.transparent:hover{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
	/* END - Cross Browser Transparency (http://borkweb.com/story/faster-page-loads-with-image-concatenation)*/
	
	
	/* START - Inline PNG Fix for IE6-IE55 (http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html) */
	/* TODO: Convert this behavior into a jquery plugin *//*
		img {behavior:url("/javascript/png-behavior.htc");}
	/* END - PNG Fix for IE6-IE55 */