@charset "utf-8";
/* Hello Goat Main CSS Document */

/* Global Styles Section */
	html {color:#fff; background-color:#000;}
	body {background-color:#000; font-family:Helvetica, Verdana, Arial, Sans-Serif; font-size:100%; color:#fff; margin:0; padding:0;}
	.iePopUp {font-size: .76em; color:#000;}
	a:link {color:#fff; text-decoration:underline;}
	a:hover {color:000; text-decoration:underline;}
	a:visited {color:#fff; text-decoration:underline;}
/* End Global Styles Section */

/* Navigation Section */
	#navigation {width:970px; padding:0; margin:0;}
	#navigation ul {float: right; margin:0; padding:0; list-style:none;}
	#navigation li {float:left; height:55px; margin:0; padding:25px 5px 0px 0px;}
	#navigation li a {display: block; outline:none;}
	#navigation li a span {margin: -99999px;}

	/* Home Navigation */
		li.homeBig a {width: 141px; height: 56px; background: url(../images/homeBigNav.png) top left no-repeat;}
		li.homeSmall a {width: 99px; height: 56px; background: url(../images/homeSmallNav.png) bottom left no-repeat;}
	/* End Home Navigation */

	/* About Navigation */
		li.aboutBig a {width: 141px; height: 56px; background: url(../images/aboutBigNav.png) top left no-repeat;}
		li.aboutSmall a {width: 99px; height: 56px; background: url(../images/aboutSmallNav.png) bottom left no-repeat;}
	/* End About Navigation */
	
	/* Portfolio Navigation */
		li.portfolioBig a {width: 141px; height: 56px; background: url(../images/portfolioBigNav.png) top left no-repeat;}
		li.portfolioSmall a {width: 99px; height: 56px; background: url(../images/portfolioSmallNav.png) bottom left no-repeat;}
	/* End Portfolio Navigation */
	
	/* Blog Navigation */
		li.blogBig a {width: 141px; height: 56px; background: url(../images/blogBigNav.png) top left no-repeat;}
		li.blogSmall a {width: 99px; height: 56px; background: url(../images/blogSmallNav.png) bottom left no-repeat;}
	/* End Blog Navigation */
	
	/* Contact Navigation */
		li.contactBig a {width: 141px; height: 56px; background: url(../images/contactBigNav.png) top left no-repeat;}
		li.contactSmall a {width: 99px; height: 56px; background: url(../images/contactSmallNav.png) bottom left no-repeat;}
	/* End Contact Navigation */
/* End Navigation Section */

/* Branding Section */
	#branding {clear: both; width:970px; height:401px; background: url(../images/brandingBg.jpg) top left no-repeat; padding:0; margin:0;}
	#branding ul {margin:0; padding:0; list-style:none;}
	#branding li {float:left; margin:0; padding:30px 5px 0px 0px;}
	#branding li span {margin: -99999px;}
	#logo {background: url(../images/hgdLogo.png) bottom left no-repeat; width:556px; height:294px;}
	#brandPatch {background: url(../images/brandedPatch.png) bottom right no-repeat; width:404px; height:321px;}
/* End Branding Section */

/* Main Content Section */
	#mainContent {clear:both; width:970px; margin-top:10px; padding:0;}
	#mainContent ul {margin:0; padding:0; list-style:none;}
	#mainContent li {float:left;}
	#mainContent li h1 {position: absolute; top: 500px; left: -99999px;}
    #mainContent li h2 {position: absolute; top: 500px; left: -99999px;}
	.portfolioTitle {font-size:1.7em; font-weight:bold; line-height:35px;}
	.portfolioDescription {font-size:.85em; line-height:18px;}
/* Home Page Section */
	#welcomeText {background: url(../images/welcomeHead.png) top left no-repeat; width:335px; height:32px; font-size: .76em; line-height:18px; padding:0 0 0 20px;}
	#introText {width:314px; padding:35px 0 0 0;}
	#designHotness {background: url(../images/newDesignHead.png) top left no-repeat; width:370px; height:400px;}
	#designHotness p {padding:35px 0 0 0;}
	#featuredDesign {background: url(../images/featuredDesignsHead.png) top left no-repeat; width:169px; height:32px; padding:0; margin:0;}
    #featuredDesign p{padding:0 0 20px 0;}
	#featureOne {margin-top:45px; padding:0;}
/* End Home Page Section */
/* About Page Section */
	#aboutText {background: url(../images/aboutHead.png) top left no-repeat; width:460px; font-size:.76em; line-height:18px; padding:0 0 0 20px;}
	#aboutIntroText {width:450px; padding:35px 0 0 0;}
	dd {padding-left:20px;}
	#servicesText {background: url(../images/servicesHead.png) top left no-repeat; width:200px; font-size:.76em; line-height:18px; padding:0 0 0 20px;}
	#servicesIntroText {width:465px; padding:35px 0 0 0;}
	.serviceTitle {font-size:1.6em; color:#f90;}
/* End About Page Section */
/* Portfolio Page Section */
	#portfolioHeader {background: url(../images/portfolioHead.png) top left no-repeat; width:107px; height:33px; font-size: .76em; line-height:18px; padding:0 0 0 20px;}
        #portfolioHeader h1 {position: absolute; top: 500px; left: -99999px;}
	#porfolioContainer {height:465px;}
/* End Portfolio Page Section */
/* Contact Page Section */
	#contactText {background: url(../images/contactHead2.png) top left no-repeat; width:460px; font-size:.76em; line-height:18px; padding:0 0 0 20px;}
	#contactForm {width:750px; padding:35px 0 0 0;}
	#formLeft {float:left;}
	#formRight {padding-left:32px; float:right;}
	label {width:8em; float:left; text-align:right; margin-right:1.5em;}
	.formPadding {margin:5px; padding:5px;}
	.contactInput {float:left; margin:0;}
	.submit {float:right;}
	input {background: url(../images/inputBg.png) top left no-repeat; border:1px solid #f90;}
	.submitBtn {background:#000; border:none;}
	textarea {float:right; border:1px solid #f90; width:450px; height:80px;}
	#thankYouText {background: url(../images/thankYouHead.png) top left no-repeat; width:860px; font-size:.76em; line-height:18px; padding:0 0 0 20px;}
	#thankYouIntroText {width:850px; padding:35px 0 0 0;}
	
	
/* End Contact Page Section */

/* End Main Content Section */

/* Footer Section */
	#footer {clear: both; width:970px; height:100px; margin:0; padding:0;}
	#footer ul {margin:0; padding:0; list-style:none;}
	#footer li {float:left;}
	#footer li h3 {position: absolute; top: 500px; left: -99999px;}
	#contactUs {background: url(../images/contactHead.png) top left no-repeat; width:154px; height:30px; font-size: .76em; line-height:18px; padding:0 0 0 20px;}
	#email {width:154px; padding:35px 0 0 0;}
        #email img {margin:0 0 7px 0;}
	#phone {width:154px; padding:8px 0 0 0;}
        #phone img {margin:0 0 7px 0;}
	#contactUs img {padding-right:3px;}
	#followUs {background: url(../images/followHead.png) top left no-repeat; width:154px; height:30px; font-size: .76em; line-height:18px; padding:0;}
	#rss {width:154px; padding:8px 0 0 0;}
        #rss img {margin:0 0 7px 0;}
	#twitter {width:154px; padding:35px 0 0 0;}
        #twitter img {margin:0 0 7px 0;}
	#followUs img {padding-right:3px;}
	#aboutUs {background: url(../images/aboutFooterHead.png) top left no-repeat; width:214px; height:30px; font-size: .76em; line-height:24px; padding:0;}
	#about {width:640px; padding:35px 0 0 0;}
	#about b{font-size: 1.2em;}
	.divider {position:relative; clear:both; width:970px; margin:0 0 10px 0; padding:0;}
	#copyright{float:left;color:#444; font-size:.70em; padding:0 0 30px 20px; margin-bottom:20px;}
	#wordPressLove{float:left; color:#444; font-size:.70em; padding:0 0 30px 20px; margin-bottom:20px;}
/* End Footer Section */