html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -293px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 293px; /* .push must be the same height as .footer */
}

html{-webkit-font-smoothing:antialiased;}

/* YUI Resets */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,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;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}
strong{font-weight: bold}
em{font-style: italic}

/* YUI Fonts */
body {
    font: 13px/1.231 sans-serif;
    *font-size: small; /* for IE */
    *font: x-small; /* for IE in quirks mode */
    font-family: Arial, sans-serif;
}
select, input, button, textarea {
    font: 99% sans-serif;
}
table {
    font-size: inherit;
    font: 100%;
}
pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%;
}
code {
    /* make code elements match the wp-syntax style for
	 * pre elements and the like */
    padding: 2px;
    font-size: 12px;
}

.grid-4 .hr {
    background: transparent url('../images/layout/hr-grid-4.png') no-repeat top left;
    height: 5px;
    width: 299px;
    margin: 5px 0 15px 0;
}
.hr hr { display: none; }

.hr {
    background: transparent url('../images/layout/hr.png') repeat-x left;
    height:1px;
    margin-bottom:14px;
}

.grid-8 {
    margin-right: 40px;
}



/* Base generic styles */
body, select, input, button, textarea {
    font: 14px/24px Arial, sans-serif;
    color: #455367;
    font-weight: 300;
}
a:link, a:visited {
    color: #4a7db2;
}
a:hover, a:active {
    text-decoration: none;
}
h1, h2, h3, h4 {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #3d4b67;
    margin: 10px 0;
}
h1{font-size:123.1%;text-transform: uppercase;font-weight: bold;}
h2{font-size:100%;text-transform: uppercase;font-weight: bold;}
h3{font-size:100%;text-transform: uppercase;}
h4{font-size:100%;text-transform: capitalize;}

body {
    text-align: center;
    background: #fff;
}
blockquote{font-style: italic;font-family: Georgia, 'Times New Roman',serif;padding:0 3em 0 3em}
body#company blockquote{padding:0 3em 1em 3em}
blockquote > div:before { content: '~ '; }
blockquote > p + div { margin-top: -1em; }

.ir span { display: none; }

#top, #main, #foot {
    padding-left: 1.5em;
    padding-right: 1.5em;
    min-width: 960px;
}

/* Top bar edited: Mar 18 2011*/
#top {
    position: relative;    
    background: transparent url('/images/layout/top-back.png') repeat-x;
    padding-top: 20px;
    overflow: hidden;
    height: 59px;
    clear: both;
    text-align: center;
    z-index: 1;
}
#logoNavWrapper {
    width: 940px;
    margin: 0 auto;
    padding: 0;
    /*overflow: hidden;*/
}
#logo {    
    float: left;
    width: 275px;
    height: 29px;
    margin-top:3px;
    background: transparent url('/images/layout/top-logo.png') no-repeat left center;
}
#logo a {
    display: block;
    margin: 0;
    padding: 0;
    opacity: 0; filter: alpha(opacity=0); -moz-opacity:0;
}
#hide-nav-hover {
    position: relative;
    float: left;
    width: 15px;
    height: 38px;
    margin-top: -1px;
    margin-left: 135px;
    margin-right: 4px;
    background: url('/images/layout/top-back.png') repeat-x 0px -20px;
    z-index: 9999;
}
#nav {    
    float: left;
    width: 505px;    
    height: 36px;    
    background: transparent url('/images/layout/nav-back-center.png') repeat-x left top;
    z-index: 1;
} 
#logoNavWrapper span.nav-right {
    float: left;
    width: 5px; 
    height: 34px;
    margin-left: 0px;
    background: red;
    overflow: hidden;
    background: transparent url('/images/layout/nav-back-right.png') no-repeat -1px top;
}
#nav ul {
    position: relative;
    left: -5px;
    width: 515px;
    height: 36px;
    background: transparent url('/images/layout/nav-back-left.png') no-repeat 1px top;
}
#nav li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 36px;
    float: left;
    z-index: 999;
}
#nav li a {
    outline: none !important;
    display: block;    
    height: 36px;    
    padding-bottom: 1px;
    /*opacity: 0; filter: alpha(opacity=0); -moz-opacity:0;*/
    text-indent: -9000px;
}
#nav li#nav-hover {
    position: absolute;
    height: 37px;
    margin-top: -1px;
    background: transparent url('/images/layout/nav-hover-left.png') no-repeat left top;
    z-index: 99;
}
#nav li#nav-hover span {
    display: block;    
    margin-left: 6px;
    padding-right: 6px;
    height: 37px;
    background: transparent url('/images/layout/nav-hover-right.png') no-repeat right top;
}

#nav li#nav-hover a {
    display: block;
    height: 37px;
    background: transparent url('/images/layout/nav-hover-center.png') repeat-x right top;
}

#nav-home, #home #nav-hover { width: 44px; }
#nav-portfolio,  #portfolio  #nav-hover { width: 89px; }
#nav-services,   #services   #nav-hover { width:  89px; }
#nav-locomotion, #locomotion #nav-hover { width: 112px; }
#nav-company,    #company    #nav-hover { width:  96px; }
#nav-contact,    #contact    #nav-hover { width:  85px; }

/*default body nav-hover css */
body #nav li#nav-hover { left: -10px; }

/*page nav-hover css*/
#home       #nav li#nav-hover { left: 0px; }

#portfolio  #nav li#nav-hover { left: 44px; }

#services   #nav li#nav-hover { left: 133px; }

#locomotion #nav li#nav-hover { left: 222px; }

#company    #nav li#nav-hover { left: 334px; }

#contact    #nav li#nav-hover { left: 430px; }

#nav-home       { background: transparent url('/images/layout/nav-home.png')  no-repeat center center; }
#nav-portfolio  { background: transparent url('/images/layout/nav-portfolio.png')  no-repeat center center; }
#nav-services   { background: transparent url('/images/layout/nav-services.png')   no-repeat center center; }
#nav-locomotion { background: transparent url('/images/layout/nav-locomotion.png') no-repeat center center; }
#nav-company    { background: transparent url('/images/layout/nav-company.png')    no-repeat center center; }
#nav-contact    { background: transparent url('/images/layout/nav-contact.png')    no-repeat center center; }




/* Generic page content stylings */
.content {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    padding:0 0 2em 0;
}
.content p {
    margin: 0 0 1em 0;
}
.content .bullets ul{
    list-style-type: square;
    padding:0 0 1em 1em;
}
.content ol{
    padding:0 0 1em 1em;
}
span.highlight{
    background:#e3ece9;
    padding:0 2px 0 2px;
    font-style: italic;
}




/* Page blocks */
#main {
    margin-top: -15px;
    color: #596576;
}
.sub #main {
    background: #fff url('../images/layout/page-header.png') repeat-x;
    margin-top:-4px
}
#blurb {
    position:relative;
	height: 24px;
	margin: 0 0 30px 0;
	padding-bottom: 105px;
	width: 619px;
	z-index: 100;
}

#header-back {
    background: url('../images/layout/header-back.png') no-repeat;
    width:713px;
    height:142px;
    position:absolute;
    top:75px;
    right:0px;
    z-index:0
}




/*Page Styles*/
#highlighted h3{font-weight:bold;padding:0;margin:0 0 0.33em 0;}
#highlighted p{font-style: normal;}
#highlighted {padding:0 0 0 2em}


/*Image Styles*/
img.book-cover{padding:2px;border:1px solid #ccc;margin:0 10px 0 0;}
img.image{padding:7px;border:1px solid #ccc;margin:0 10px 0 0;}



/*List Styles*/
.star li{background:transparent url('/images/icons/star.png') no-repeat scroll 0 3px;margin:0;padding:0 0 0.1em 1.8em;}
.locomotion li{background:transparent url('/images/icons/locomotion.png') no-repeat scroll 0 3px;margin:0;padding:0 0 0.1em 2em;}


/*Button Styles*/
.blue-button-lg {
    background: url('../images/layout/blue-button-lg.png');
    text-align: center;
    padding-top:6px;
    height:33px;
    width:213px;
    display:block;
    font-size: 15px;
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-shadow: 0px -1px 0px #333;
}

.blue-button-med {
    background: url('../images/layout/blue-button-med.png');
    text-align: center;
    padding-top:6px;
    height:33px;
    width:140px;
    display:block;
    font-size: 15px;
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    text-shadow: 0px -1px 0px #333;
}

/*Table Style*/
table.pricing {
    background:#FFFFFF none repeat scroll 0 0;
    margin:10px 0 0 20px;
}
table.pricing{
    border:4px solid #cdced3;
}

table.pricing td {
    text-align:center;
}
table td.feature {
    font-weight: bold;
    padding:5px 6px;
    text-align:left;
}


/* Footer with content */
#foot {
    background: #eef1f6 url('../images/layout/bottom-shadow.png') repeat-x top left;
    color: #4f5d7a;
    text-align: left;
    overflow: auto;
    padding: 20px 0 30px 0;
    height: 243px;
}
#foot h3,
#foot p {
    font-size: 100%;
    text-shadow: 0px 1px 1px #fff;
}
#foot .extrapad{
    padding:0 12px 0 7px;
}
#foot img{
    margin:5px 11px 5px 0;
}
#bottom a,
#foot a{
    color:#455367;
    font-weight: bold;
    text-decoration: none;
}
#bottom a:hover,
#foot a:hover {
    color:#4f5d7a;
    text-decoration: underline;
}
#foot h1, #foot h2, #foot h3, #foot h4, #foot h5, #foot h6 {
    color: #4f5d7a;
    font-weight: bold;
}

.clearfix, .clear-fix { clear: both; }

#privacy #blurb { background: url("../images/blurbs/privacy.png") no-repeat scroll center left transparent;
    height: 24px;
    margin: 0 0 30px 0;
    padding-bottom: 105px;
    width: 619px;
    z-index:100;}
