@charset "UTF-8";
/* CSS Document */

body {background:#FFF url(../images/body_grad.jpg) repeat-x top; font-family: Helvetica, Arial, sans-serif; font-size:11px;}

h1 {background:url(../images/page_images/vapp_logo.gif) no-repeat top left; height:83px; width:190px; float:left;}
h1 span {margin:-3000px;}
h2 {font-size:28px; font-weight:normal; color:#FFF; background:url(../images/page_images/transparent_blue.png); display:block; width:400px; margin:20px 0 0 0; padding:7px 10px 5px 20px;}

h3 {font-size:13px; font-weight:normal; line-height:1.4; color:#FFF; background:url(../images/page_images/transparent_blue.png); display:block; width:400px; margin:10px 0 0 0; padding:7px 10px 5px 20px;}
h4, h6 {font-size:22px; color:#1389a8; font-weight:normal; margin:0 0 10px 0;}
h5 {font-size:22px; color:#1389a8; font-weight:normal; margin:0 0 8px 0;}
h5 span {font-size:18px;}

td {vertical-align:middle; font-size:11px; font-weight:bold;}

.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; }

a:link, a:visited, a:active {text-decoration:none; color:#FFF;}
a:hover {text-decoration:underline;}

p a:link, p a:visited, p a:active {color:#666; text-decoration:underline;}
p a:hover {color:#333; text-decoration:underline;}

a.white_link_text:link, a.white_link_text:visited, a.white_link_text:active {color:#FFF; text-decoration:underline;}
a.white_link_text:hover {color:#CCC;}

#single_column_text a:link, #single_column_text a:visited, #single_column_text a:active {color:#666; text-decoration:underline;}
#single_column_text a:hover {color:#000;}

p {font-size:11px; line-height:1.4; color:#666; margin:0 0 5px 0;}
.bold_blue_subhead {font-size:12px; color:#1389a8; font-weight:bold;}
.bold {font-weight:bold;}

#info_bar {background:url(../images/info_bar_grad.jpg) repeat-x #000; height:30px;}
#info_container {width:975px; margin:0 auto; padding:5px 0 0 0;}
#info_container ul {text-align:right;}
#info_container li {display:inline; font-size:11px; text-transform:uppercase; color:#FFF; padding:2px 5px; margin:0 1px;}
#info_container li.date {background:none; padding:0 0 0 15px;}
#info_container li a:link, #info_container li a:visited   {text-decoration:none; color:#FFF; background:#012d38; padding:2px 10px;}
#info_container li a:hover {text-decoration:underline; background:#194e59;}
#info_container li a:active {outline:dotted 1px #FFF;}
#country {float:left; width:155px;}
#country p {color:#FFF; text-transform:uppercase; background:#012d38; padding:0 10px;}
#country img {padding:0; margin:0 0 0 5px;}

#clock {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}

#wrapper {background:none; min-height:700px; margin:0 auto; width:975px;}

#header {background:url(../images/map_outline.jpg) top right no-repeat; height:80px; padding:20px 0 0 0;}
#header_right {float:right; width:250px; padding:10px 0 0 0;}
#header_right p {text-align:right; color:#FFF; font-size:10px; margin:5px 0 0 0;}

#navigation ul {list-style: none; padding: 0; margin: 0;}
#navigation li {float:right; margin: 0 0 0 2px;}
#navigation a:link, #navigation a:visited  {display: block; background: url(../images/nav_grad.jpg) 0 0px  no-repeat; color: #fff; text-decoration: none; padding: 5px 10px; font-size:12px; text-transform:uppercase;}
#navigation a:hover {background: url(../images/nav_grad.jpg) 0 -25px  no-repeat; color: #fff; text-decoration:underline; border-top:1px #FFF solid; border-left:1px #FFF solid; border-right:1px #FFF solid; padding: 4px 9px 5px 9px;}
#navigation a:active {outline:dotted 1px #FFF;}

#home #navigation .live_home, #aboutus #navigation .live_aboutus, #hosting #navigation .live_hosting, #ecommerce #navigation .live_ecommerce, #dedicated #navigation .live_dedicated, #servers_sla #navigation .live_dedicated, #webdesign #navigation .live_webdesign, #support #navigation .live_support, #remote_hosting #navigation .live_hosting, #email #navigation .live_email, #email_exchange #navigation .live_email, #email_exchange #navigation .live_email, #email_spam #navigation .live_email, #email_spam_filter #navigation .live_email, #news #navigation .live_news, #charity_hosting #navigation .live_hosting, #ftp_hosting #navigation .live_hosting, #application_hosting #navigation .live_hosting  {background: url(../images/nav_grad.jpg) 0 -25px  no-repeat; color: #fff; border-top:1px #FFF solid; border-left:1px #FFF solid; border-right:1px #FFF solid; padding: 4px 9px 5px 9px;}

/* CSS SubNav */

#email_spam #wrapper #title #sub_nav .live_spam, #email #wrapper #title #sub_nav .live_pop, #email_spam_filter #wrapper #title #sub_nav .live_spam_filter, #servers #wrapper #title #sub_nav .live_dedicated, #servers_sla #wrapper #title #sub_nav .live_sla, #remote_hosting #wrapper #title #sub_nav .live_remote, #charity_hosting #wrapper #title #sub_nav .live_charity, #remote_hosting #wrapper #title #sub_nav .live_remote, #hosting #wrapper #title #sub_nav .live_hosting, #ftp_hosting #wrapper #title #sub_nav .live_ftp, #application_hosting #wrapper #title #sub_nav .live_apps  {text-decoration:underline;}

#title 				{clear:both; background:url(../images/page_images/server_room.jpg) no-repeat; height:190px; border-bottom:#f3f3f3 solid 8px;}
#title #sub_nav 	{background:url(../images/page_images/transparent_black.png)}
#title #sub_nav ul 	{list-style:none; padding:10px 0 0 0; margin:0; text-align:right; font-size:11px; text-transform:uppercase; height:20px; }
#title #sub_nav li 	{display:inline; padding: 8px; border-left:#666 1px solid; }
#title #sub_nav a:link, #title #sub_nav a:visited 	{color:#FFF; text-decoration:none;}
#title #sub_nav a:hover {text-decoration:underline;}

#home #title, #aboutus #title, #payment #title {padding:30px 0 0 0; height:160px;}

#content {background:#F3F3F3 url(../images/wrapper_content_3.jpg) repeat-y; min-height:500px; }
#home #content, #hosting #content, #charity_hosting #content, #ftp_hosting #content, #application_hosting #content {background:url(/images/wrapper_content_3_new.gif) repeat-y;}
#aboutus #content, #payment #content {background:#F3F3F3 url(../images/wrapper_content_2.gif) repeat-y; min-height:500px; }
#servers #content {background:#F3F3F3 url(../images/wrapper_content_2_center.gif) repeat-y; min-height:500px; }
#dedicated #content {background:url(/images/wrapper_content_3_new.gif) repeat-y;}
#support #content {background:url(/images/wrapper_content_3_new.gif) repeat-y;}
#email #content, #email_spam #content, #email_spam_filter #content, #remote_hosting #content, #webdesign #content, #servers #content, #servers_sla #content, #news #content {background:#F3F3F3 url(../images/wrapper_content_none.gif) repeat-y; min-height:500px; }

#footer {background:#000 url(../images/footer_grad.jpg) repeat-x top; height:180px; border-top:#f3f3f3 solid 8px;}
#footer #column1	{width:135px; height:165px; float:left; padding:15px 0 0 20px; border-right:1px solid #666;}
#footer #column2	{ border-right:1px solid #666;}
#footer #column2, #footer #column3	{width:129px; float:left; padding:15px 0 10px 20px;}
#footer #column_wrapper {float:left; width:300px;}
#footer #tagline {width:280px; clear:both;}
#footer #column4 {width:515px; float:right; height:165px; border-left:#666 1px solid; padding:12px 0 0 0;}
#footer #column4 li {height:30px;}
#footer #column1 li {margin:0 0 8px 0;}
#footer #column1 #social_networking  	{margin:10px 0 0 0;}
#footer #column1 #social_networking li 	{color:#090; display:inline; margin:0 10px 0 0;}

legend {font-size:12px; color:#FFF; margin:0 0 5px 10px; display:block;}
label {color:#FFF; font-size:11px; margin:5px 0 0 10px;}
.text {width:150px; float: left; background:#f3f3f3; border:solid 1px #333; color:#666;}
.textarea {background:#f3f3f3; border:solid 1px #333; color:#666;}
#submit {background:url(../images/buttons/send_email.gif) top left no-repeat; color:#FFF; width:125px; height:24px; display:block; border:none;}
#submit:hover {text-decoration:underline;}

#right_contact {float:right; margin:0 30px 0 0;}
#left_contact {float:left; }
#right_contact li.message_list {height:400px;}

#message {height:105px; width:186px;}

#copy_tab { margin:0 50px 0 0; float:right;}
#copy_tab p {background:#06566a;font-size:9px; color:#FFF; padding:3px 3px 5px 3px; width:100px; text-align:center;}

#footer img {margin:0 0 7px 0;}
#footer li {font-size:11px; color:#FFF; margin:0 0 5px 0;}
#footer p {font-size:11px; color:#FFF; padding:2px 0 0 0;}
#footer li a:link, #footer li a:hover, #footer li a:visited, #footer li a:active {color:#FFF;}

#tagline 	{padding:10px 0 0 20px; float:left;}
#tagline p	 {color:#FFF; font-size:22px; }

#left_column {float:left; width:460px; padding:10px; margin:0 0 0 10px;}
#left_column p {width:450px; display:block;}
#center_column {float:left; margin:0 0 0 10px; width:200px; padding:10px;}
#right_column {float:right; width:216px; padding:10px 18px 10px 0;}
#right_column img	{margin:0 0 10px 0;}

#single_column 	{padding:20px;}
#single_column_text {float:left; width:500px; margin:0 0 0 10px;}
#anchor 		{float:left; width:200px;}
#anchor li a:link, #anchor li a:visited, #single_column_text a:active {font-size:12px; color:#666; text-decoration:underline;}
#anchor li a:hover {color:#000; text-decoration:underline;}
#anchor li				{margin:0 0 10px 0;}

#aboutus #content #left_column {float:left; width:680px; padding:10px; margin:0 0 0 10px;}
#aboutus #content #left_column p {width:650px;}
#payment #content #left_column {float:left; width:680px; padding:10px; margin:0 0 0 10px;}
#payment #content #left_column p {width:650px;}

#remote_hosting #content #center_column, #webdesign #content #center_column, #email #content #center_column, #servers #content #center_column{width:445px;}
#hosting #content #center_column .news, #remote_hosting #content #center_column .news , #webdesign #content #center_column .news{border:none;}
.news {padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:#999 dotted 1px;}
.news ul {font-size:11px; color:#444;}
.news li {padding:0 0 5px 0; line-height:1.4;}

/*home table*/ 
.top {background:#000 url(/images/nav_grad.jpg) top repeat-x; color:#FFF; border-left:1px solid #333; border-right:1px soild #333; border-bottom:none; font-size:12px;}
.package {background:#FFF; font-size:12px; }
#packages {margin:10px 0 20px 0;}
.price_bold {font-size:18px; color:#054757;}
.price_normal {font-size:12px; color:#054757;}
.price_pa {font-size:11px; color:#666; font-weight:normal;}
.price_background {background:#e0e9ea;}
.table_details {color:#054757; font-weight:normal; font-size:12px;}
#packages td { border-bottom:#CCC solid 1px;}

/*BUTTONS*/
.sign_up 	{background:url(../images/buttons/sign_up.gif) top left no-repeat; display:block; height:23px; padding:6px 0 0 0; text-align:center; width:86px;}
.read_more 	{background:url(../images/buttons/read_more.gif) top left no-repeat; display:block; height:23px; padding:4px 0 0 0; margin:10px 0 5px 0; text-align:center; width:97px; color:#FFF;}
.read_more_right {margin:20px 0 10px 357px; background:url(../images/buttons/read_more.gif) top left no-repeat; display:block; height:21px; padding:6px 0 0 0; text-align:center; width:97px;}
.quote {font-family:"Baskerville", Georgia, "Times New Roman", Times, serif; font-size:18px; color:#1389a8; font-style:italic; line-height:1.2;}

a.read_more:link, a.read_more:visited, a.read_more:active, a.read_more_right:link, a.read_more_right:visited, a.read_more_right:active {color:#FFF; text-decoration:none;}
a.read_more_right:hover, a.read_more:hover {text-decoration:underline;}

.clear {clear:both; height:0;}