/*   r e s e t ,  p l e a s e   */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img { 
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym { border:0;
}



/* base.css, part of YUI's CSS Foundation */
h1 {
/*18px via YUI Fonts CSS foundation*/
font-size:138.5%;  
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%; 
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;  
}
h1,h2,h3 {
/* top & bottom margin based on font size */
margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:bold; 
}
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor:help;
} 
em {
/*bringing italics back to the em element*/
font-style:italic;
}
blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin:1em;
}
ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left:2em;
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;	
}
ul li {
/*giving UL's LIs generated disc markers*/
list-style: disc outside;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left:1em;
}
th,td {
/*borders and padding to make the table readable*/
border:0;
padding:0;
}
th {
/*distinguishing table headers from data cells*/
font-weight:bold;
text-align:center;
}
caption {
/*coordinated marking to match cell's padding*/
margin-bottom:.5em;
/*centered so it doesn't blend in to other content*/
text-align:center;
}
p,fieldset,table {
/*so things don't run into each other*/
margin-bottom: 18px;
}



/*   m i s c e l l e a n e o u s   */


body, html {
margin:0;
padding:0;	
font-family:"Helvetica Neue", Helvetica, Arial, Verdana;
font-size:12px;
line-height: 22px;
background:url(../images/racetrack.jpg) bottom center no-repeat #cbecf3;
color: #333;
}

img {
border: 0;
}

body {
padding:0 0 470px 0;	
}

a:link, a:visited {
color: #0f8075;
text-decoration: none;
}

a:hover {
color: #d4491e;
}

a.main:link, a.main:visited {
padding: 0 2px 0 2px;
color: #d4491e;
text-decoration: none;
border-bottom: 1px solid #d4491e;
}

a.main:hover {
padding: 0 2px 0 2px;
color: #f2efd4;
text-decoration: none;
border-bottom: 1px solid #d4491e;
background-color: #d4491e;
}

a.main.current {
padding: 0 2px 0 2px;
color: #f2efd4;
text-decoration: none;
border-bottom: 1px solid #d4491e;
background-color: #d4491e;
}


h1 {
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Helvetica, Arial;
font-weight: 400;
margin-bottom:60px;
font-size:48px;
color:#444;
position:relative;	
font-weight:normal;
}

h1 span {
color:#000;	
}


h2 {
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Helvetica, Arial;
font-weight: 700;
margin: 0 0 10px 0;
padding:0;
color:#037f74;
font-size:20px;
line-height: 28px;
text-shadow: 0px 1px 0px #fff;

}

h2 a {
color: #037f74;
text-decoration: none;
}

h2 a:hover {
color: #d4491e;
text-decoration: none;

}

h3 {
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Helvetica, Arial;
font-weight: 700;
margin: 0;
padding: 0;
color:#312a22;
font-size:20px;
line-height: 28px;
font-weight: bold;
text-shadow: 0px 1px 0px #fff;
}

h4 {
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Helvetica, Arial;
font-weight: 400;
margin: 0;
padding: 0;
color:#333;
font-size:17px;
line-height: 27px;
font-weight: normal;
}

.clear {
clear: both;
}

.section-spacer {
height: 2px; width: 100%; margin-top: 10px; margin-bottom: 20px; background: url(../images/section-spacer.gif) repeat-x; 
}

.section-spacer2 {
height: 2px; width: 100%; margin-top: 20px; margin-bottom: 20px; background: url(../images/section-spacer.gif) repeat-x; 
}

.section-spacer3 {
height: 2px; width: 100%; margin-top: 5px; margin-bottom: 5px; background: url(../images/section-spacer.gif) repeat-x; 
}

.back {
text-align: right;
padding-bottom: 20px;
}





/*   h e a d e r   &   n a v i g a t i o n   */


#header {
width: 100%;
height: 144px;
background:url(../images/bg-header.gif) repeat-x;		
}

#header-wrapper {
width: 980px;
margin: 0 auto;
}

#logo {
background: url(../images/logo.png) no-repeat;
width: 277px;
height: 144px;
float: left;
display: block;
text-indent: -9999px;
}

#icons {
float: right;
padding: 6px 6px 0 0;
}

#icons ul {
margin : 0;
padding : 0;
}

#icons ul li {
display : inline;
padding : 0 5px 0 0;
}



/*   t o p  n a v i g a t i o n   */


#top-navigation-wrap {
margin-left: 288px;
padding-top: 61px;
width: 656px;
height: 53px;
}

#top-navigation {
background:url(../images/nav-sprite.gif) no-repeat;
width:656px;
height:53px;
margin:0;	
padding:0;
}

#top-navigation span {
display: none;
}

#top-navigation li {
float: left;
list-style: none;
}


#top-navigation li, #top-navigation a {
height:53px;
display:block;
}

#top-navigation li {
float:left;
list-style:none;
display:inline;
}

#top-navigation-01 {width: 113px;}
#top-navigation-02 {width: 126px;}
#top-navigation-03 {width: 117px;}
#top-navigation-04 {width: 100px;}
#top-navigation-05 {width: 119px;}
#top-navigation-06 {width: 81px;}

#top-navigation-01 a:hover {background:url(../images/nav-sprite.gif) 0px -53px no-repeat; }
#top-navigation-02 a:hover {background:url(../images/nav-sprite.gif) -113px -53px no-repeat; }
#top-navigation-03 a:hover {background:url(../images/nav-sprite.gif) -239px -53px no-repeat; }
#top-navigation-04 a:hover {background:url(../images/nav-sprite.gif) -356px -53px no-repeat; }
#top-navigation-05 a:hover {background:url(../images/nav-sprite.gif) -456px -53px no-repeat; }
#top-navigation-06 a:hover {background:url(../images/nav-sprite.gif) -575px -53px no-repeat; }

#top-navigation-01:hover, #top-navigation-01 li:hover {background:url(../images/nav-sprite.gif) 0px -53px no-repeat; }
#top-navigation-02:hover, #top-navigation-02 li:hover {background:url(../images/nav-sprite.gif) -113px -53px no-repeat; }
#top-navigation-03:hover, #top-navigation-03 li:hover {background:url(../images/nav-sprite.gif) -239px -53px no-repeat; }
#top-navigation-04:hover, #top-navigation-04 li:hover {background:url(../images/nav-sprite.gif) -356px -53px no-repeat; }
#top-navigation-05:hover, #top-navigation-05 li:hover {background:url(../images/nav-sprite.gif) -456px -53px no-repeat; }
#top-navigation-06:hover, #top-navigation-06 li:hover {background:url(../images/nav-sprite.gif) -575px -53px no-repeat; }




#top-navigation li ul {	
margin-left:0;
margin-top: 0px;
padding: 0;
position: absolute;
visibility: hidden;
z-index: 10000;
}

#top-navigation li ul li {	
float: none;
display: inline }

#top-navigation li ul li a {	
width: 180px;
height: 27px;
font-size: 12px;
text-decoration: none;
color: #f2efd4;
line-height: 27px;
background: url(../images/arrow.png) no-repeat 9px center #0f8075;
padding-left: 30px;
border-bottom: 0;
border-top: 0;
}

#top-navigation li ul li a:hover {	
color: #f2efd4;
background: url(../images/arrow-down.png) no-repeat 9px center #d4491e;
padding-left: 30px;
border-bottom: 0;
}




/*   h o r s i e s   */

.horsies {
height: 205px;
background: url(../images/horsies.png) bottom center repeat-x;	
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 10000;
}


.bottom-stripes {
height: 61px;
background: url(../images/stripes.gif) bottom left repeat-x;	
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9000;

}




/*   h o m e   b o d y   */



#main-wrapper {
width: 100%;
height: 100%;	
}

.wrapper {
width: 980px;
margin: 0 auto;	
}

#mission-statement {

padding-top: 22px;
float: left;
width: 490px;
}

#mission-statement h1 {
margin: 0;
padding: 0;
font-size: 27px;
line-height: 37px;
text-shadow: 0px 1px 0px #fff;
}

#mission-statement a {
font-weight: 700;
color: #d4491e;
text-decoration: none;
}

#mission-statement a:hover {
font-weight: 700;
color: #0f8075;
text-decoration: none;
}

#slide {
margin-left: 500px;
}

.pics {
height: 220px;
}

.nav { margin: 3px 0 }
#nav a { margin: 0 auto; padding: 6px; background: url(../images/nav-off.gif) no-repeat; text-decoration: none; }
#nav a.activeSlide { background: url(../images/nav-on.gif) no-repeat; }
#nav a:focus { outline: none; }
#output { text-align: center; }
#nav { text-align: center; }



#design-intro {
float: left;
width: 300px;
text-align: left;
padding-right: 40px;

}

#design-intro h2 {
margin-bottom: 8px;
padding:0 0 0 36px;
color:#037f74;
text-shadow: 0px 1px 0px #fff;
background:url(../images/design-intro.gif) left center no-repeat;	

}

#development-intro {
float: left;
width: 300px;
text-align: left;
}

#development-intro h2 {
margin-bottom: 8px;
padding:0 0 0 36px;
color:#037f74;
text-shadow: 0px 1px 0px #fff;
background:url(../images/development-intro.gif) left center no-repeat;	

}

#marketing-intro {
float: right;
width: 300px;
text-align: left;
}

#marketing-intro h2 {
margin-bottom: 8px;
padding:0 0 0 36px;
color:#037f74;
text-shadow: 0px 1px 0px #fff;
background:url(../images/marketing-intro.gif) left center no-repeat;
}


/*   h o m e  f o r m  */

#form-padding {
padding: 10px 0 10px 0;
}

#form-padding h2 {
margin-bottom: 10px;
padding:0 0 0 45px;
color:#037f74;
text-shadow: 0px 1px 0px #fff;
background:url(../images/contact-intro.gif) left center no-repeat;
}

#form-column-0 {
float: left;
width: 150px;
text-align: left;
padding-right: 30px;
}

#form-column-1 {
float: left;
width: 190px;
text-align: left;
padding-right: 30px;
}

#form-column-2 {
float: left;
width: 190px;
text-align: left;
padding-right: 30px;
}

#form-column-3 {
float: left;
width: 200px;
text-align: left;
}

#form-column-4 {
float: right;
width: 125px;
}



fieldset.form-home {
border: none;
margin: 0;
padding-top: 2px;
}

.form-home input, .form-home button {
border: none;
float: left;
}

.form-home input.box {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 185px;
padding: 4px 7px;
margin-right: 6px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.form-home input.box:focus {
background: #e8fbff;
outline: none;
}

.form-home button.button {
width: 57px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
background: #860020 url(../images/login.gif) no-repeat top right;	
}

.form-home textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 200px;
height: 60px;
padding: 4px 7px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff;
font-weight: bold;
color: #666;
resize: none;
}

.form-home textarea:focus {
background: #e8fbff;
outline: none;
} 


/*   f o r m   r i g h t   */

fieldset.form-right {
border: none;
margin: 0;
padding-top: 2px;
}

.form-right input, .form-right button {
border: none;
float: left;
}

.form-right input.box {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 210px;
padding: 4px 7px;
margin-right: 6px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.form-right input.box:focus {
background: #e8fbff;
outline: none;
}

.form-right button.button {
width: 57px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
background: #860020 url(../images/login.gif) no-repeat top right;	
}

.form-right textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 210px;
height: 60px;
padding: 4px 7px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff;
font-weight: bold;
color: #666;
resize: none;
}

.form-right textarea:focus {
background: #e8fbff;
outline: none;
} 

select .form-right {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
width: 210px;
padding: 4px 7px;
margin-right: 6px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.send-right {
padding-top: 10px;
text-align: center;
}





/*   s e c o n d a r y   p a g e s   */

.secondary-content-wrap {
float: left;
width: 590px;
margin: 30px 40px 40px 20px;

}

.secondary-content-navigation {
width: 293px;
margin-left: 660px;
}

.secondary-content-navigation #design {
background:url(../images/bg-rightnav-design.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #develop {
background:url(../images/bg-rightnav-develop.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #market {
background:url(../images/bg-rightnav-market.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #about {
background:url(../images/bg-rightnav-about.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #contact {
background:url(../images/bg-rightnav-contact.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #blog {
background:url(../images/bg-rightnav-blog.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #mailing {
background:url(../images/bg-rightnav-mailing.gif) no-repeat;	
width: 293px;
height: 100%;
}

.secondary-content-navigation #padding {
padding: 90px 30px 20px 30px;
}



.content-wrap {
margin: 0 40px 40px 290px;
padding-top: 15px
}


.right-nav {
background: url(../images/bg-right-nav.png) no-repeat 5px center;
font-family: "proxima-nova-1","proxima-nova-2", "Helvetica Neue", Helvetica, Arial;
font-weight: 600;
font-size: 15px;
padding: 3px 0 3px 25px;
text-shadow: 0px 1px 0px #fff;
margin-bottom: 8px;

}

.right-nav a {
color: #312a22;
}

.right-nav a:hover {
color: #0f8075;
}


#current {
color: #0f8075;
background: url(../images/bg-right-nav.png) no-repeat 5px center #e8fbff;
cursor: pointer;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;  
border-bottom: 1px solid #fff;
border-top: 1px solid #aacfd7;
}

#current a {
color: #0f8075;
}



/*  o t h e r   s t u f f  */

/* portfolio imgs */

.portfolio-left {
background: url(../images/t-icon.gif) no-repeat;
width: 71px;
height: 71px;
background-position: center;
float: left;
width: 100px;
}

.portfolio-right {
text-align: left;
margin-left: 101px;
vertical-align: top;
margin-bottom: 20px;
}

.portfolio-thumb-left {
float: left;
width: 404px;
}

.portfolio-desc-left {
text-align: left;
margin-left: 404px;
vertical-align: top;
padding-top: 30px;
}

.portfolio-thumb-left2 {
float: left;
width: 300px;
}

.portfolio-desc-left2 {
text-align: left;
margin-left: 350px;
vertical-align: top;
padding-top: 60px;
}

.portfolio-desc-right {
float: left;
text-align: left;
vertical-align: top;
padding-top: 20px;
width: 240px;
}

.portfolio-thumb-right {
margin-left: 240px;
}

/* contact page form */
fieldset.form-main {
border: none;
margin: 0;
padding-top: 2px;
}

.form-main input, .form-main button {
border: none;
}

.form-main input.box {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
width: 550px;
padding: 10px 15px;
margin-right: 6px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff; 
margin-bottom: 10px;
font-weight: bold;
color: #666;
}

.form-main input.box:focus {
background: #e8fbff;
outline: none;
}

.form-main button.button {
width: 57px;
height: 23px;
cursor: pointer;
text-indent: -9999px;
background: #860020 url(../images/login.gif) no-repeat top right;	
}

.form-main textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 20px;
width: 550px;
height: 60px;
padding: 10px 15px;
border: 1px solid #aacfd7; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-webkit-box-shadow: 0 1px 1px #fff;
font-weight: bold;
color: #666;
resize: none;
}

.form-main textarea:focus {
background: #e8fbff;
outline: none;
} 

.send-right {
padding-top: 20px;
float: right;
padding-right: 50px;
}


/* blog layout */
.blog-date {
background:url(../images/bg-date.gif) no-repeat;
width: 205px;
height: 63px;
font-family: "adelle-1","adelle-2",helvetica;
font-weight: 600;
color: #f2efd4;
font-size: 25px;
line-height: 35px;
text-shadow: 0px 1px 0px #636f24;
margin-bottom: 20px;
}

.blog-date .padding {
padding: 12px 0 0 15px;
}

span.recent-post-date {
margin-left: 10px;
color: #7db2bd;
}

/*   f o o t e r   */


#footer-wrap {
padding-top: 20px;
width: 980px;
height: 100%;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 23px;
margin: 0 auto;
}

#footer {

background-color: #a6d9e4;
width: 980px;
margin: 0 auto; 
overflow: hidden;
border-bottom: 1px solid #7eb3bf;
border-top: 1px solid #ddf9ff;
}

#footer-sections-wrap {
padding: 20px;
margin: 0 auto;
}

#footer-sections-wrap h1 {
margin: 0;
padding: 0;
color: #312a22;
font-size: 18px;
line-height: 32px;
text-shadow: 0px 1px 0px #fff;
}

.footer-section-contact {
float: left;	
width: 200px;
padding-top: 5px;
padding-bottom: 20px;
background-color: transparent;
}

.footer-section-about {
float: left;	
width: 420px;
margin-right: 26px;
padding-top: 5px;
padding-bottom: 20px;
background-color: transparent;
}

.footer-section-social {
float: left;	
width: 240px;
padding: 5px 20px 20px 20px;
background-color: transparent;
background: #afdfe9;
}

.footer-section-social span {
font-size: 11px;
font-style: italic;
color: #4b828d;
margin-bottom: 10px;
}

.footer-section-contact a, .footer-section-about a, .footer-section-social a {
padding: 0 2px 0 2px;
color: #037f74;
text-decoration: none;
border-bottom: 1px solid #037f74;
}

.footer-section-contact a:hover, .footer-section-about a:hover, .footer-section-social a:hover { 
padding: 0 2px 0 2px;
color: #f2efd4;
text-decoration: none;
border-bottom: 1px solid #037f74;
background-color: #037f74;
}

.footer-section-contact a.image {
padding: 0;
color: #037f74;
text-decoration: none;
border-bottom: none;
}

.footer-section-contact h1, .footer-section-about h1, .footer-section-social h1 {
color: #fff;
font-weight: bold;
}




.bevel{
background: url(../images/footer-bevel.gif) repeat-x;
height: 2px;
width: 100%;
border: 0;
padding: 10px 0 10px 0;
}

#footer-copy {
margin-bottom: 10px;
text-align: left;
font-size: 12px;
line-height: 22px;
}

#footer-copy a {
padding: 0 2px 0 2px;
color: #037f74;
text-decoration: none;
border-bottom: 1px solid #037f74;
}

#footer-copy a:hover {
padding: 0 2px 0 2px;
color: #f2efd4;
text-decoration: none;
border-bottom: 1px solid #037f74;
background-color: #037f74;
} 

#footer-copy span {
color: #4b828d;
font-size: 11px;
line-height: 18px;

}

.footer-spacer {
height: 2px; width: 100%; margin-top: 20px; margin-bottom: 20px; background: url(../images/footer-spacer.gif) repeat-x; 
}

.footer-spacer-sm {
height: 2px; width: 90%; margin-top: 10px; margin-bottom: 10px; background: url(../images/footer-spacer.gif) repeat-x; 
}

#bottom-margin {
background: url(../images/bottom-margin.gif) no-repeat;
width: 954px;
height: 18px;
margin-bottom: 35px;
}