html, body, form, fieldset {
margin: 0;
padding: 0;
border:none;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 11px;
color: #5d5d5d;
}
div#wrapper {
padding: 0;
min-height: 100%;
height:30px;
width: 100%;
margin: 0 auto;
background-color:#000;
}
div#header {
padding: 0;
width: 960px;
height: 100px;
background:#FFFFFF;
margin: 0 auto;
}
div#breadcrumbs {
padding: 0;
width: 100%;
height: 30px;
background: #000033;
margin: 0 auto;
}
#top_links{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 450px;
line-height: 25px;
padding-right: 20px;
float:right;
text-align:right;
}
.breadcrumbs_text, .breadcrumbs_text:link, .breadcrumbs_text:active, .breadcrumbs_text:visited {
width: 450px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height: 25px;
padding-left: 20px;
text-decoration:none;
color:#FFFFFF !important;
display:inline;
float:left;
}
ul.breadcrumb li {
display:inline;
}
/* top menu links only */
a.mainlevel:link, a.mainlevel:visited {
margin: 0;
line-height: 18px;
border-bottom:none;
color: #3f559b;
font-weight: bold;
font-size: 10px;
}
a.mainlevel:hover {
border-bottom:none;
}
div#logo_phone {
padding: 0;
width: 960px;
height: 100px;
margin: 0 auto;
background-color:#fff;
}
.logo {
background: url(../images/logo.png); background-repeat: no-repeat;
height: 150px;
width:400px;
padding-left: 20px;
color:#FFFFFF;
float: left;
}
.phone {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:60px;
line-height: 60px;
width:540px;
padding-top:20px;
text-align:right;
text-decoration:none;
font-style:normal;
color: #095ba5;
float: right;
}
div#blue {
width: 940px;
height: 250px;
background:#fff;
}
div#wrapper3 {
width: 960px;
float:left;
background:#fff;
overflow:hidden;
margin-top:10px;
}
div#wrapper2 {
float:left;
width: 960px;
position:relative;
right:220px;
background:#f2f0f0;
background-image:url(../images/main_curve.png);
background-position:top right;
background-repeat:no-repeat;
}
div#wrapper1 {
width: 960px;
float:left;
position:relative;
right:535px;
background:#d1d5d1;
background-image:url(../images/left_curve.png);
background-position:top right;
background-repeat:no-repeat;
}
div#left_nav {
width: 185px;
float:left;
left:80%;
padding-right:10px;
overflow:hidden;
margin-top:20px;
position:relative;
}
.left_nav_text {
font-size:12px;
color:#3f559b;
text-align:left;
}
div#main_content {
width: 515px;
float:left;
left:80%;
padding-top:15px;
position:relative;
overflow:hidden;
}
.main_content_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999;
}
div#right_links {
width: 220px;
float:left;
margin-top:-20px;
left:785px;
overflow:hidden;
position:relative;
}
div#right_links h3 { font-size: 18px; font-weight: normal; padding-top: 5px; color:#FFFFFF;}
.package_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
}
.package_cost {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
line-height:24px;
padding-left:2px;
padding-right:2px;
color:#0b75ab;
}
.package_per_month {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7px;
line-height:7px;
padding-left:2px;
padding-right:2px;
color:#0b75ab;
}
.emerald_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-align:center;
width: 100%;
background-image:url(../images/emerald.png);
background-repeat:no-repeat;
}
.emerald_header h3 { font-size: 18px; font-weight: normal; background-color:#25a470; color:#FFFFFF; }
div#hosting_package {
margin-top:20px;
background-image:url(../images/button_on.png);
background-repeat:no-repeat;
}
div#hosting_package a:active{
margin-top:20px;
background-image:url(../images/button_off.png);
background-repeat:no-repeat;
}
.package_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
line-height:11px;
color:#0b75ab;
}
div#ruby_box {
margin-top:20px;
}
.ruby_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-align:center;
width: 100%;
background-image:url(../images/ruby.png);
background-repeat:no-repeat;
background-position:center;
}
div#diamond_box {
margin-top:20px;
}
div#diamond_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-align:center;
line-height:24px;
width: 210px;
background-image:url(../images/diamond.png);
background-repeat:no-repeat;
background-position:center;
}
div#windows_box {
margin-top:20px;
}
div#windows_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-align:center;
line-height:24px;
width: 210px;
background-image:url(../images/windows.png);
background-repeat:no-repeat;
background-position:center;
}
div#flexi_header {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-align:center;
line-height:24px;
width: 210px;
}
div#flexi_box {
margin-top:20px;
}
.horizontal_menu li
{
display:inline;
list-style-type:none;
padding-right:4px;
color:#3f559b;
}
.horizontal_menu li a
{
display:inline;
list-style-type:none;
padding-right:4px;
color:#3f559b;
}
.moduletable_menu {
background:#fff;
text-align:center;
margin-top:20px;
padding-left:-10px;
border-color: #3f559b;
border-style:solid;
border-width: 1px;
padding-bottom:5px;
}
.moduletable_menu h3{
background-image:url(../images/menu_header.png);
margin-bottom:-5px;
z-index:900;
background-position:left;
line-height:56px;
background-repeat:no-repeat;
margin-top:-15px;
margin-left:-2px;
color: #FFF;
text-align:center;
}
/* ================================= Footer =============================*/
#footer_wrapper {
clear: both;
margin: 0 auto;
text-align: centre;
width: 100%;
}
.footer_links {
text-align: centre;
width: 100%;
}
#footer_address_wrapper {
width:960px;
background-color:#000;
float:right;
position:relative;
}
.footer_address {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
margin-left:-50px;
text-align:center;
background-color:#000000;
}
.container_16
{
margin-left: auto;
margin-right: auto;
width: 960px;
}
.footer_module_10
{
display: inline;
float: left;
margin-left:20px;
width: 210px;
overflow: hidden;
}
.footer_module_11
{
display: inline;
float: left;
margin-left:20px;
width: 210px;
overflow: hidden;
}
.footer_module_12
{
display: inline;
float: left;
margin-left:20px;
width: 210px;
overflow: hidden;
}
.footer_module_13
{
display: inline;
float: left;
margin-left:20px;
width: 210px;
overflow: hidden;
}
/* footer_content */
#footer_content {
float: right;
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
background-color:#000000;
text-align:center;
position:relative;
}
/* Headers */
h1, h2, h3, h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0px 0px 7px 0px;
}
h1 { font-size: 1.6em; font-weight: bold; color: #3f559b; }
h2 { font-size: 2.8em; font-weight: normal; color: #FFFFFF; }
/* this is the header for the right menus and the package boxes */
h3 { font-size: 2em; font-weight: normal; padding-top: 5px; color:#5d5d5d;}
h4 { font-size: 1.3em; }
/* Lists */
ul, ol {
margin: 1px 1px;
padding: 0 ;
line-height:24px;
}
ul { list-style: none }
ol { list-style: decimal; }
dt {
font-weight: bold;
color: #3f559b;
}
dd {
padding-left: 25px;
}
p, dl { padding: 0px 0px; }
/* Normal link */
a:link, a:visited {
text-decoration: none;
color: #3f559b;
}
a:hover, a:active {
border-bottom: 1px dotted #3f559b;
}
.button, .button:hover { padding: 1px 10px!important; padding: 1px 5px; color: #f3f5f8; background-color: #003399; border-color: #dfe5ec #8e9cae #8e9cae #dfe5ec; border-style: solid; border-width: 1px; }
.button:active, .button:focus { color: #f3f5f8; background-color: #cc3333; border-color: #8e9cae #dfe5ec #dfe5ec #8e9cae; border-style: solid; border-width: 1px; }
.inputbox {
border: solid 1px #bfc2c5;
background: #f5f6f8;
margin-left:5px;
}
.inputbox:hover, .inputbox:focus { background-color: #e9ebed; border: solid 1px #9198a0; }
p {
margin-top: 0;
margin-bottom: 5px;
text-align: left;
}
form {
margin: 0;
padding: 0;
}
input, select {
font: 11px/normal Tahoma, Arial, Helvetica, sans-serif;
}
select, .inputbox {
padding: 2px;
}
/** overlib **/
.ol-foreground {
background-color: #f1f1f1;
color: #333;
}
.ol-background {
background-color: #f1f1f1;
color: #333;
}
.ol-textfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
text-decoration: none;
font-size: 12px;
}
.ol-closefont {}
img {
border: none;
border-bottom:none;
text-decoration: none;
}