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

body { background:url(../images/bkgrnd.jpg) repeat-x; height:167px; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}

/* Navigation
-------------------------------------------*/
#header-container { margin:auto; padding:0; width:950px;}
#logo {height:150px; padding:0; margin:0; float:left; padding-right:20px;}
#nav-bkgrnd { background:url(../images/nav-bkgrnd.jpg) no-repeat right; height:46px; float:right; margin:55px 0 0 0;}
#navlist{margin:0 0 0 0; padding:14px 0 0 0; width:385px; text-align:center;}
#navlist ul, #navlist li{margin:0 5px 0 0; padding: 0; display: inline; list-style-type: none;}
#navlist a:link, #navlist a:visited{font:14px; line-height: 14px; margin: 0 2px 4px 10px; text-decoration: none; color: #f7f7f7; text-transform:uppercase; font-weight:bold;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{background: transparent; color: #8dadd1;}
#navlist a:hover { color:#8dadd1; text-decoration: none;}


/* Homepage
-------------------------------------------*/
#homepage-bkgrnd {margin:0; padding:0; clear:both; background:url(../images/gradient.jpg); height:375px;}
#homepage-container {width:900px; margin:auto; padding:0; text-align:center; padding-top:25px;}
#homepage-container h1 {font-size:24px; font-weight:normal; padding-top:5px; color:#8dadd1; margin:0; padding:5px 0 0 0;}
#homepage-container h2 {font-size:14px; font-weight:normal; color:#888888; margin:0; padding:0 0 0 0;}


/* Level TWO 
-------------------------------------------*/
#level2-container {width:925px; margin:auto; padding:0; clear:both; }
#level2-container h1 {margin:0; padding:40px 0 0 0; color:#8dadd1; font-size:38px; font-weight:normal; line-height:40px;}
#level2-container h2 {margin:0; padding:10px 0 20px 0; color:#888888; font-size:18px; font-weight:normal; line-height:24px;}
#level2-container h3 {font-size:18px; font-weight:normal; color:#7aa3cd; margin-top:20px; padding:0; text-transform:none;}

/* Websites */
#website-portfolio {width:920px; margin:0 auto 20px auto; border-top:1px #ececec solid; border-bottom:1px #ececec solid; padding:10px 0 10px 0; float:left;}
#website-portfolio ul {list-style:none; margin:0; padding:0;}
#website-portfolio li {display:inline; padding-right:15px;}
#website-portfolio a {color:#7aa3cd; font-weight:normal; text-decoration:none;}
#website-portfolio a:hover {text-decoration:underline;}

.website-box {margin:20px 0 20px 0; padding:0 0 15px 0; display:block; width:440px; background-color:#ffffff; border:solid 1px #ececec; }
#website-left { width:445px; float:left; }
#website-left h4 {margin:0; padding:10px 0 0 30px; font-size:12px; }
#website-left img {margin:0; padding:0 0 0 25px;}
#website-left a {color:#7aa3cd; font-weight:normal; text-decoration:none;}
#website-left a:hover {text-decoration:underline;}

#website-right {width:445px; float:right;}
#website-right h4 {margin:0; padding:10px 0 0 30px; font-size:12px;}
#website-right img {margin:0; padding:0 0 0 25px;}
#website-right a {color:#7aa3cd; font-weight:normal; text-decoration:none;}
#website-right a:hover {text-decoration:underline;}

/* BANNER */
.banner-margin {padding:0 0 10px 20px;}

/* CONTACT */
#contact-container {width:925px; margin:auto; padding:0; clear:both; }
#contact-left { width:510px; float:left; padding-bottom:20px;}
#contact-left  h1 {color:#8dadd1; margin:0; padding:40px 0 10px 0;}

#contact-right {width:350px; float:right; padding-top:105px;}
#contact-right  h2 {color:#8dadd1; margin:0; padding:5px 0 0 0; font-size:14px;}

form {padding:0 0 0 0;}
input  {border: 5px solid #e3ecf4; padding: 5px; font-size: 16px; color: #999; margin: 0 0 8px 0;}
textarea {border: 5px solid #e3ecf4; padding: 5px; font-size: 16px; color: #999; font: 100% "helvetica neue", helvetica, lucida grande, verdana, arial, sans-serif;}
th { font-size:14px; color:#888888;}
.no-border { border:none;}

a.contact:link { color:#333333; font-size:14px; font-weight:normal; text-decoration:none;}
a.contact:visited { color:#333333; font-size:14px; font-weight:normal; text-decoration:none; }
a.contact:hover { color:#8dadd1; font-size:14px; font-weight:normal; text-decoration:none;}
a.contact:active {color: #333333;} 

/* THANK YOU */
#thankyou-container {width:925px; margin:auto; padding:0; clear:both; }
#thankyou-left {width:600px; float:left; padding-bottom:20px;}
#thankyou-left h1 {color:#8dadd1; padding-top:25px;}
#thankyou-left h2 {color:#888888; padding-top:0;}
#thankyou-left h3 {color:#8dadd1; margin:0; padding:5px 0 0 0; font-size:14px;}
#thankyou-right {width:238px; float:right;}


/* GOODIES */
.h4-goodies{margin:0; padding:25px 0 0 20px; color:#888888; font-size:14px; font-weight:normal; text-transform:uppercase;}
.p-goodies {margin:0; padding:0 0 5px 22px; font-size:14px; color:#888888; width:450px;}

a.goodies:link { color:#8dadd1; font-size:14px; font-weight:normal; text-decoration:none;}
a.goodies:visited { color:#8dadd1; font-size:14px; font-weight:normal; text-decoration:none;}
a.goodies:hover { color:orange; font-size:14px; font-weight:normal; text-decoration:none;}
a.goodies:active {color: #8dadd1;} 


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}/* Hide from IE Mac \*/.clearfix {display:block;}/* End hide from IE Mac */
img { border:none;}
p {margin:0; padding:0 0 5px 0;}

/* FOOTER */
#footer-bkgrnd {margin:0; padding:0; background-color:#181818; padding-bottom:85px; clear:both;}
#footer-container { background:url(../images/footer-bkgrnd.jpg); height:413px; margin:auto;}
#button-container {margin:auto; padding:0; width:900px;}
#button-bkgrnd { background:url(../images/button-bkgrnd.png); width:252px; height:43px;}
#button-left { width:300px; float:left; margin:0 0 0 0; padding:25px 35px 0 0;}
#button-center {width:252px; float:left; margin:0 0 0 0; padding:25px 0 0 0;}
#button-right {float:right; margin:0 0 0; padding:25px 0 0 0;}
.button-header {margin:0; padding:10px 0 0 20px;}
.button-white{ color:#f7f7f7; font-weight:bold; font-size:18px;}
.button-blue { color:#8dadd1;font-weight:bold; font-size:18px;}
.footer-paragraph { margin:0 53px 0 15px; padding:10px 0 0 0; color:#f7f7f7; font-weight:normal;}
.ul-footer { list-style:none;  margin:10px 0 0 15px; padding:0 0 0 0; color:#8dadd1; font-size:14px; line-height:24px;}

a.footer:link {color: #8dadd1; text-decoration: none; font-size:14px; }
a.footer:visited {color: #8dadd1; text-decoration: none; font-size:14px; }
a.footer:hover {color: orange; text-decoration: underline; font-size:14px; }
a.footer:active {color: #8dadd1; }