body { background-color: #e0e9f1; background: url(images/body_bg.gif) #e0e9f1 repeat-x; color: #153757; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; padding: 0; text-align: center; }

a, a:link, a:visited, a:active { color: #226fbb; text-decoration: none; }

a:hover { color: #153757; }

.clear { clear: both; }

.gone { display: none; }

#container { background: #ffffff; margin: 0 auto 0 auto; text-align: left; width: 770px; }

#wrapper { background: #ffffff; padding: 0 10px 0 10px; }

#wrappertl { background: url(images/wrapper_t.gif) no-repeat; font-size: 0; height: 10px; }

#wrappertr { background: url(images/wrapper_t.gif) #ffffff no-repeat right; font-size: 0; }

#wrapperbl { background: url(images/wrapper_b.gif) no-repeat; font-size: 0; height: 10px; }

#wrapperbr { background: url(images/wrapper_b.gif) #ffffff no-repeat right; font-size: 0; }

#header { padding-bottom: 6px; }

#header a, #header { background: #FFFFFF url(images/header_logo.gif) no-repeat; display: block; font-size: 0; height: 44px; width: 384px; }

#header a span, #header span, #header span { display: none; }

#header2 { padding-bottom: 0px; }

#header2 a, #header2 { background: #FFFFFF url(http://livehelp.dino-hosting.com/live/icon.php) no-repeat; display: block; float: right; font-size: 0; height: 44px; width: 107px; }

#header2 a span, #header2 span, #header2 span { display: none; }

#headernav { background: url(images/headernav_bg.gif) #153757 repeat-x 0px -60px; color: #ffffff;  height: 30px; }

#headernavl { background: url(images/headernav_bg.gif) no-repeat; height: 30px; }

#headernavr { background: url(images/headernav_bg.gif) no-repeat right; height: 30px; }

#headernav ul, #headernav2 ul { height: 30px; list-style: none; margin: 0; padding: 0; }

#headernav li, #headernav2 li { background: url(images/headernav_li_bg.gif) no-repeat right; float: left; margin: 0; padding: 0 2px 0 0; }

#headernav li a, #headernav2 li a { color: #ffffff; display: block; font: bold 12px/30px Verdana, Arial, Helvetica, sans-serif; padding: 0 15px 0 15px; text-decoration: none; text-shadow: #153757 2px 2px 2px; }

#headernav li a:hover, #headernav2 li a:hover { background: url(images/headernav_hot_bg.gif) #2d5982 repeat-x; color: #ffffff; }

#headernav .current a { background: url(images/headernav_hot_bg.gif) #2d5982 repeat-x; color: #ffffff; }

#headernav .current .current { background: url(images/headernav_hot_home_bg.gif) #2d5982 no-repeat; color: #ffffff; }

#headernav ul .home a:hover { background: url(images/headernav_hot_home_bg.gif) #2d5982 no-repeat; color: #ffffff; }

#headernav2 { background: url(images/headernav2_bg.gif) #153757 repeat-x 0px -60px; color: #ffffff;  height: 30px; }

#headernav2l { background: url(images/headernav2_bg.gif) no-repeat; height: 30px; }

#headernav2r { background: url(images/headernav2_bg.gif) no-repeat right; height: 30px; }

#headernav2 .current a { background: url(images/headernav_hot_bg.gif) #2d5982 repeat-x; color: #ffffff; }

#headernav2 .current .current { background: url(images/headernav2_hot_home_bg.gif) #2d5982 no-repeat; color: #ffffff; }

#headernav2 ul .home a:hover { background: url(images/headernav2_hot_home_bg.gif) #2d5982 no-repeat; color: #ffffff; }

#headercontent { background: url(images/headercontent_bg.jpg) #2d5982 repeat-x 0px -218px; clear: both; color: #cee0f2; height: 109px; }

#headercontentl { background: url(images/headercontent_bg.jpg) no-repeat; height: 99px; padding: 10px 10px 0 10px; }

#headercontentr { background: url(images/headercontent_bg.jpg) no-repeat right; }

#headercontent h3, #subheadercontent h3, #subheadercontent2 h3 { color: #ffffff; font: bold 14px/14px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; text-shadow: #153757 2px 2px 2px; }

#headercontent ul, #subheadercontent ul, #subheadercontent2 ul { list-style: none; margin: 0; padding: 0; }

#headercontent ol, #subheadercontent ol, #subheadercontent2 ol { list-style: none; margin: 0; padding: 0; }

#headercontent ol li, #subheadercontent ol li, #subheadercontent2 ol li { line-height: 17px; margin: 0 15px 0 5px; background: none; padding: 0; float: left; }

#headercontent li, #subheadercontent li, #subheadercontent2 li { line-height: 17px; margin: 0 0 0 5px; background: url(images/headercontent_li.gif) no-repeat left; padding: 0 0 0 11px; }

#headercontent a, #subheadercontent a, #subheadercontent2 a, #subheadercontent2 #navlink { color: #FFFFFF; text-decoration: underline; }

#headercontent a:hover, #subheadercontent a:hover, #subheadercontent2 a:hover, #subheadercontent2 #navlink:hover { color: #cee0f2; text-decoration: underline; }

#subheadercontent p { font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 15px 0; text-align: justify; }

#subheadercontent { background: url(images/subheadercontent_bg.jpg) #2d5982 repeat-x 0px -218px; color: #cee0f2; height: 109px; }

#subheadercontentl { background: url(images/subheadercontent_bg.jpg) no-repeat; height: 99px; padding: 10px 10px 0 10px; }

#subheadercontentr { background: url(images/subheadercontent_bg.jpg) no-repeat right; }

#subheadercontent2 { background: url(images/subheadercontent2_bg.jpg) #2d5982 repeat-x 0px -108px; color: #cee0f2; height: 54px; }

#subheadercontent2l { background: url(images/subheadercontent2_bg.jpg) no-repeat; height: 44px; padding: 10px 10px 0 10px; }

#subheadercontent2r { background: url(images/subheadercontent2_bg.jpg) no-repeat right; }

#mainpackages { padding-top: 1px; }

#mainpackages dl { list-style: none; margin: 10px; padding: 0; }

#mainpackages dt { font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }

#mainpackages dt span { color: #336699; margin-left: 50px; }

#mainpackages dd { color: #336699; font: normal 11px/21px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 2px 0 0 0; }

#mainpackages dd span { background: url(images/mainpackages_li.gif) no-repeat left; display: block; padding-left: 10px; }

#mainpackages .none, #mainpackages #pleft .none, #mainpackages #pmid .none, #mainpackages #pright .none  { background: none; }

#mainpackages #pleft { background: url(images/pleft_bg.jpg) #c0d0dd no-repeat; float: left; height: 140px; width: 249px; }

#mainpackages #pleft dd { background: url(images/pleft_sep.gif) no-repeat top center; }

#mainpackages #pmid { background: url(images/pmid_bg.jpg) #bbccdc no-repeat; float: left; height: 140px; margin: 0 1px 0 1px; width: 250px; }

#mainpackages #pmid dd { background: url(images/pmid_sep.gif) no-repeat top center; }

#mainpackages #pright { background: url(images/pright_bg.jpg) #aec1d4 no-repeat; float: left; height: 140px; width: 249px; }

#mainpackages #pright dd { background: url(images/pright_sep.gif) no-repeat top center; }

.porderbuttons { height: 24px; margin: 0 0 0 31px; width: 188px; }

.porderbuttons a span { display: none; }

.porderbuttons .pmoredetails { background: url(images/p_button.gif) no-repeat 0px 0px; display: block; float: left; height: 24px; width: 94px; }

.porderbuttons .pmoredetails:hover { background: url(images/p_button.gif) no-repeat 0px -24px; }

.porderbuttons .pordernow { background: url(images/p_button.gif) no-repeat -94px 0px; display: block; float: left; height: 24px; width: 94px; }

.porderbuttons .pordernow:hover { background: url(images/p_button.gif) no-repeat -94px -24px; }

#content { clear: both; padding: 20px 10px 10px 10px; min-height: 200px }

#content2 { clear: both; padding: 20px 0px 10px 0px; }

#content h2, #content2 h2 { color: #2d5982; font: bold 16px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; }

#content h3, #content2 h3 { color: #2d5982; font: bold 12px/12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; padding: 0; }

#content p, #content2 p { font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 15px 0; text-align: justify; }

#content .cc { background: url(images/cc_icons.gif) no-repeat; height: 18px; display: block; margin: 30px 0 15px 0; }

#content .cc span { display: none; }

#content #main { float: left; margin: 0 21px 0 0; width: 480px; }

#content #sidebar { float: left; width: 229px; }

#content #sidebar ul { list-style: none; margin: 0 0 15px 0; padding: 0; }

#content #sidebar li { line-height: 17px; margin: 0 0 0 2px; padding: 0 0 0 12px; background: url(images/headercontent_li.gif) no-repeat left; color: #a6b5c7 }

.tableborder { }

.tablebordert { background: #d0d9e2 url(images/packages_th_bg.gif) repeat-x 0px -44px; border-bottom: 1px solid #d0d9e2; }

.tablebordertl { background: url(images/packages_th_bg.gif) no-repeat; line-height: 22px; }

.tablebordertr { background: url(images/packages_th_bg.gif) no-repeat right; }

.tableborderl { background: url(images/packages_lr.gif) repeat-y left; padding-left: 1px; }

.tableborderr { background: url(images/packages_lr.gif) repeat-y right; padding-right: 1px; }

.tableborderb { background: url(images/packages_b.gif) repeat-x 0px -12px; font-size: 0; }

.tableborderbl { background: url(images/packages_b.gif) no-repeat; height: 6px; }

.tableborderbr { background: url(images/packages_b.gif) no-repeat right; }

.tablebordert th { padding: 0 5px 0 5px; line-height: 22px; text-shadow: #FFFFFF 2px 2px 0px; }

.tableborderl th { padding: 4px 5px 0px 5px;  border-top: 1px solid #d0d9e2; }

.tableborder .alt1 { background: #eff4f8; }

.tableborder .alt2 { background: #ffffff; }

.normal { font-weight: normal; }

hr { background: #f3f5f7; margin: 0; padding: 0; border: 1px solid #ced7e1; font-size: 0; height: 1px; }

#tuts dl { margin: 0 0 25px 0; padding: 0; list-style: none; }

#tuts dl dt { font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; margin: 0 15px 5px 0; padding: 0; border-bottom: 1px solid #f1f5f8; }

#tuts dl dd { margin: 0 0 0 5px; padding: 0 0 0 10px; background: url(images/mainpackages_li.gif) no-repeat left; }

#tuts dl dd a { display: block; font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif; padding: 0 5px 0 5px; }

.nfo { margin: 0 0 10px 0; padding: 0; list-style: none; }

.nfo dt { font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif; color: #226fbb; border-bottom: 1px solid #f1f5f8; margin: 0; padding: 0; }

.nfo dd { margin: 0; padding: 0; font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif; color: #666666 }

#footernav { background: url(images/footernav_bg.gif) #ced7e1 repeat-x 0px -56px; clear: both; }

#footernavl { background: url(images/footernav_bg.gif) no-repeat; padding-left: 2px; }

#footernavr { background: url(images/footernav_bg.gif) no-repeat right; padding-right: 9px; }

#footernav ul { height: 28px; list-style: none; margin: 0; padding: 0; }

#footernav li { background: url(images/footernav_li_bg.gif) no-repeat right; float: left; margin: 0; padding: 0 3px 0 1px; }

#footernav li a { color: #153757; display: block; line-height: 28px; padding: 0 10px 0 10px; text-decoration: none; }

#footernav li a:hover { background: url(images/footernav_hot_bg.gif) #f1f5f8 repeat-x; color: #336699; }

#footernav .current a { background: url(images/footernav_hot_bg.gif) #f1f5f8 repeat-x; color: #336699; }

#footernav .current .current { background: url(images/footernav_hot_home_bg.gif) #f1f5f8 no-repeat; color: #336699; }

#footernav ul .home a:hover { background: url(images/footernav_hot_home_bg.gif) #f1f5f8 no-repeat; color: #336699; }

#footernav ul #ftop { background: transparent; float: right; margin: 0; padding: 0; }

#footernav ul #ftop a { background: url(images/footernav_top.gif) no-repeat; display: block; font-size: 0; height: 28px; padding: 0; width: 23px; }

#footernav ul #ftop a span { display: none; }

#footer { background: url(images/footer_logo.gif) no-repeat left; clear: both; color: #6c809b; font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; height: 22px; margin-top: 6px; padding: 0 0 0 23px; }

a.info { position: relative; z-index: 24; cursor: help; }

a.info:hover { z-index: 25; }

a.info span { display: none; }

a.info:hover span { display: block; position: absolute; top: 0; left: 100%; width: 250px; border: 1px solid #d5d3c8; border-right-width: 2px; border-bottom-width: 2px; background: #f4f3f0 url(images/tooltip_info.gif) no-repeat; text-align: left; padding: 3px 4px 3px 20px; font-size: 10px; line-height: 130%; color: #767570 }

h2#post { margin: 0; padding: 0 0 2px 0; font: bold 16px/150% Tahoma, Verdana, Arial, Helvetica, sans-serif; }

p#post { margin: 0; padding: 0 0 15px 0; font: normal 12px/160% Verdana, Arial, Helvetica, sans-serif; text-align: justify; }



div.contact_form  em.error, div.contact_form form em { color: #FF0000; }

div.contact_form div.error { margin-bottom: 15px; }


#twitter {
float: right;
position: relative;
right: 0px;
top: -150px;
margin-bottom: -150px;
background-image: url('images/twitter.png');
background-repeat: no-repeat;
background-position: top right;
height: 120px;
width: 105px;
cursor: pointer;
}
