/* -------------------------
	 GLOBAL STYLES
---------------------------*/
html, body { margin: 0; padding: 0;}
html { color: #333; font: Arial, Helvetica, sans-serif; text-align: left;	}

/*  Baseline values for browser consistency */

p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0;	}
img { margin: 0; padding: 0; border: 0;	}
ul { list-style: none;	}
ul.bulletball {
list-style:circle inside url("/images/bullet.png");
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
margin-bottom: 13px;
}
ul.bulletball span {
font-weight:bold; 
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
font-size:16px;
}

.clear { clear: both; height: 0px; line-height:0;font-size:0px;}
.hide { display:none;}

.textfield { width: 195px;}

.left {float:left}

a:link, a:visited, a:active {
color: #3585b8;
text-decoration: none;
}

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



.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}

div {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
}





.iconlistspace {
margin-top: 35px;
}
.facebook, .twitter, .youtube {
list-style: none;
padding: 0;
font-size:11px;
display:block;
height: 14px;
}
.iconlist-icon {
float:left;
margin-right:5px;
}
li.facebook, li.twitter, li.youtube {
background-repeat: no-repeat;
background-position: 0 50%;
padding: 5px 0 5px 22px;
margin: .4em 0;
position: relative;
left: -20px;
}

.facebook a:link, .facebook a:visited, .facebook a:active {
color: #5d5d5d;
text-decoration: none;
background-image: url(/images/social_facebook.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 4px 22px;
margin: .4em 0;
}
.facebook a:hover {
text-decoration: none;
color: #3585b8;
background-image: url(/images/social_facebook_on.png);
}
.twitter a:link, .twitter a:visited, .twitter a:active {
color: #5d5d5d;
text-decoration: none;
background-image: url(/images/social_twitter.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 4px 22px;
margin: .4em 0;
}

.twitter a:hover {
text-decoration: none;
color: #3585b8;
background-image: url(/images/social_twitter_on.png);
}
.youtube a:link, .youtube a:visited, .youtube a:active {
color: #5d5d5d;
text-decoration: none;
background-image: url(/images/social_youtube.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 4px 22px;
margin: .4em 0;
}

.youtube a:hover {
text-decoration: none;
color: #3585b8;
background-image: url(/images/social_youtube_on.png);
}



body {
	margin:0px;
	padding:0px;
	background-color: #041622;
}


#top_page_wrapper {
	width: 100%;
	background: #c0bda2 url(/images/background.jpg) repeat-y top center;
}
#main {
	width: 900px;
	margin: 0px auto 0px auto;
}

#white_page {
	width:900px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	display:inline;
}


#boxheader-home {
	margin-left:0px;
	margin-top:0px;
	width:900px;
	height:90px;
	margin-bottom:0px;
	float:left;
	display:inline;
	visibility: visible;
	z-index:999;
	overflow:hidden;
	background-color: #fff;
	background: url(/images/headerBackground.jpg) repeat-x bottom;
}
#boxheader {
	margin-left:0px;
	margin-top:0px;
	width:900px;
	height:90px;
	margin-bottom:0px;
	float:left;
	display:inline;
	visibility: visible;
	z-index:999;
	overflow:hidden;
	background-color: #add3b0;
	background: url(/images/headerBanner.png) no-repeat;
}
#headerLogo-home {
	position: relative;
	left:28px;
	top:23px;
	margin-bottom:0px;
}
#headerLogo {
	position: relative;
	left:28px;
	top:28px;
	margin-bottom:0px;
}
#navHolder {
	margin-left:0px;
	margin-top:0px;
	width:900px;
	height:30px;
	margin-bottom:0px;
	background-image: url(/images/navButoff.jpg);
	background-color: #035182;
	background-repeat: repeat-x;
	z-index:998;

}
#nav {
	margin-left:0px;
	margin-top:0px;
	height:30px;
	margin-bottom:0px;
	float:right;
	display:inline;
	overflow:hidden;
}


#column_wrapper_home {
	height: 310px;
}

#column_wrapper {
	width: 900px;
	background: #fff url(/images/background_content.gif) repeat-y top center;
}



.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#left_home {
	width: 690px;
	background-image: url(/images/contentImage.png);
	background-repeat: no-repeat;
	float: left;
	background-color: #eee;
	height: 310px;
}
#left {
	width: 690px;
	float: left;
}
#left_video {
	width: 690px;
	float: left;
	background-color: #000;
	text-align: center;
}
#right_home {
	width: 210px;
	float: left;
	background-color: #eee;
	height: 310px;
}
#right {
	width: 210px;
	float: left;
}
#left_home .content {
	padding: 24px 36px;
	font-size: 0.8em;
	line-height: 1.65em;
}
#right_home .content {
	padding: 24px 20px;
	font-size: .75em;
	line-height: 1.5em;
}


.bullet	{
padding-top: 0px;
padding-right: 13px;
padding-left: 0px;
position: relative;
left: 2px;
}
li.latest a:link, li.latest a:visited, li.latest a:active {
text-decoration: none;
font-size: 11px;
font-style: normal;
color: #5D5D5D;
float: right;
margin-left: 15px;
margin-top: -15px;
padding-bottom: 7px;
position: relative;
left: 1px;
}
li.latest a:hover {
text-decoration: none;
color: #3585b8;
}











#left .content {
	padding: 24px 36px;
	font-size: 1.1em;
	line-height: 1.65em;
}
#left_video .content {
	padding: 24px 36px;
	font-size: 1.1em;
	line-height: 1.65em;
	color: #fff
}
#left .content h1 {
	font-size: 28px;
	padding-top:0px;
	margin-bottom:30px;
	margin-top:16px;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	letter-spacing: .3px;
	color: #5D5D5D;
	font-weight:bold;
	font-style: normal;
	text-shadow: 2px 2px 2px #ddd;
}
#left .content h2 {
	font-size: 18px;
	padding-top:0px;
	margin-bottom:5px;
	margin-top:16px;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	letter-spacing: .3px;
	color: #5D5D5D;
	font-weight:bold;
	font-style: normal;
	text-shadow: 2px 2px 2px #ddd;
}

#left_video .content h1 {
	padding-top:0px;
	margin-bottom:30px;
	margin-top:16px;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	letter-spacing: .2px;
}





#left .content p {
margin-top: 0pt;
margin-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#left .content p.footnote {
	font-size: 10px;
	text-align: center;
}
p.footnote {
	font-size: 10px;
	text-align: center;
}
#right .content {
	padding: 24px 20px;
	font-size: .75em;
	line-height: 1.5em;
	margin-top: 20px;
}










#graySubPageBar {
	clear:left;
	float:left;
	width:100%;
	height:0px;
	overflow:hidden;
	background:#DCDCDC; /* column 4 background colour */
	border-top:0px solid #fff;
	border-bottom:1px solid #fff;
}
blockquote p:first-child {
text-indent: 22px;
}
blockquote p:first-child {
background-color: transparent;
background-image: url(/images/open_quote.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 2px;
}
blockquote {
border-top-width: 0px;
border-top-style: solid;
border-top-color: #e6dfce;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 2em;
margin-left: 0pt;
line-height: 1.4;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #e6dfce;
font-size: 16px;
margin-bottom: 30px;
color: #5D5D5D;
}
.lastword {
padding-top: 0pt;
padding-right: 22px;
padding-bottom: 0pt;
padding-left: 0pt;
background-color: transparent;
background-image: url(/images/close_quote.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
color: #5D5D5D;
}
blockquote cite {
font-style: italic;
font-size: 13px;
color: #5D5D5D;
}









/* Start of Column CSS */
#container4 {
	clear:left;
	float:left;
	width:100%;
	overflow:visible;
	background:#DCDCDC; /* column 4 background colour */
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;

}
#container3 {
	clear:left;
	float:left;
	width:100%;
	background:#DCDCDC; /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	background:#DCDCDC; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	background:#DCDCDC; /* column 1 background colour */
}
#col1 {
	float:left;
	width: 25%;
	height: 120px;
	overflow:visible;
}
#col2 {
	float:left;
	width: 25%;
	height: 120px;
	overflow:visible;
}
#col3 {
	float:left;
	width: 25%;
	height: 120px;
	overflow:visible;
}
#col4 {
	float:left;
	width: 25%;
	height: 120px;
	overflow:visible;
	z-index: 999;
}
/*  */



.feature-side1 {
font-size: 13px;
color: #5D5D5D;
display:block;
padding-bottom:13px;
font-weight:bold;
font-style: normal;
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
letter-spacing: .2px;
}
.feature-side {
font-size: 13px;
color: #5D5D5D;
display:block;
padding-bottom:8px;
font-weight:bold;
font-style: normal;
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
letter-spacing: .2px;
}
.feature {
font-size: 13px;
color: #5D5D5D;
display:block;
padding-bottom:6px;
font-weight:bold;
font-style: normal;
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
letter-spacing: .2px;
}


#container4 ul a em {
font-size: 11px;
color: #5D5D5D;
font-style: normal;
}
#container4 li .icon {
float: right;
margin-left: 10px;
}


#container4 ul .icon {
float: left;
padding-top: 0pt;
padding-right: 10px;
padding-bottom: 0pt;
padding-left: 0pt;
margin-right: 0px;
}

#container4 ul li a {
color: #ffffff;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 12px;
display: block;
width: 200px;
height: 100px;
margin-right: 10px;
margin-top: 10px;
}

#container4 ul li a:hover {
background-color: transparent;
background-image: url(/images/whiteBox.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right top;
text-decoration: none;
margin-right: 10px;
margin-top: 10px;
}





.Txt_Contact {
	position: relative;
	left:822px;
	top:-15px;
	width:40px;
	font-size:12px;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	text-align: right;
	color: #000000;
	line-height: 120%;
}
#contentImage {
	margin-left:0px;
	margin-top:0px;
	width:689px;
	height:310px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#contentPanel {
	margin-left:0px;
	margin-top:0px;
	width:209px;
	height:310px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#contentBoxes {
	margin-left:0px;
	margin-top:0px;
	width:900px;
	height:121px;
	margin-bottom:0px;
	float:left;
	display:inline;
	z-index: 999;
	overflow: visible;
}









    /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(/images/grayBox.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:602px !important; /* IE Win = width - padding */
      width: 602px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */









/* Z Shop Section */

div.productimage {
float: left;
display: inline;
padding-top: 0pt;
padding-right: 3px;
padding-bottom: 0pt;
padding-left: 3px;
width: 115px;
text-align: center;
margin-bottom: 15px;
}


.preview-first {
	float: left;
	width: 600px;
	margin-right: 0px;
	border-bottom:1px solid #ddd;
}

.preview {
	float: left;
	width: 600px;
	margin-right: 0px;
	border-bottom:1px solid #ddd;
	margin-top: 15px;
}
.preview p {
	margin-left: 0px;
}
.purchase {
	width: 80px;
	margin-top: 0;
	float: right;
	text-align: right;
	position: relative;
}
.set .purchase {
	margin: 0.9em 0 2.8em 0.9em;
}
.purchase .price {
	display: block;
	width: 76px;
	height: 11px;
	margin-right: 4px;
	text-indent: -9000px;
	text-align: left;
}

.purchase .price {
	width: 27px;
	position: absolute;
	top: 0;
	left: 0;
}















.purchase-body {
	width: 80px;
	height: 80px
	margin-top: 0;
	float: right;
	text-align: right;
	position: relative;
	display: block;
	text-indent: -9000px;
	text-align: left;

}
div.purarrow {
	float: right;
	position: relative;
	margin-top: 9px;
	padding-left: 5px;
	display: block;
}
a.purchase:link, a.purchase:visited, a.purchase:active {
	font-size: 16px;
	padding-top:0px;
	margin-bottom:5px;
	margin-top:0px;
	font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
	letter-spacing: .3px;
	color: #3585b8;
	font-weight:bold;
	font-style: normal;
	text-shadow: 1px 1px 1px #ddd;
	text-decoration: none;
	text-transform: uppercase;
}
a.purchase:hover {
text-decoration: underline;
color: #3585b8;
}

.usd {
	font-size: 16px;
	padding-top:0px;
	margin-bottom:5px;
	color: #3585b8;
	font-weight:bold;
	font-style: normal;

}

#purchase .usd199 {
	background: url(../../i/icons/price-199.gif) no-repeat right top;
}

/* End Z Shop Section */

/* Paypal Section */


.paypreview-first {
	float: left;
	width: 100%;
	border-bottom:1px solid #ddd;
	margin-top: 15px;
}

.paypreview {
	float: left;
	width: 100%;
	border-bottom:1px solid #ddd;
	margin-top: 15px;
}

p.paypreviewpad {
	padding-top: 5px;
	padding-bottom: 5px;
}
div.paypalogo {
	float: left;
	width: 100%;
	margin-top: 0px;
}
div.paypalogo-body {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
p.paypalogo {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

input.usd {
padding-top: 3px;
}

body.hiddenModalContent {
margin:13px;
line-height: .80em;
}
body.hiddenModalContentPay {
margin:25px;
line-height: .95em;
}
p.hiddenModalContent {
margin-bottom:7px;
font-size: 9px;
font-size: 9px;
color: #414042;
font-style: normal;
}
h3.hiddenModalContent {
font-size: 11px;
color: #414042;
font-style: bold;
text-align: center;
margin-bottom:7px;
margin-top:40px;
}

body.hiddenModalContentPay h3 {
font-size: 14px;
font-style: bold;
margin-bottom:2px;
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
}
body.hiddenModalContentPay h1 {
font-size: 18px;
font-style: bold;
margin-bottom:10px;
font-family:'Myriad Pro', Arial, Helvetica, sans-serif;
}
.lbCloseLink {
	width: 66px;
	height: 22px;
	float: right;
	text-align: right;
	position: absolute;
	top: 3px;
	right: 3px;
}

/* End Paypal Section */

/* Footer Section */

#footer {
	margin-left:0px;
	margin-top:0px;
	width:900px;
	height:240px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background: url(zzzzzzzzzzzzzzzzzzzz/images/bgfooter.jpg) repeat-x top;
	overflow:hidden;
	color: #000;
	text-align: left;
	background-color: #041622;
	z-index: 3;
}

#newsletter {
margin-top: -170px;
border: 0px solid #ddd;
margin-right: 120px;
float: right;
padding: 20px;
}


#bottom-links {
margin:auto;
width:900px;
padding-left: 36px;
padding-right: 36px;
}

#bottom-links .copyright {color: #cccccc;}
#bottom-links ul li {color: #3BB3E0;}
  
#bottom-links li {
	display: inline;
	padding-left: 20px;
	font-size: 11px;
}


#bottom-links ul {
	margin-right: 0px;
	padding-right: 72px;
	text-align: right;
}

#bottom-links .copyright {
	float: left;
	font-size: 11px;
	margin-top: 3px;
}

#bottom-links .links {
	padding-top: 8px;
	padding-bottom: 8px;
}

#mosso-definition {
	padding-top: 25px;
	padding-bottom: 25px;
}


#footer .inner {
	width: 900px;
	margin: auto;
	padding: 50px 36px 30px;
}

#bottom-line ul li {
	display: inline;
	
}

#bottom-line {
	width: 100%;
}

#footer .inner ul {
	width: 120px;
	float: left;
	color: #cccccc;
	margin-right: 20px;
}
#footer .inner ul.width-150 {width: 100px;}



#footer .inner ul li.h4 {
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0px;
	color: #bcbec0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .1em;

}

#footer .inner ul li {
	font-size: 11px;
	padding: 3px 0;
}

.inner a:link, .inner a:visited, .inner a:active {
color: #5d5d5d;
text-decoration: none;
}

.inner a:hover {
text-decoration: none;
color: #3585b8;
}

#footer #support,#footer #signup {
	float: right;
}
#support {background: url(/images/cloud-computing-footer/cloud-hosting-chat.jpg) no-repeat top center; height:66px; width: 193px;}
#signup {background: url(/images/cloud-computing-footer/order-cloud-hosting.jpg) no-repeat top center; height:66px; width: 194px;}
#footerButtonContainer {margin-top: 30px;}
#footer #signup {
}



#footer .inner #footerLastUL {margin-right: 0px;}

#footer #support .msg,#footer #signup .msg {
	color: #ffffff;
	font-size: 12px;
}

#footer .box {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid black;
	background-color: #000017;
	display: block;
}

#footer #support ul,#footer #signup ul {
	text-align: left;
	width: 162px;
	padding-top: 8px;
}