/* Global Styles
----------------------------------------- */
* { margin: 0; padding: 0; } /* global reset of all styles */
html { height: 100%; margin-bottom: 1px; }
body { text-align: center; color: #333; background: #86AA4A url(/images/body_bg.gif) 0 0 repeat; font-family:Verdana, Geneva, sans-serif; font-size: 0.8em; }
ul, li { list-style:none; }
img { border: none; }
h1 {  }
h2 {  }
h3 { font-size: 120%; color:#588224; }
p { margin: 0em 0; line-height: 1.3; }
a { color: #36c; background-color:inherit; text-decoration: underline; }
a:hover { color: #666; background-color:inherit; text-decoration: none; }

.didyouknow { border:1px solid #ccc; background: #eee; color: #666; font-size: 85%; line-height: 1.4em; padding: 15px; }

/* Wrapper
----------------------------------------- */
#wrapper { margin: 0 auto; width: 775px; border:1px solid #000; background-color: #fff; }

/* Images
----------------------------------------- */
img.logo { width:164px; height: 95px; }
img.linkcreative { width: 56px; height: 20px; vertical-align:middle; }
img.reseller { width: 125px; height: 73px; vertical-align:middle; }

/* Header
----------------------------------------- */
#header { padding: 0px 0px 5px 0px; margin:0 auto; color: inherit; font-size: 90%;}

/* Logo
----------------------------------------- */
#logo { float:left;}

/* Contact
----------------------------------------- */
#contact {float:right; color: #333; text-align:left; padding: 10px 20px; }

/* Top Nav
----------------------------------------- */
#topnav { text-align: center; padding: 3px 0 3px 0; width: 775px; margin:0 auto; color: inherit; background: #86AA4A url(/images/topnav_bg.gif) left bottom repeat-x; border-top: 1px solid #000; border-bottom: 1px solid #000; }

#topnav li { display: inline; }
#topnav li.first { background: none; padding-left: 0; }
#topnav li a { color: #fff; font-weight:bold; background-color: inherit; text-decoration: none; padding: 2px 20px; border-left: 0px solid #000; }
#topnav a:hover { color:#000; }

/* Content
----------------------------------------- */
#content { color: #333; text-align:left; }
#picture { float: left; width: 170px; padding: 10px 5px; }
#maincopy { float: left; width:370px; padding: 10px; text-align:justify; border-left: 0px dotted #999; border-right: 0px dotted #999; }
#maincopy li { background: url('/images/bullet.gif') no-repeat 0 2px; padding: 0 0 5px 25px; font-size:90%; margin: 10px 0px;}

#maincopy2 { border:1px solid #f00; float: left; width:500px; padding: 10px; text-align:justify; border-left: 0px dotted #999; border-right: 0px dotted #999; }

/* Contact
----------------------------------------- */
#reseller { width: 152px; padding: 5px; font-size: 80%; }

/* Feed
----------------------------------------- */
#feed { float:left; width: 170px; background-color:#e5eed6; border: 1px solid #588224; margin: 10px 0px 0 10px; padding: 5px; font-size:80%; }
#feed p { margin-top: 10px; margin-bottom: 10px;}
#feedtitle { background-color:#588224; color:#fff; font-size: 120%; font-weight:bold; padding: 2px; text-align:center; }
.titlefield { text-decoration: none; font-family:Verdana, Geneva, sans-serif; font-weight: bold; }
.titlefield { color:#060; }
.labelfield { color:brown; font-size: 90%; }
.datefield { color:#86AA4A; }

/* Footer
----------------------------------------- */
#footer { background: #fff url(/images/footer_bgs.jpg) 0 0 repeat-x; border-top: 1px solid #eee; color: inherit; margin:0 auto; padding: 5px 0; text-align: center; width: 775px;}
#footer li { display: inline; }
#footer li.first { background: none; padding-left: 0; }
#footer li a { color: #999; background-color: inherit; text-decoration: none; padding: 2px 10px; font-size: 90%;}
#footer a:hover { color:#000; }
#footer p { font-size: 80%; color: #999; line-height: 2em; }

/* --------------- Login Box --------------- */
#tlogin { border: 1px solid #ccc; text-align: center; width: 350px; }
#tlogin input { border:1px solid #ccc; font-size: 90%; width: 150px; }
.user1 { padding: 7px; width: 150px; text-align: right; }
.user2 { width: 150px; text-align: left; }
.pass1 { padding: 7px; width: 150px; text-align: right; }
.pass2 { width: 150px; text-align: left; }
.loginbut { border:1px solid #000; margin: 10px; padding: 2px; text-align: center; width: 150px; }


/* Tools
----------------------------------------- */
.submit { vertical-align: middle; width: 46px; height: 13px; }

#toolwhois { width: 340px; background-color:#efefef; border:1px solid #000; }
#toolwhois p { font-size: 80%; padding: 5px; }
#toolwhois input { font-size: 80%; border:1px solid #ccc; }
#toolwhoistitle { background-color:#588224; color:#fff; font-size:90%; font-weight:bold; padding: 2px; margin-bottom:10px; text-align:center; }

#tooldns { width: 340px; background-color:#efefef; border:1px solid #000; }
#tooldns p { font-size: 80%; padding: 5px; }
#tooldns input,select { font-size: 80%; border:1px solid #ccc; }
#tooldnstitle { background-color:#588224; color:#fff; font-size:90%; font-weight:bold; padding: 2px; margin-bottom:10px; text-align:center; }

#toolrdns { width: 340px; background-color:#efefef; border:1px solid #000; }
#toolrdns p { font-size: 80%; padding: 5px; }
#toolrdns input { font-size: 80%; border:1px solid #ccc; }
#toolrdnstitle { background-color:#588224; color:#fff; font-size:90%; font-weight:bold; padding: 2px; margin-bottom:10px; text-align:center; }

#toolip { width: 340px; background-color:#efefef; border:1px solid #000; }
#toolip p { font-size: 80%; padding: 5px; }
#toolip input { font-size: 80%; border:1px solid #ccc; }
#tooliptitle { background-color:#588224; color:#fff; font-size:90%; font-weight:bold; padding: 2px; margin-bottom:10px; text-align:center; }

#tooltrace { width: 340px; background-color:#efefef; border:1px solid #000; }
#tooltrace p { font-size: 80%; padding: 5px; }
#tooltrace input { font-size: 80%; border:1px solid #ccc; }
#tooltracetitle { background-color:#588224; color:#fff; font-size:90%; font-weight:bold; padding: 2px; margin-bottom:10px; text-align:center; }

/* Self Cleared Floats
----------------------------------------- */
#wrapper:after,
#header:after,
#logo:after,
#contact:after,
#content:after,
#picture:after,
#maincopy:after,
#feed:after,
#footer:after,
#topnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }