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

body {margin: 0; padding: 0; background-color: #00140a; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999;}

/* Layout */
#wrapper {width: 778px; border-left: 1px solid #339966; border-right: 1px solid #339966; margin: 0 auto;}
#header {position: relative; width: 100%; height: 40px; background: url(images/hdrbg.jpg) repeat-x; border-bottom: 1px solid #669999;}
#content {width: 778px; background-color: #000000;}
#bodylt {width: 579px; margin: 0; padding: 10px; float: left; background-image: url(images/bdybg.jpg); background-position: bottom; background-repeat: repeat-x; background-color: #000000;  border-right: 1px solid #000000;}
#bodyrt {width: 158px; margin: 0; padding: 10px; float: left; background-color: #000000;}
#emailform {width: 758px; margin: 0; padding: 10px; float: left; background-image: url(images/bdybg.jpg); background-position: bottom; background-repeat: repeat-x; background-color: #000000;}
#portfoliobdy {width: 758px; margin: 0; padding: 10px; float: left; background-image: url(images/bdybg.jpg); background-position: bottom; background-repeat: repeat-x; background-color: #000000;}
#footer {width: 100%; clear: both; border-top: 1px solid #339966; border-bottom: 1px solid #339966; background-image: url(images/ftrbg.jpg); background-repeat: repeat-x; background-color: #000000;text-align:center;}

/* Header Image */
div#header h1 {margin: 0;}
div#header h1 a {display: block; float: left; width: 315px; height: 40px; background: url(images/cglogo.jpg) top no-repeat;}
div#header h1 a span {display: none;}

/* Planet Images */
h2#planet {float: left; width: 778px; height: 259px; background: url(images/planetimage.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#planet span {display: none;}
h2#emailplanet {float: left; width: 778px; height: 148px; background: url(images/planetimage2.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#emailplanet span {display: none;}
h2#serviceplanet {float: left; width: 778px; height: 148px; background: url(images/cgservicesbnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#serviceplanet span {display: none;}
h2#webplanet {float: left; width: 778px; height: 148px; background: url(images/cgwebdesignbnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#webplanet span {display: none;}
h2#graphicplanet {float: left; width: 778px; height: 148px; background: url(images/cggdesignbnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#graphicplanet span {display: none;}
h2#photoplanet {float: left; width: 778px; height: 148px; background: url(images/cgphotobnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#photoplanet span {display: none;}
h2#seoplanet {float: left; width: 778px; height: 148px; background: url(images/cgseobnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#seoplanet span {display: none;}
h2#portfolioplanet {float: left; width: 778px; height: 148px; background: url(images/cgportfoliobnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#portfolioplanet span {display: none;}
h2#mapplanet {float: left; width: 778px; height: 148px; background: url(images/cgmapbnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#mapplanet span {display: none;}
h2#newsletterplanet {float: left; width: 778px; height: 148px; background: url(images/newsletterbnr.jpg) no-repeat; margin: 0; border-bottom: 1px solid #669999;}
h2#newsletterplanet span {display: none;}
h2.portfolio {text-align: center; font-size: 100%; color: #339966;}

/* Lists */
ul {list-style-type: circle; margin: 1em 1em 2em 7em; padding: 0; font-size: 10pt; line-height: 1.25em;}
ul.portlist {list-style-type: none; width: 715px; margin: 0; padding: 0;}
ul.portlist li {position: relative; width: 100%; margin: 10px; padding: 10px; border: 1px solid #339966; background-color: #000000;}

/*Navigation */
ul#topnav {position: absolute; list-style-type: none; right: 0; top: 0; margin: 0; padding: 0;}
ul#topnav li {display: inline; margin: 0; padding: 0;}
ul#topnav li a {display: block; height: 40px; float: left; background-repeat: no-repeat; background-position: top;}
ul#topnav li a span {display: none;}
ul#topnav li a#tn1 {background-image:url(images/dservices.jpg); width: 183px;}
ul#topnav li a#tn2 {background-image:url(images/pfolio.jpg); width: 120px;}
ul#topnav li a#tn3 {background-image:url(images/contact.jpg); width: 99px;}
ul#topnav li a:hover {background-position: 0 -40px;}

ul#bnav {position: relative; list-style-type: none; margin: 0; padding: 1em; font-size: 8pt;}
ul#bnav li {display: inline; margin: 0; padding: 0px 10px 0px 5px;}
ul#bnav li#bn1, li#bn2, li#bn3, li#bn4 {border-right: solid 1px #999999;}

/* Text */
p {font-size: 10pt; line-height: 1.25em;}
p#ctr {font-size: 10pt; line-height: 1.25em; text-align: center;}
p#btn2 {text-decoration: none; padding: 0 .3em .1em .3em; border: 1px solid #999999; text-align: center;}
p#btn2:hover {text-decoration: none; background-color: #333333;}
span#cgtextsm {color: #339966;}
span#cgtextlg {font-size: 12pt; color: #339966;}
span.ptext {font-size: 10pt; color: #339966;}
#copyright {font-size: 8pt; padding: 2em 0 3em 0;}

/* Links*/
a:link {text-decoration: none; color: #999999;}
a:visited {text-decoration: none; color: #999999;}
a:hover {text-decoration: underline; color: #33CC99;}

a#btn {text-decoration: none; padding: 0 .3em .1em .3em; border: 1px solid #999999;}
a#btn:hover {text-decoration: none; background-color: #333333;}

/* Images*/
img {border: none;}
img#portimg {float: left; padding-left: 20px; padding-right: 30px;}

/* Form Declarations */
label, label span {display: block; padding-bottom: .25em;}
label {float: left; width: 75%;}
label span {float: left; width: 45%; text-align: right; padding-right: 5px;}
fieldset input {float: left; width: 45%; border: 1px solid #999999;}
fieldset input:hover {border-color: #339966;}
fieldset input:active, input:focus {border-color: #339966;}
fieldset textarea {float: left; width: 45%; border: 1px solid #999999; wrap: virtual;}
fieldset textarea:hover {border-color: #339966;}
fieldset textarea:active, textarea:focus {border-color: #339966;}
fieldset {padding: 20px; border: 0px; overflow: hidden;}
form div {clear: both; margin-bottom: 20px; padding: 0px 20px; text-align: center;}
form div input {padding: 0px .25em; background-color: #339966; border: 2px double #006633; border-top-color: #33CC66; text-transform: uppercase;}
form div input:hover {background-color: #33CC66;}