/* ---------------------------------------------
Global Vision Screen Style Sheet
author: Cyberwoven
version:  2007.07
----------------------------------------------- */

body {
	font:normal 12px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4e4e4e;
	margin:0;
	padding:0;
	background:#4e4e4e url(../images/likeaspacergifbutbigger.gif) repeat-x;
	text-align:center;
	z-index:10;}

a,
a:link {color:#77ae39; text-decoration:underline;}
a:visited {color:#58744d;}
a:hover {text-decoration:none;}

h2 {color:#77ae39; font-size:20px; line-height:25px; padding-top:10px; background:url(../images/contentulbg.jpg) no-repeat bottom left;}
* html h2 {height:20px;}

h3, h4, h5 {margin:20px 0 5px 0;}
h3 {color:#333; font-size:18px; line-height:25px; font-weight:normal;}
h4 {font-size:16px; line-height:20px;}
h5 {font-size:14px; line-height:20px; font-weight:normal;}

img {float:right; border:3px solid #c0c0c0;}
p {margin:3px 0 10px 0; padding:0;} 
ul {margin:3px 0 10px 15px; padding:0;}
ol {margin:3px 0 10px 15px; padding:0;}

#content ul {margin:3px 0 10px 0px; list-style:none; background:url(../images/contentulbg.jpg) no-repeat;}
#content ul li { padding:3px 10px; background:url(../images/contentulbg.jpg) no-repeat bottom left;}


/* Layout Blocks
----------------------------------------------- */

#header {width:750px; margin:0 auto; height:99px; background:#fff; position:relative; text-align:left; z-index:100;}
	#header h1 {margin:0 0 0 10px; padding:0; height:99px;}
		#header h1 a {display:block; padding:25px 10px 15px 0; width:180px;}
		#header h1 a img {border:none; float:none; border:none;}

	#nav {margin:0; padding:20px 0 20px 0; position:absolute; top:52px; right:-10px; list-style:none; width:550px; text-align:right;}
		#nav li {display:inline; margin:0; padding:0;}
			#nav li a {
				color:#4e4e4e;
				padding:3px 10px 11px 12px;
				margin:0 10px 0 0;
				font-size:12px;
				line-height:12px;
				letter-spacing:1px;
				text-decoration:none;
				background:url(../images/topnavhover.gif) no-repeat 0 -500px;
				border-right:1px solid transparent;}
			* html #nav li a {border-right:1px solid #fff; padding-bottom:8px;}
			#nav li a:hover {text-decoration:none; color:#68865d; background-position:top left; border-right:1px solid #c0c0c0;}
			* html #nav li a:hover {padding-bottom:9px;}
			#nav li.active a {color:#68865d; text-decoration:none;}
	

	#subnavbox {position:absolute; top:110px; right:545px; width:300px; background:url(../images/subnavbg-top.gif) no-repeat top left;}
	#subnav {margin:0; padding:0 0 30px 0; list-style:none; background:url(../images/subnavbg-bottom.gif) no-repeat bottom left;}

	#subnav li {margin:0; padding:0; text-align:right; display:block;}
	#subnav li a {font-size:15px; line-height:20px; padding:16px 16px 5px 0; margin-right:8px; text-decoration:none; float:none; display:block; background:url(../images/subnavbg-active.gif) no-repeat 50px 50px; color:#4e4e4e !important; border:none !important;}
	* html #subnav li a {padding-bottom:5px;}
	#subnav li a:hover {text-decoration:underline; border:none; padding:16px 16px 5px 0; color:#689e2b !important;}
	* html #subnav li a:hover {padding-bottom:5px;}
	#subnav li.active a, #subnav li.active a:hover {text-decoration:none;  background-position:center right; color:#689e2b !important;}
		#subnav ul {margin:0 1px 0 0; padding:5px 0 0 0; list-style:none; background:url(../images/subnavbg-section.gif) no-repeat top right;}
			#subnav ul li {margin:0 20px 0 0; padding:0; text-align:right; background:none;}
			#subnav ul li a,
			#subnav li.active ul li a {font-size:11px; padding:1px 15px 1px 0; margin-right:15px; background:url(../images/subsubnavbg.gif) no-repeat center right !important; color:#4e4e4e !important; width:auto;}
			#subnav ul li a:hover,
			#subnav li.active ul li a:hover {color:#68865d !important; text-decoration:underline; padding:1px 15px 1px 0; }


#container {padding:0 0 45px 0; margin:0; background:#efefef url(../images/container-footer.gif) repeat-x bottom left; border-top:1px solid #c0c0c0; text-align:center; position:relative; z-index:20;}
	#content {width:520px; margin:0 auto; padding-left:230px; text-align:left; position:relative; min-height:400px; z-index:30;}
	#content .datavoice {padding-right:135px; background:url(../images/datavoice.jpg) no-repeat top right;}
	#content .hostingcolocation {padding-right:135px; background:url(../images/hostingcolocation.jpg) no-repeat top right;}
	#content .storagerecovery {padding-right:135px; background:url(../images/storagerecovery.jpg) no-repeat top right;}
	#content .contactbg {padding-right:135px; background:url(../images/contact.jpg) no-repeat top right; min-height:130px;}
	#content .aboutbg {padding-right:135px; background:url(../images/about.jpg) no-repeat top right; min-height:130px;}
	#content .webmail {padding-right:135px; background:url(../images/webmail.jpg) no-repeat top right; min-height:130px;}
	#content .partnersbg {padding-right:135px; background:url(../images/partners.jpg) no-repeat top right; min-height:130px;}


#footer {width:750px; margin:0 auto; padding:10px 0 50px 0; text-align:left; color:#fff; font-size:11px; line-height:15px; z-index:20; position:relative;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a.cyberwoven:hover {color:#dad7d0; text-decoration:none;}
#footer a.cyberwoven:hover span {color:#d77641;}

#footer .vcard {position:absolute; top:10px; left:440px; text-align:right; width:300px;}
#footer .vcard .org {display:none;}
#footer .vcard .country-name {display:none;}
#footer .vcard abbr {border:none; text-decoration:none;}


/* Homepage Specific
----------------------------------------------- */
body.home {background:#bbb url(../images/homebodybg.gif) repeat-x;}
body.home #container {width:auto; margin:0; height:500px; background:url(../images/hometexture.jpg) no-repeat center top;}
body.home #subnav {display:none;}

body.home #nav li a {background-image:url(../images/topnavhomehover.jpg);}
body.home #nav li a:hover {color:#fff;}
body.home #nav li.active a {color:#68865d !important; text-decoration:none; background-image:none !important; border:none;}

.homeposter {width:780px; margin:0 auto; background:url(../images/homeposterbg.jpg) no-repeat top right; height:258px;}
.homeposter li {display:block; margin:0; padding:0;}
.homeposter li a {display:block; margin-right:526px; height:72px; line-height:72px; text-align:right; padding-right:18px; font-size:16px; color:#414141 !important; text-decoration:none; background:url(../images/homeposterlinkbg.gif) no-repeat top right;}
.homeposter li a:hover {background-position:bottom right;}

.homepads {width:780px; margin:0 auto; padding:5px 0 0 12px; position:relative; z-index:50;}
.homepads li {display:block; width:255px; height:185px; margin:0; padding:0; float:left;}
.homepads li a {display:block; padding:0 0 0 22px; height:184px; text-decoration:none; text-align:left; color:#333 !important; font-size:11px; line-height:15px; background-position:0 0;}
.homepads li a:hover {background-position:0 -185px;}
.homepads li a b {display:block; font-size:26px; padding:28px 0 5px 0; line-height:22px; color:#fff; font-weight:normal !important;}

.homepads li a.pad1 {background-image:url(../images/homepad1.jpg);}
.homepads li a.pad2 {background-image:url(../images/homepad2.jpg);}
.homepads li a.pad3 {background-image:url(../images/homepad3.jpg);}

body.home #footer {width:740px; margin:-100px auto 100px auto; position:relative; z-index:150; color:#333;}
body.home #footer a {color:#333; text-decoration:none;}
body.home #footer a:hover {text-decoration:underline;}
body.home #footer a.cyberwoven:hover {color:#333; text-decoration:none;}
body.home #footer a.cyberwoven:hover span {color:#d77641;}

/* Forms
----------------------------------------------- */

#content form {border: none; margin: 0; padding: 0;}
#content form fieldset {border: none; margin: 0; padding: 0;}
#content form label {display: block; float: left; width: 70px; text-align: right; padding: 0 5px 0 0;}
#content form select {font-size: 11px; padding: 0; float: left; margin-bottom: 10px; border: 1px solid #ccc;}
#content form input.textbox {margin: 0 0 10px 0; border: 1px solid #ccc; width:170px; font-size: 11px;}
#content form br { clear: left; }
#content form textarea {margin: 0 0 10px 0; width: 420px; border: 1px solid #ccc; padding: 5px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#content form textarea.bigtextarea {width:300px;}
#content form input.button {
	font-size: 11px;
	height: 25px;
	padding: 0 15px 3px 15px;
	color: #fff;
	margin: 5px 15px 0 0;
	width: auto !important;
	background: #444;
	border:3px solid #c0c0c0;
	float:right;
}

#content form label.required { font-weight: bold; }


/* Reusables
----------------------------------------------- */

.column {width:255px; float:left; margin:0;}
.hidden {display:none;}

.clear {clear:both;}

.floatright {text-align:right; float:right;}

.linkbutton {
	font-size: 11px;
	height: 25px;
	padding: 0 15px 3px 15px;
	color: #fff !important;
	margin: 5px 15px 0 0;
	width: auto !important;
	background: #444;
	border:3px solid #c0c0c0;
	text-decoration:none;
	display:table-cell;
}

.linkbutton:hover {
	color:#333 !important;
	background:#fff;
}