/* TOP */
html, body{ margin:0; padding:0; }
body{ font-size:13px; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; background: url(../images/bg.jpg) repeat-x; }
.wrap{ width:984px; margin: 0 auto; text-align:center; }
.tertiarywrap{ width:95%; margin: 0 auto; text-align:left; }
.posrel{ position:relative; }

/* STANDARD */
a, a:active{ outline:none; color:#154370; font-weight:bold; }
a:hover{ color:#b90f2b; }
a img{ border:none; }
/*a:visited{ color:#651b2c; }*/
:focus{ -moz-outline-style: none; }
h1{ color:#3550a9; font-size:20px; }
.img{ float:right; margin:10px 0 10px 10px;  padding:0; height:172px; width:275px; }
.img.wide{ width:300px; background:#eee; padding:10px; height:auto; }
.img img{ border:1px solid #888; }

h2{ text-indent:-9999px; height:35px; width:428px; display:block; }
h2.noimg{ text-indent:0px; height:auto; width:auto; }
h2#fourohfour{ background:url(../images/title/h2_404.gif); }
h2#my_account{ background:url(../images/title/h2_my_account.gif); }
h2#create_account{ background:url(../images/title/h2_create_account.gif); }
h2#colocation{ background:url(../images/title/h2_colocation.gif); }
h2#managed_hosting{ background:url(../images/title/h2_managed_hosting.gif); }
h2#dedicated_servers{ background:url(../images/title/h2_dedicated_servers.gif); }
h2#virtualization{ background:url(../images/title/h2_virtualization.gif); }
h2#managed_services{ background:url(../images/title/h2_managed_services.gif); }
h2#business_continuance{ background:url(../images/title/h2_business_continuance.gif); }
h2#voip{ background:url(../images/title/h2_voip.gif); }
h2#internet_access{ background:url(../images/title/h2_internet_access.gif); }
h2#expertise{ background:url(../images/title/h2_expertise.gif); }
h2#security{ background:url(../images/title/h2_security.gif); }
h2#reliability{ background:url(../images/title/h2_reliability.gif); }
h2#flexibility{ background:url(../images/title/h2_flexibility.gif); }
h2#news{ background:url(../images/title/h2_news.gif); }
h2#support{ background:url(../images/title/h2_support.gif); }
h2#knowledge_base{ background:url(../images/title/h2_knowledge_base.gif); }
h2#monitoring{ background:url(../images/title/h2_monitoring.gif); }
h2#reports{ background:url(../images/title/h2_reports.gif); }
h2#noc{ background:url(../images/title/h2_noc.gif); }
h2#aboutus{ background:url(../images/title/h2_aboutus.gif); }
h2#our_mission{ background:url(../images/title/h2_our_mission.gif); }
h2#careers{ background:url(../images/title/h2_careers.gif); }
h2#contactus{ background:url(../images/title/h2_contactus.gif); }
h2#why_voonami{ background:url(../images/title/h2_why_voonami.gif); }
h2#services{ background:url(../images/title/h2_services.gif); }
h2#login{ background:url(../images/title/h2_login.gif); }
h2#canyonpark{ background:url(../images/title/h2_canyonpark.gif); width:571px; }
h2#view_ticket{ background:url(../images/title/h2_view_ticket.gif); }
h2#ticket_history{ background:url(../images/title/h2_ticket_history.gif); }

.highlight{ font:17px Georgia; color:#651b2c; font-style:italic; margin:0; padding-bottom:10px; border-bottom:1px solid #e8d3d0; }
ul.checkmark, ul.checkmark li{ list-style-type:none; margin:0; padding:0; }
ul.checkmark li{ margin-left:12px; padding-left:24px; background:url(../images/checkmark.jpg) 1px 1px no-repeat; margin-top:5px; }

/*  HEADER  */
#header{ height:100px; position:relative; }
#logo a{ width:300px; height:41px; background: url(../images/voonami-logo-black.gif) top left no-repeat; position:absolute; top:30px; left:0px; }
#header #headerlogin{ width:180px; height:28px; position:absolute; top:0; right:0; }
#header #headerlogin a{ display:block; width:180px; height:28px; background: url(../images/login.jpg) top left no-repeat; color:#fff; font-weight:normal; text-decoration:none; padding-top:4px; }
#phone{ position:absolute; top:26px; left:350px; font-size:20px; color:#FFFFFF; line-height:24px; }
#contentwrap{ background:#ff0; margin-top:54px; padding-top:15px; background:url(../images/bg_sidebar.jpg) top right repeat-y; text-align:left; padding-bottom:15px; }

#nav{ position:absolute; top:105px; left:149px; }
#nav ul li{ list-style-type:none; float:left; }
#nav ul li a.top{ display:block; height:36px; text-indent:-9999px; }
#nav ul li#services a.top{ width:97px; background: url(../images/nav_services.jpg) 0px -36px no-repeat; }
#nav ul li#why a.top{ width:166px; background: url(../images/nav_why.jpg) 0px -36px no-repeat; }
#nav ul li#support a.top{ width:103px; background: url(../images/nav_support.jpg) 0px -36px no-repeat; }
#nav ul li#news a.top{ width:82px; background: url(../images/nav_news.jpg) 0px -36px no-repeat; }
#nav ul li#about a.top{ width:115px; background: url(../images/nav_about.jpg) 0px -36px no-repeat; }
#nav ul li#services a.top:hover, #nav ul li#why a.top:hover, #nav ul li#support a.top:hover, #nav ul li#about a.top:hover, #nav ul li#news a.top:hover{ background-position: 0px 0px; }
#nav ul li:hover a.top, #nav ul li.sfhover a.top{ background-position: 0px 0px; }
#nav ul li#services.active a.top, #nav ul li#why.active a.top, #nav ul li#support.active a.top, #nav ul li#about.active a.top, #nav ul li#news.active a.top{ background-position: 0px 0px; }
#nav li ul { position:absolute; width: 16em; left: -9999px; margin:0; padding:0; z-index:5; }
#nav ul li ul li{ float:none; width:16em; z-index:6; }
/* http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ */
#nav li:hover, #nav li.sfhover { position:static; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; z-index:6; }
#nav ul li ul li a{ font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; padding: 0px; font-weight: bold; text-decoration: none; text-transform: uppercase; /*background:#a63434;*/ background: url(../images/nav_color.png) repeat; display:block; padding:10px 20px; width:13em; margin:0; text-indent:0px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; text-align:left; }
#nav ul li ul li a:hover{ color: #fff; background: url(../images/nav_color2.png) repeat; text-decoration: none; }

/* CALLOUT */
#callout{ width:980px; height:229px; background: url(../images/callout2.jpg) center center no-repeat; margin-top:11px;}

/* BOX LIST */
.boxlist{ float:right; /*margin-left:10px;*/ width:220px; margin-top:42px; }
.boxlist ul{ margin:0; padding:0; }
.boxlist ul li{ padding:4px 7px; text-align:left; list-style-type:none; border-bottom:1px solid #e8e8e8; background:url(../images/boxlist_list.jpg) repeat-y; width:204px; }
.boxlist #top{  background: url(../images/boxlist_top.jpg) top left no-repeat; border-bottom:none; height:8px; padding:0 7px;}
.boxlist #title{ color:#3550a9; font-size:18px; text-align:right; font-weight:bold; padding-top:0; }
.boxlist #bottom{  background: url(../images/boxlist_bottom.jpg) top left no-repeat; border-bottom:none; height:5px; }
.boxlist .meta{ display:block; font-style:italic; font-size:11px; }

/* FEATURES */
#features{ float:left; width: 760px; margin-top:30px; }
#features ul{ margin:0; padding:0; }
#features ul li{ width:231px; height:150px; list-style-type:none; float:left; margin-right:15px; margin-bottom:25px; }
#features ul li a{ display:block; width:231px; height:150px; text-indent:-9999px; }
#features ul li#colocation a{ background:url(../images/feature_colocation.jpg) top left no-repeat; }
#features ul li#colocation a:hover{ background-position:0 -150px; }
#features ul li#rack a{ background:url(../images/feature_rack.jpg) top left no-repeat; }
#features ul li#rack a:hover{ background-position:0 -150px; }
#features ul li#hosting a{ background:url(../images/feature_hosting.jpg) top left no-repeat; }
#features ul li#hosting a:hover{ background-position:0 -150px; }
#features ul li#internet a{ background:url(../images/feature_internet.jpg) top left no-repeat; }
#features ul li#internet a:hover{ background-position:0 -150px; }
#features ul li#services a{ background:url(../images/feature_services.jpg) top left no-repeat; }
#features ul li#services a:hover{ background-position:0 -150px; }
#features ul li#virtualization a{ background:url(../images/feature_virtualization.jpg) top left no-repeat; }
#features ul li#virtualization a:hover{ background-position:0 -150px; }


/* SECONDARY */
#secondary{ margin-top:20px; text-align:left; float:right; width:750px; }
#secondary ul{ margin:0; padding:0; margin-left:15px; }
#secondary ul li{ list-style-type:none; background: url(../images/bullet.gif) top left no-repeat; padding-left:15px; }
#secondary h1{ margin-top:0; }
.feature{ width:210px; border-right:1px solid #ddd; padding:0 15px; float:left; margin-bottom:15px; }
.feature h2{ border-bottom:1px solid #ddd; padding-bottom:3px; color:#3550a9; margin-top:0;  }
.feature p{ text-align:justify; }
.feature.last{ border-right:none; }

/* TERTIARY */
#tertiary{ text-align:left;  }

/* BREADCRUMB */
#breadcrumb{ padding-bottom:3px; border-bottom:1px solid #eee5e4; height:20px; }
#breadcrumb ul{ margin:0; padding:0; margin:0px 0 0 1px; }
#breadcrumb ul li{ list-style-type:none; float:left; margin-right:5px;  }
#breadcrumb ul li a{ background: url(../images/breadcrumb.gif) bottom right no-repeat; padding-right:19px; }

/* SIDEBAR */
/*#sidebar{ float:left; width:200px; text-align:left; margin:20px 18px 0 0; padding:10px 8px 0 0; background: url(../images/corner.jpg) top right no-repeat; }
#sidebar h2{ margin-top:0; font-size:15px; }
#sidebar h3{ margin-bottom:0; color:#3550a9; }
#sidebar #phone{ margin-top:0; font-size:18px; }
*/
#sidebar{ float:right; width:218px; min-height:500px; height:auto; }
/* for Internet Explorer */
/*\*/
* html #sidebar { height: 500px; }
/**/

#sidebar img{ margin-bottom:10px; }
#sidebar ul, #sidebar ul li{ list-style-type:none; margin:0; padding:0; }
#sidebar ul li a{ padding:10px 0px 13px 10px; display:block; width:207px; text-decoration:none; color:#912323; font-weight:normal; font:12px Arial; background:url(../images/nav_strip.gif) bottom left no-repeat; cursor:pointer; }
#sidebar ul li a:hover{ background:#aa5656; color:#fff; border-right:1px solid #aa5656; }
#sidebar ul li a#active{ background:#fff; border-right:1px solid #f0e4e2; color:#912323; }
#sidebar #contactBtn{ margin:10px 0 0 20px; }

#content{ width:750px; }

/* MISC */
.clr{ clear:both; }
.clr_left{ clear:left; }
#didyouknow{ width:100%; background:#c9ebd9; border:1px solid #62a38e; }
#didyouknow p{ margin:0; padding:0; background: url(../images/didyouknow.jpg) top left no-repeat; background-position: 4px 4px; padding:4px 25px; }
#didyouknow .question{ font-style:italic; font-weight:bold; }

/* FOOTER */
#footer{ width:100%; background: #211f1b; border-top:6px solid #882020;  }
#footer .col{ width:180px; margin-right:10px; float:left; color:#fff; }
#footer .col_right{ width:232px; position:absolute; top:0; right:0; color:#a5aaa2; text-align:left;}
#footer .col_right p{ margin:0;  }
#footer .col ul, #footer .col ul li{ margin:0; padding:0; list-style-type:none; }
#footer .col ul li{ display:block; width:100%; text-align:left; /*margin:2px 0;*/ }
#footer .col ul li a{ padding:5px 0 5px 7px; width:100%; display:block; color:#a5aaa2; font:12px Arial; text-decoration:none; }
#footer .col ul li a:hover{ /*color:#000; background:#f0e4e2;*/ border-left:3px solid #f0e4e2; padding-left:4px; color:#fff; }
#copyright{ color:#444; font-size:10px; text-align:center; padding-top:50px; padding-bottom:100px;}

/* FEATURE TABLE */
.tablex a img {border:0;vertical-align:text-bottom;}
table.tablex {border-collapse:collapse;}
.tablex th.side { background: transparent url(../images/table/bg_th_side.gif) no-repeat bottom left; }
.tablex td.side { text-align:right; background: transparent url(../images/table/bg_td_side.gif) no-repeat bottom left; width:180px; font:bold 12px/15px verdana; color:#6e6f37; padding-right:8px; }
.tablex th { text-align:center; height:64px; border-right:1px solid #fff; vertical-align:bottom; color:#fff; font:normal 21px/27px arial; letter-spacing:2px; background:transparent url(../images/table/bg_th.gif) no-repeat bottom left; }
.tablex td { text-align:center; background:transparent url(../images/table/bg_td.gif) no-repeat bottom left; border-right:1px solid #fff; color:#fff; width:108px; height:40px; font:bold 12px/18px verdana; }
.tablex td.on { background:transparent url(../images/table/bg_td_on.gif) no-repeat bottom left; width:160px; }
.tablex th.on { background:transparent url(../images/table/bg_th_on.gif) no-repeat bottom left; padding-bottom:9px; width:160px; }
.tablex tfoot td { background:transparent url(../images/table/bg_foot_td.gif) no-repeat top left; height:64px; vertical-align:top; padding-top:8px; }
.tablex tfoot td.on { background:transparent url(../images/table/bg_foot_td_on.gif) no-repeat top left; padding-top:16px;  }
.tablex tfoot td.side {background: transparent url(../images/table/bg_foot_td_side.gif) no-repeat top left;}
#formcontainer { width:443px; height:239px; background:transparent url(../images/table/bg_form.gif) no-repeat top left; position:absolute; top:24px; left:341px; }
#formcontainer form { padding:8px 10px; margin:0; }
#formcontainer h2 { margin:0; padding:0 0 14px 0; font:bold 21px/27px arial; color:#fff; }
#formcontainer fieldset { border:none; padding:0; }
#formcontainer label { display:block; float:left; font:bold 12px/18px verdana; color:#fff; padding-bottom:12px; }
#formcontainer label.email { width:350px; }
#formcontainer label.email input { width:340px; }
#formcontainer label.password { clear:left; padding-right:40px; }
#formcontainer label.password input, #formcontainer label.retype input { width:150px; }
#formcontainer fieldset.buttons { padding-top:10px; clear:left; }
#prices { position:relative; }


/* NORMAL TABLE */
table.tabley a:link {
	color:#d42945;
	text-decoration:none;
	border-bottom:1px dotted #ffbac8;
	}	
table.tabley a:visited {
	color:#d42945;
	border-bottom:none;
	text-decoration:none;
	}		
table.tabley a:hover, table.tabley a:focus {
	color:#f03b58;
	border-bottom:1px solid #f03b58;
	text-decoration:none;
	}
table.tabley a,
table.tabley a:link, table.tabley
  a:visited {
	border:none;
	}		
table.tabley img {
	border:0;
	margin-top:.5em;
	}	
table.tabley  {
	width:100%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
		border-collapse:collapse;
	}
table.tabley caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	padding:0;
	margin:1em 0 0 0;
	margin-bottom:0;
	caption-side:top;
	text-align:center;
	}	
table.tabley tr.odd td,
table.tabley tr.odd .column1, table.tabley tr.odd th {
	background:#f4f9fe url(../images/tabley.gif) no-repeat;
	}	
table.tabley .column1	{
	background:#f9fcfe;
	}
table.tabley td {
	color:#678197;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	text-align:center;
	}				
table.tabley th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}	
table.tabley thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}				
table.tabley tfoot th {
	background:#f4f9fe;
	text-align:center;
	}	
table.tabley tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
table.tabley tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
	
label{ font-weight:bold; display:block; }

/*  SECONDARY INDEX PAGES */

.big, .big li{ margin:0; padding:0; list-style-type:none; }
.big li{ margin-top:3px; }
.big li a{ padding:10px; display:block; background:#eee; text-decoration:none; }
.big.summary li a{ background:#eee url(/images/summary/logo.jpg) top left no-repeat; padding-left:130px; height:64px; }
.big li a span{ display:block; color:#777; border:none; font-weight:normal; }
ul.big li.voip a{ background-image: url(/images/summary/voip.jpg); }
ul.big li.virtualization a{ background-image: url(/images/summary/virtualization.jpg); }
ul.big li.managed_hosting a{ background-image: url(/images/summary/managed_hosting.jpg); }
ul.big li.managed_services a{ background-image: url(/images/summary/managed_services.jpg); }
ul.big li.dedicated_servers a{ background-image: url(/images/summary/dedicated_servers.jpg); }
ul.big li.colocation a{ background-image: url(/images/summary/colocation.jpg); }
ul.big li.internet_access a{ background-image: url(/images/summary/internet_access.jpg); }
ul.big li.business_continuance a{ background-image: url(/images/summary/business_continuance.jpg); }
ul.big li a:hover{ background:#F0E4E2; }
ul.big.summary li a:hover{ background:#F0E4E2 url(/images/summary/logo.jpg) top left no-repeat; }

#notice{ padding:10px; background:#d8f3ce; font-weight:bold; border:2px solid #3d692b; }
#error{ padding:10px; background:#f3cece; font-weight:bold; border:2px solid #692b2b; }

.ticket_title{ margin:0; font:24px Tahoma; color:#4c4c4c; }
.ticket_meta{ text-transform:uppercase; font:13px Arial; margin:0; font-weight:bold; color:#4c4c4c; }
.ticket_meta .pending{ color:#b90f2b; }
.ticket_meta .resolved{ color:#217b17; }
.ticket_meta2{ margin:0; }

.ticket_even{ background:#f0e4e2 url(/images/comment/on_top.gif) top left no-repeat; width:711px; padding:5px 15px 0 15px; }
.bottom_even{ background:url(/images/comment/on_bottom.gif) top left no-repeat; width:741px; height:23px; }
.bottom_even2{ background:url(/images/comment/on_bottom2.gif) top left no-repeat; width:741px; height:10px; margin-bottom:8px; }

.ticket_odd{ background:url(/images/comment/off_top.gif) top left no-repeat; width:711px; padding:5px 15px 0 15px; }
.bottom_odd{ background:url(/images/comment/off_bottom.gif) top left no-repeat; width:741px; height:23px; }
.bottom_odd2{ background:url(/images/comment/off_bottom2.gif) top left no-repeat; width:741px; height:13px; margin-bottom:8px; }

/*.ticket_left{ float:left; }*/
.ticket_right{ text-align:right; width:50%; }
.ticket_left, .ticket_right{ float:left; width:49%; font-weight:bold; font-size:12px; /*height:45px;*/ margin-bottom:25px;}
.ticket_left span, .ticket_right span{ font-weight:normal; font-style:italic; display:block; }
.ticket_odd label, .ticket_even label{ font:16px Tahoma; color:#4c4c4c; }
.ticket_odd textarea, .ticket_even textarea{ width:100%; height:90px; margin-bottom:5px; }
.ticket_odd form, .ticket_even form{ margin:0; padding:0; width:100%; }
input.submitx{ border:1px solid #000; font-size:12px; background:#F4F9FE; padding:3px; width:auto; }

.button_view{ width:109px; height:37px; float:right; margin-top:15px; }
.button_view a{ width:109px; height:37px; display:block; text-indent:-9999px; background:url(/images/view.gif) top left no-repeat; }

#pagination{ color:#bebebe; height:30px; text-align:right; position:relative; padding-right:50px; padding-top:2px; width:690px; }
#pagination a{ color:#902323; font-weight:bold; text-decoration:none; }
#pagination_arrows{ position:absolute; top:0; right:0; width:50px; height:20px; }