
*
html, body {
 margin:0;
 padding:0;
 height:100%;
 color:#000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 background-image: url(images/page_bg.gif);
 background-repeat: repeat-x;
 }

#container {
 margin:auto;
 position:relative;
 width: 780px;
 }

#mastmenu {
 position:relative;
 height:36px;
 width:500px;
 margin:auto;
 text-align:center;
 }

#hdr {
 position:relative;
 float:left;
 height:135px;
 width: 780px;
 padding: 0px;
 }

#hdr_print {
 display:none;
 }

#main {
 float:left;
 width: 780px;
 height:304px;
 padding-bottom:5px;
 background-image: url(images/mast.jpg);
 background-repeat: no-repeat;
 margin-left:5px;
 margin-top:10px;
 margin-bottom:10px;
 }

#mainmenu {
 float:left;
 position:relative;
 width:400px;
 margin: 0px 0px 0px 15px;
 }

#home_bot {
 float:left;
 position: relative;
 width: 780px;
 padding-left:5px;
 } 

#homecellb {
 position:relative;
 float: left;
 width: 235px;
 height: 184px;
 font-size:small;
 font-weight:bold;
 color:#003;
 overflow:hidden;
 margin:-4px;
 padding:10px;
 padding-right:20px;
 background-image: url(images/gradbox_blue.jpg);
 background-repeat:no-repeat;
 }

#homecellb2 {
 position:relative;
 float: left;
 width: 235px;
 height: 184px;
 font-size:small;
 font-weight:bold;
 color:#003;
 overflow:hidden;
 margin:-4px;
 padding:10px;
 padding-right:20px;
 background-image: url(images/gradbox_blue.jpg);
 background-repeat:no-repeat;
 }

#homecellg {
 position:relative;
 float: left;
 width: 235px;
 height: 184px;
 font-size:small;
 font-weight:bold;
 color:#003;
 overflow:hidden;
 margin:-4px;
 padding:10px;
 padding-right:20px;
 background-image: url(images/gradbox_grn.jpg);
 background-repeat:no-repeat;
 }

#sidemenu {
 font-size:x-small;
 position:relative;
 float:left;
 width:125px;
 height:99%;
 margin-top:20px;
 margin-bottom:auto;
 }


.hdr_box {
 float:right;
 width:186px;
 height:133px;
 margin:0px 0px 0px -10px;
 padding:20px 0px 10px 10px;
 background-image:url(images/hdr_box_bg.gif);
 background-repeat:no-repeat;
 background-position:top left;
 color:#fff;
 font-weight:bold;
 font-size:large;
 }

.hdr_box a {
 text-decoration:none;
 color:#cc6;
 border:0;
 }

.hdr_box a:hover {
 text-decoration:none;
 color:#006;
 border:0;
 }

.blue {
 background-image: url(images/gradbox_blue.png);
 background-repeat:no-repeat;
 }

.green {
 background-image: url(images/gradbox_grn.png);
 background-repeat:no-repeat;
 }

.whiteb {
 color:#fff;
 font-size:large;
 margin-top:-8px;
 margin-bottom:5px;
 padding-left:15px;
 background-image:url(images/h_blu_bg.gif);
 background-repeat:no-repeat;
 background-position:center left;
 }

.whiteg {
 color:#fff;
 font-size:large;
 margin-top:-8px;
 margin-bottom:5px;
 padding-left:15px;
 background-image:url(images/h_grn_bg.gif);
 background-repeat:no-repeat;
 background-position:center left;
 }

.about {
 color:#993;
 font-size:small;
 font-weight:bold;
 padding:5px;
 }

#content_container {
 float:left;
 clear:both;
 position:relative;
 width:99%;
 min-height:500px;
 }

#content {
 float:right;
 position: relative;
 width: 600px;
 overflow:hidden;
 padding: 0px 20px 5px 20px;
 text-align:justify;
 border-left:1px dotted #993;
 margin-top:10px;
 }

#footer {
 float:left;
 position:relative;
 width:760px;
 height:40px;
 padding:5px;
 margin-bottom: 5px;
 margin-top:30px;
 color: #993;
 font-size: x-small;
 border-top: 1px dotted #cc6;
 text-align:center;
 }

#footer_container {
 height:75px;
 width: 780px;
 margin:auto;
 margin-bottom:5px;
 }

#footer_left {
 position:relative;
 float:left;
 width:24%;
 }

#footer_center {
 float:left;
 position:relative;
 text-align:center;
 width: 50%;
 }

#footer_right {
 position:relative;
 float:right;
 width:25%;
 }

#footer_bottom {
 position:relative;
 float:right;
 width:99%;
 text-align:center;
 }

div#footer_bottom img {
 vertical-align:middle;
 }

#domsearch {
 position:relative;
 padding:10px;
 height:50px;
 color:#ffc;
 text-align: center;
 font-weight:bold;
 background-image:url(images/blu_bg.gif);
 }

H1 {
 float:left;
 clear:both;
 padding-bottom: 5px;
 width: 100%;
 height: 20px;
 font-size: large;
 color: #993;
 font-weight: bold;
 position: relative;
 border-bottom: 1px solid #993;
 margin-bottom:10px;
 padding-left:15px;
 background-image:url(images/h_blu2_bg.gif);
 background-repeat:no-repeat;
 background-position:center left;
 }

H2 {
 float:left;
 clear:both;
 padding-bottom: 3px;
 width: 100%;
 height: 15px;
 font-size: small;
 color: #993;
 font-weight: bold;
 position: relative;
 border-bottom: 1px dotted #993;
 margin-bottom:10px;
 }

h3 {
 position:relative;
 float:left;
 clear:both;
 color:#993;
 font-size:x-small;
 font-weight:bold;
 }

.ljust {
 position: relative;
 float:left;
 padding: 20px 10px 10px 0px;
 }

.fine {
 position:relative;
 clear:both;
 color:#369;
 font-size:x-small;
 }

.bc {
 color: #c90;
 font-size:large;
 text-align:center;
 }

p {
 clear:both;
 position:relative;
 }

.webfolio a {
 float:left;
 position:relative;
 border:1px solid #993;
 text-decoration:none;
 width:150px;
 height:200px;
 margin:12px;
 padding:5px;
 font-size:x-small;
 text-align:left;
 }

.webfolio a:hover {
 border:1px solid #369;
 background: #ccc;
 }

.webfolio img {
 display:block;
 margin:auto;
 border:0;
 }

.maintitle {
 width:420px;
 height:34px;
 font-size: large;
 font-weight:bold;
 text-transform:uppercase;
 color: #369;
 padding:8px;
 padding-left:20px;
 margin:10px;
 margin-bottom:5px;
 }

img.logo {
 position:relative;
 float:left;
 margin-right:20px;
 border:0px;
 clear:none;
 }


.ip li {
 margin:2px 0px 2px 10px;
 font-family:courier;
 font-size:small;
 }

.wrapme {
 position:relative;
 float:left;
 margin: 5px 15px 15px 0px;
 }

li {
 margin-bottom:10px;
 }

/* General Link Styles */

a {
 text-decoration: none;
 font-weight:bold;
 color: #993;
 border-bottom: 1px dotted #993;
 }

a:hover {
 color: #039;
 border-bottom: 1px solid #039;
 }

a.nolink  {
 border:0px;
 }

img.noborder {
 border:0px;
 }

/* Form Styles */

#form {
 border: 1px solid #000;
 padding: 10px;
 width: 500px;
 color: #000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:x-small;
 font-weight:bold;
 line-height:1.5;
 background: #cc9;
 position: relative;
 margin:auto;
 }
#form .texta {
 float:left;
 position:relative;
 width: 120px;
 margin-bottom:5px;
 font-size:x-small;
 padding:3px;
 clear:both;
 }

#form .textb {
 border: 1px solid #000;
 color: #006;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom:5px;
 font-size:x-small;
 padding:3px;
 clear:both;
 }
 
#form .switch {
 margin-left:50px;
 }

#form .button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #fc0;
 background-color: #006;
 border: 1px solid #fc0;
 margin-left:200px;
 position:relative; 
 cursor: pointer;
 font-size:x-small;
 }


/* Styles for the Packages table */

#pack {
 float:left;
 width:90%;
 clear:both;
 margin:0px;
 margin-top:20px;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-align:center;
 padding:0;
 }

th.grn {
 color:#330;
 background-image:url(images/row_grn_hdr_bg.gif);
 width:150px;
 text-align:left;
 padding-left:18px;
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 }

th.blu {
 color:#003;
 background-image:url(images/row_blu_hdr_bg.gif);
 width:150px;
 text-align:left;
 padding-left:18px;
 border-right: 1px solid #66c;
 border-bottom: 1px solid #66c;
 }

#pack .rowdesc {
 color: #336;
 background-image:url(images/row_hdr.gif);
 padding:4px;
 font-weight:bold;
 border-bottom:1px solid #fff;
 border-right:1px solid #fff;
 }

td.grn {
 color:#330;
 padding:4px;
 background-image:url(images/row_grn_bg.gif);
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 } 

td.blu {
 color:#003;
 padding:4px;
 background-image:url(images/row_blu_bg.gif);
 border-right: 1px solid #66c;
 border-bottom: 1px solid #66c;
 }

#pack .blankcell {
 background-image: url(images/main_bg.gif);
 background-repeat: repeat;
 border:0;
 }

#prices {
 float:left;
 width:90%;
 clear:both;
 margin:0px;
 margin-top:10px;
 margin-bottom:10px;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size:small;
 text-align:center;
 padding:0;
 }

#prices th.blu {
 width:300px;
 color:#003;
 padding:4px;
 background-image:url(images/row_blu_bg.gif);
 border-right: 1px solid #66c;
 border-bottom: 1px solid #66c;
 }

#prices th.grn {
 width:300px;
 color:#330;
 padding:4px;
 background-image:url(images/row_grn_bg.gif);
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 }

#prices td.blu {
 color:#003;
 padding:4px;
 background-image:url(images/row_blu_bg.gif);
 border-right: 1px solid #66c;
 border-bottom: 1px solid #66c;
 }

#prices td.grn {
 color:#330;
 padding:4px;
 background-image:url(images/row_grn_bg.gif);
 border-right: 1px solid #996;
 border-bottom: 1px solid #996;
 }

ul {
 clear:both;
 }


/* Support Submenu */

#supmenu {
 position:relative;
 float:left;
 font-size:small;
 font-weight:bold;
 margin-bottom:20px;
 }

#supmenu a {
 position:relative;
 float:left;
 height:20px;
 width:170px;
 color:#fff;
 background-color:#993;
 margin:3px;
 padding:3px;
 }

#supmenu a:hover {
 background-color:#369;
 }

/*Menu styles*/

div#mastmenu a:hover {
 color: #036;
 background-image: url(images/top_hover_bg.gif); 
 background-repeat: repeat-x;
 }

div#mastmenu a {
 position:relative;
 float:left;
 display: block;
 height:36px;
 padding:1px 15px 0px 15px;
 margin: 0px;
 border-width: 0; 
 text-decoration: none;
 color: #cc6;
 font-size: small;
 line-height:2;
 }

div#mainmenu a:hover {
 color: #fff;
 background-color:#369;
 border-bottom:1px solid #fff;
 }

div#mainmenu a {
 display: block;
 height:20px;
 width:200px;
 padding:2px 0px 2px 10px;
 margin: 0px 2px 0px 2px;
 border-bottom: 1px dotted #cc9; 
 text-decoration: none;
 color: #993;
 font-size: small;
 }


div#sidemenu a {
 display: block;
 height:15px;
 width:100px;
 padding:2px 0px 2px 10px;
 margin: 0px 2px 0px 2px;
 border-bottom: 1px dotted #cc9; 
 text-decoration: none;
 color: #993;
 font-size: x-small;
 }

div#sidemenu a:hover {
 color: #fff;
 background-color:#369;
 border-bottom:1px solid #fff;
 }

div#sidemenu a.current {
 color: #fff;
 background-color:#369;
 border-bottom:1px solid #fff;
 }

/*End Menu Styles*/
