html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}

nav ul,nav li {
    margin:0
}

nav ul,ul {
    list-style:none
}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.col {
    margin-left:1.5%
}

.col:first-child {
    margin-left:0
}

.span1 {
    width:6.95833333333%
}

.span2 {
    width:15.4166666667%
}

.span3 {
    width:23.875%
}

.span4 {
    width:32.3333333333%
}

.span5 {
    width:40.7916666667%
}

.span6 {
    width:49.25%
}

.span7 {
    width:57.7083333333%
}

.span8 {
    width:66.1666666667%
}

.span9 {
    width:74.625%
}

.span10 {
    width:83.0833333333%
}

.span11 {
    width:91.5416666667%
}

.span12 {
    width:100%;
    margin-left:0
}

/* BODY AND CONTENT */
body {
    font-size:87.5%;
    color:#000;
    font-family:Helvetica,Arial,sans-serif;
    line-height:1.5em;
    background:#fff
}

header {
    width:100%;
    background-image:url(../images/header.jpg);
    text-align:center;
}

header img {
    height:150px
}

#container,.inner {
    margin:0 auto
}

#container {
    clear:both;
    padding:20px 5px 5px 17px
    /* top, right, bottom, left */
}

#container2,.inner {
    margin:0 auto
}

#container2 {
    clear:both;
    padding:0px 0px 0px 0px
    /* top, right, bottom, left */
}

.right {
    position:static;
    margin-top:25px;
}

.right img {
    height:100px
}

footer {
    display:block;
    background-color:#EA6000;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    padding:5px 5px
    /* top, bottom */
}

footer a {
    color:#FFF
}

a {
    color:#EA6000
}

a:link {
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

ul {
    margin-bottom:1em
}

li {
    list-style-type:square;
    margin-left:30px
}

ol {
    list-style-type:decimal
}

h1 {
    font-size:2em;
	/* 24 / 14 */
    line-height:1.5em
    /* 21 / 14 */
}

h2 {
    font-size:1.5em;
	/* 21 / 14 */
    line-height:1.5em
    /* 21 / 14 */
	
}

h3 {
    font-size:1.17em;
	/* 21 / 14 */
    line-height:1.5em
    /* 21 / 14 */
}

p {
    font-size:1em;
	/* 14 / 14 */
    line-height:1.5em;
	/* 21 / 14 */
    margin-bottom:1em
    /* 21 / 14 */
}

hr {
    display:block;
    margin-top:.5em;
    margin-bottom:.5em;
    margin-left:auto;
    margin-right:auto;
    border-style:inset;
    border-width:1px
}

.dropshadow {
    display:block;
    padding:10px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 0 5px #ddd;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-bottom:1em
}

.alt {
    color:#fff;
    color:rgba(255,255,255,0.9);
    letter-spacing:.05em
}

/* Micro Clearfix */
/* For modern browsers */
.cf:before,.cf:after {
    content:"";
    display:table
}

.cf:after {
    clear:both
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1
}

/* RESPONSIVE NAVIGATION */
#menu,#menu ul,#menu ul li,#menu ul li a,#menu #menu-button {
    margin:0;
    padding:0;
    border:0;
    list-style:none;
    line-height:1;
    display:block;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

#menu:after,#menu > ul:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

#menu #menu-button {
    display:none
}

#menu {
    font-family:Helvetica,Arial,sans-serif;
    background:#EA6000
}

#menu > ul > li {
    float:left
}

#menu.align-center > ul {
    font-size:0;
    text-align:center
}

#menu.align-center > ul > li {
    display:inline-block;
    float:none
}

#menu.align-center ul ul {
    text-align:left
}

#menu.align-right > ul > li {
    float:right
}

#menu > ul > li > a {
    padding:17px;
    font-size:12px;
    letter-spacing:1px;
    text-decoration:none;
    color:#fff;
    font-weight:700;
    text-transform:uppercase
}

#menu > ul > li:hover > a {
    color:#fff
}

#menu > ul > li.has-sub > a {
    padding-right:30px
}

#menu > ul > li.has-sub > a:after {
    position:absolute;
    top:22px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#fff;
    content:''
}

#menu > ul > li.has-sub > a:before {
    position:absolute;
    top:19px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#fff;
    content:'';
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -ms-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}

#menu > ul > li.has-sub:hover > a:before {
    top:23px;
    height:0
}

#menu ul ul {
    position:absolute;
    left:-9999px
}

#menu.align-right ul ul {
    text-align:right
}

#menu ul ul li {
    height:0;
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -ms-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}

#menu li:hover > ul {
    left:auto
}

#menu.align-right li:hover > ul {
    left:auto;
    right:0
}

#menu li:hover > ul > li {
    height:35px
}

#menu ul ul ul {
    margin-left:100%;
    top:0
}

#menu.align-right ul ul ul {
    margin-left:0;
    margin-right:100%
}

#menu ul ul li a {
    border-bottom:1px solid rgba(150,150,150,0.15);
    padding:11px 15px;
    width:170px;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    font-weight:400;
    background:#EA6000
}

#menu ul ul li:last-child > a,#menu ul ul li.last-item > a {
    border-bottom:0
}

#menu ul ul li:hover > a,#menu ul ul li a:hover {
    color:#fff
}

#menu ul ul li.has-sub > a:after {
    position:absolute;
    top:16px;
    right:11px;
    width:8px;
    height:2px;
    display:block;
    background:#fff;
    content:''
}

#menu.align-right ul ul li.has-sub > a:after {
    right:auto;
    left:11px
}

#menu ul ul li.has-sub > a:before {
    position:absolute;
    top:13px;
    right:14px;
    display:block;
    width:2px;
    height:8px;
    background:#fff;
    content:'';
    -webkit-transition:all .25s ease;
    -moz-transition:all .25s ease;
    -ms-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}

#menu.align-right ul ul li.has-sub > a:before {
    right:auto;
    left:14px
}

#menu ul ul > li.has-sub:hover > a:before {
    top:17px;
    height:0
}

@media all and (max-width: 768px),only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (-o-min-device-pixel-ratio: 21) and (max-width: 1024px),only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),only screen and (min-resolution: 192dpi) and (max-width: 1024px),only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
#menu {
    width:100%
}

#menu ul {
    width:100%;
    display:none
}

#menu.align-center > ul {
    text-align:left
}

#menu ul li {
    width:100%;
    border-top:1px solid rgba(120,120,120,0.2)
}

#menu ul ul li,#menu li:hover > ul > li {
    height:auto
}

#menu ul li a,#menu ul ul li a {
    width:100%;
    border-bottom:0
}

#menu > ul > li {
    float:none
}

#menu ul ul li a {
    padding-left:25px
}

#menu ul ul ul li a {
    padding-left:35px
}

#menu ul ul li a {
    color:#fff;
    background:none
}

#menu ul ul li:hover > a,#menu ul ul li.active > a {
    color:#fff
}

#menu ul ul,#menu ul ul ul,#menu.align-right ul ul {
    position:relative;
    left:0;
    width:100%;
    margin:0;
    text-align:left
}

#menu > ul > li.has-sub > a:after,#menu > ul > li.has-sub > a:before,#menu ul ul > li.has-sub > a:after,#menu ul ul > li.has-sub > a:before {
    display:none
}

#menu #menu-button {
    display:block;
    padding:17px;
    color:#fff;
    cursor:pointer;
    font-size:12px;
    text-transform:uppercase;
    font-weight:700
}

#menu #menu-button:after {
    position:absolute;
    top:22px;
    right:17px;
    display:block;
    height:4px;
    width:20px;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    content:''
}

#menu #menu-button:before {
    position:absolute;
    top:16px;
    right:17px;
    display:block;
    height:2px;
    width:20px;
    background:#fff;
    content:''
}

#menu #menu-button.menu-opened:after {
    top:23px;
    border:0;
    height:2px;
    width:15px;
    background:#fff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}

#menu #menu-button.menu-opened:before {
    top:23px;
    background:#fff;
    width:15px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

#menu .submenu-button {
    position:absolute;
    z-index:99;
    right:0;
    top:0;
    display:block;
    border-left:1px solid rgba(120,120,120,0.2);
    height:46px;
    width:46px;
    cursor:pointer
}

#menu .submenu-button.submenu-opened {
    background:#EA6000
}

#menu ul ul .submenu-button {
    height:34px;
    width:34px
}

#menu .submenu-button:after {
    position:absolute;
    top:22px;
    right:19px;
    width:8px;
    height:2px;
    display:block;
    background:#fff;
    content:''
}

#menu ul ul .submenu-button:after {
    top:15px;
    right:13px
}

#menu .submenu-button.submenu-opened:after {
    background:#fff
}

#menu .submenu-button:before {
    position:absolute;
    top:19px;
    right:22px;
    display:block;
    width:2px;
    height:8px;
    background:#fff;
    content:''
}

#menu ul ul .submenu-button:before {
    top:12px;
    right:16px
}

#menu .submenu-button.submenu-opened:before {
    display:none
}
}

/* MEDIA QUERIES */
/* Responsify Defaults */
@media screen and (max-width: 768px) {
nav .span4 {
    width:100%
}

.span8,article {
    width:100%
}

.span4,aside {
    width:100%;
    margin-left:0
}

#container,.inner {
    width:90%;
    padding:20px 5% 0
    /* top, right, bottom, left */
}
}

@media screen and (max-width: 480px) {
nav ul li {
    width:100%;
    margin:0 0 5px
}

nav a {
    margin:0;
    padding:14px 0
    /* top, right, bottom, left */
}
}

/* GALLERY */
ul.rig {
    list-style:none;
    font-size:0
}

ul.rig li {
    display:inline-block;
    font-size:16px;
    font-size:1em;
    vertical-align:top;
}

ul.rig li img {
    max-width:100%;
    height:auto;
    margin:0 0 10px
}

ul.rig li h3 {
    margin:0 0 5px
}

ul.rig li p {
    font-size:.9em;
    line-height:1.5em;
    color:#999
}

ul.rig {
    list-style:none;
    font-size:0;
    margin-left:-2.5%
    /* should match li left margin */
}

ul.rig li {
    display:inline-block;
    margin:0 0 2.5% 2.5%;
    font-size:16px;
    font-size:1em;
    vertical-align:top;
}

	/* class for 2 columns */
ul.rig.columns-2 li {
    width:47.5%
    /* this value + 2.5 should = 50% */
}

	/* class for 3 columns */
ul.rig.columns-3 li {
    width:30.83%
    /* this value + 2.5 should = 33% */
}

	/* class for 4 columns */
ul.rig.columns-4 li {
    width:22.5%
    /* this value + 2.5 should = 25% */
}

@media (max-width: 480px) {
ul.grid-nav li {
    display:block;
    margin:0 0 5px
}

ul.grid-nav li a {
    display:block
}

ul.rig {
    margin-left:0
}

ul.rig li {
    width:100%!important;
	/* over-ride all li styles */
    margin:0 0 20px
}
}