/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* REMOVE THIS TO TURN OFF OUTLINES!  div { outline: 1px solid #ccc; } */

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/* GLOBAL ITEMS
///////////////////////////////////////////// */
div.ddsLogoProvider, .ddsLogoProvider a { text-align: right; margin: 10px 0; color:  #333; text-decoration: none; font-size: 10px; font-size: 1.0rem; color: #666; }
span.ddsLogoProvider { float: right; vertical-align: middle; position: relative; top: -3px; margin-left: 5px; width: 71px; height: 21px; background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }
    /*FOR LIGHT VERSION*/ span.ddsLogoProvider { background: url(https://s3.amazonaws.com/dom-cms/GlobalImages/dds-logo-lt.png) no-repeat 0 0; }

a, a:active, a:visited { color: #a1dbff; }
a:hover { color: #11639D; }

/* BASE
///////////////////////////////////////////// */
html, body { height: 100%; background: #000; }
body { font-size: 13px; font-size: 1.3rem;}

#SiteContainer { margin: 5px auto 20px; }

#main { padding: 30px 0; color: #fff; }
    #main .panel { color: #333; }
    #main .panel a { color: #11639D; }
#lowermain { color: #fff; }

.row { max-width: 1140px; }

.ie9up .gradient { filter: none; }

.redGrad    { background: #890120; background: -moz-linear-gradient(top,  #a90329 0%, #6d0019 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(100%,#6d0019)); background: -webkit-linear-gradient(top,  #a90329 0%,#6d0019 100%); background: -o-linear-gradient(top,  #a90329 0%,#6d0019 100%); background: -ms-linear-gradient(top,  #a90329 0%,#6d0019 100%); background: linear-gradient(top,  #a90329 0%,#6d0019 100%); }
	.redGrad:hover { background: #a90329; }
.redGrad2   { background: #8d0222; background: -moz-linear-gradient(top,  #a80329 0%, #6f001a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a80329), color-stop(100%,#6f001a)); background: -webkit-linear-gradient(top,  #a80329 0%,#6f001a 100%); background: -o-linear-gradient(top,  #a80329 0%,#6f001a 100%); background: -ms-linear-gradient(top,  #a80329 0%,#6f001a 100%); background: linear-gradient(top,  #a80329 0%,#6f001a 100%); } 
.greyGrad { background: #1a1a1a; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #1a1a1a 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#000000)); background: -webkit-linear-gradient(top,  #1a1a1a 0%,#000000 100%); background: -o-linear-gradient(top,  #1a1a1a 0%,#000000 100%); background: -ms-linear-gradient(top,  #1a1a1a 0%,#000000 100%); background: linear-gradient(top,  #1a1a1a 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=0 ); }

.button, .button:visited { font-family: Arial, sans-serif; font-weight: 800; text-transform: uppercase; text-shadow: 1px 1px 0px #210008; color: #fff; }
    .button.redGrad { border: 1px solid #600; }
    .button.greyGrad { border: 1px solid #333; }
    .button.radius { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 	}
    
nav  { padding: 6px 10px 2px; margin-bottom: 10px; background: #000; }
	nav.topNav { display: none; }
	
header { padding: 10px 0; 
background: #333333;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333333 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
background: -o-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
background: linear-gradient(top,  #333333 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#0e0e0e',GradientType=0 );
border-bottom: 1px solid #333; 
}
	.ie7 header { padding: 0 0 10px; }
	.ie7 header .logo, .ie7 header .rtLogo { margin-top: 10px; }
	header .address, .address { color: #999; font-size: 12px; font-size: 1.2rem;}
	    .address a img { margin: 0 0 0 6px; }
        header .address .phone, .phone { font-size: 150%; }
        header .address .phone br { display: none; }
        header .address .phone span.white, .phone span.white { white-space:nowrap; }

.navContainerItem { z-index: 30;position: relative; background: #000; background: rgba(0,0,0,0.75); border-bottom: 1px solid #000; }
    .oldie .navContainerItem { background: #000; z-index: 30; position: relative; }
.nav, div.nav {  z-index: 30; clear: both; margin: 0 auto; height: auto; border: none; background: none; font: normal 12px/28px 'Open Sans', Helvetica, Arial, sans-serif; } 
    .oldie .nav { background: #000; }
#nav-container, #nav-container ul, .nav ul { max-width: 1140px; padding: 0; margin: 0 auto; list-style-type: none; z-index: 31; position: relative;  font: normal 12px/28px 'Open Sans', Helvetica, Arial, sans-serif; zoom: 1; }
    #nav-container:before, #nav-container:after, #nav-container ul:before, #nav-container ul:after, .nav ul:before, .nav ul:after  { content:""; display:table; }
    #nav-container:after, #nav-container ul:after, .nav ul:after { clear: both; }
    .oldie #nav-container, .oldie #nav-container>ul, .oldie .nav>ul { width: 1000px; }
    #nav-container a, .nav a { display: block; text-transform: uppercase; padding: 0 12px; color: #fff; width: auto; text-shadow:-1px -1px 0px #000; }
        #nav-container a:hover { background: #000; color: #fff; }
    #nav-container li, .nav li { display: block; float: left; position: relative; padding: 0; margin: 0; border-right: 1px solid #000; border-left: 1px solid #000; margin-right: -1px; }        
		.nav li:hover { background: #000; text-shadow: none; }
        #nav-container li img { display: block; margin: 0; } 
        #nav-container li ul, .nav li ul {border: 1px solid #333; border-top: none; z-index: 5; line-height: normal; padding: 0; position: absolute; background: #000; width: 130px; display: none;}
            #nav-container li ul li, .nav li ul li { display: block; text-indent: 0; width: 100%; border-bottom: 1px dotted #333; border-right: none; border-left: none; background: none; }
                #nav-container li ul li:last-child, .nav li ul li:last-child {border-bottom: none; }
                .nav li ul li:hover { background: none; text-shadow:none; }
                #nav-container li ul li a { color: #fff; background: none; font-weight: bold; text-shadow: none; text-align: left; padding: 8px 5px; font-family: Arial, sans-serif; font-size: 10px; font-size: 1.0rem; font-weight: bold; text-decoration: none; width: 120px;}
                    #nav-container li ul li a:hover { background: #ccc; text-decoration: none; color: #333; text-shadow: 1px 1px 0.05em #fff; }				
            #nav-container li ul ul, .nav li ul ul {  left: 0px;margin: -23px 0 0 10px; }
    #nav-container li:hover ul ul, #nav-container li:hover ul ul ul, #nav-container li:hover ul ul ul ul{ display:none; }
    #nav-container li:hover ul, #nav-container li li:hover ul, #nav-container li li li:hover ul, #nav-container li li li li:hover ul{ display:block; }

footer { border-top: 1px solid #1a1a1a; padding: 30px 0; }

.models { color: #999; }

.modelRight { position: absolute; top: -30px; right: 0; }
.modelLeft { position: absolute; top: -30px; left: 0; }


/* LINKS
///////////////////////////////////////////// */

/* TYPOGRAPHY
///////////////////////////////////////////// */
sup { font-size: 10px; font-size: 1.0rem; }

.reveal-modal { color: #000; }

.white { color: #fff; }

.text-shadow { text-shadow: 1px 1px 3px #000; }


h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #333;  font-weight: 800}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 36px; font-size: 3.6rem; margin-bottom: 12px;}
	h2 { font-size: 30px; font-size: 3.0rem; margin-bottom: 9px; }
	h3 { font-size: 24px; font-size: 2.4rem; margin-bottom: 9px; }
	h4 { font-size: 18px; font-size: 1.8rem; margin-bottom: 3px; }
	h5 { font-size: 14px; font-size: 1.4rem; font-weight: normal; margin-bottom: 3px;  }
	h6 { font-size: 12px; font-size: 1.2rem; font-weight: normal; }

footer { font-size: 85%; }

ul, dl, ol { font-size: inherit; }

small { font-size: 80%; }
/* -----------------------------------------
   FORMS
----------------------------------------- */
form ol { list-style: none; margin: 0 auto; }
form ol input, form textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
form ol input, form textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: #fff; }
form ol input:focus, form textarea:focus { background-color: #f9f9f9; outline: 2px solid #f69 !important;}

/* Text input and textarea, disabled */
form ol input[disabled], form textarea[disabled] { background-color: #ddd; }

form fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

form ol input[type=radio], form ol input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }


/* MISC
///////////////////////////////////////////// */
.bottomBump30 { margin-bottom: 30px; }
.topBump30 { margin-top: 30px; }
.leftBump30 { margin-left: 30px; }
.rightBump30 { margin-right: 30px; }

.bottomBump15 { margin-bottom: 15px; }
.topBump15 { margin-top: 15px; }
.leftBump15 { margin-left: 15px; }
.rightBump15 { margin-right: 15px; }

.bottomBump10 { margin-bottom: 10px; }
.topBump10 { margin-top: 10px; }
.leftBump10 { margin-left: 10px; }
.rightBump10 { margin-right: 10px; }

.bottomPad30 { padding-bottom: 30px; }
.topPad30 { padding-top: 30px; }
.leftPad30 { padding-left: 30px; }
.rightPad30 { padding-right: 30px; }

.bottomPad15 { padding-bottom: 15px; }
.topPad15 { padding-top: 15px; }
.leftPad15 { padding-left: 15px; }
.rightPad15 { padding-right: 15px; }

.bottomPad10 { padding-bottom: 10px; }
.topPad10 { padding-top: 10px; }
.leftPad10 { padding-left: 10px; }
.rightPad10 { padding-right: 10px; }

table.dark {
    background: black;
    border: 1px solid #333;
}
table.dark th {
    padding: 2px 3px 3px;
}
table.dark tbody tr:nth-child(even) {
background: #1A1A1A;
}

table.dark tbody tr td {
    color: #ccc;
}

.addressLink, .addressLink:active, .addressLink:visited, .addressLink:hover, .telephone, .telephone:active, .telephone:visited, .telephone:hover {
color: inherit;
text-decoration: inherit;
cursor: text;
}
    .touch .telephone, .touch .telephone:active, .touch .telephone:visited, .touch .telephone:hover { color: #069; }
    .touch header .telephone, .touch header .telephone:active, .touch header .telephone:visited, .touch header .telephone:hover,
    .touch footer .telephone, .touch footer .telephone:active, .touch footer .telephone:visited, .touch footer .telephone:hover { color: inherit; }
    .ie7 .addressLink, .ie7 .addressLink:active, .ie7 .addressLink:visited, .ie7 .addressLink:hover, .ie7 .telephone, .ie7 .telephone:active, .ie7 .telephone:visited, .ie7 .telephone:hover { color: #000; text-decoration: none; cursor: text; }
    .ie7 footer .addressLink, .ie7 footer .addressLink:active, .ie7 footer .addressLink:visited, .ie7 footer .addressLink:hover, .ie7 footer .telephone, .ie7 footer .telephone:active, .ie7 footer .telephone:visited, .ie7 footer .telephone:hover { color: #fff; }


/* -----------------------------------------
   Page Name 2
----------------------------------------- */


/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media only screen and (min-width : 481px) and (max-width : 768px) {
    /* iPads (portrait) ----------- */
    /* Styles */
    /* tablet 4-column Grid */
		.row .tablet-one:first-child, .row .tablet-two:first-child, .row .tablet-three:first-child, .row .tablet-four:first-child { margin-left: 0; }
		.row .tablet-one:last-child, .row .tablet-two:last-child, .row .tablet-three:last-child, .row .tablet-four:last-child { float: right; }
		
		.row .tablet-one, .row .tablet-two, .row .tablet-three, .row .tablet-four { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
		
		.row .tablet-one 	{ width: 21.68% !important; }
		.row .tablet-two 	{ width: 47.8% !important; }
		.row .tablet-three 	{ width: 73.9% !important; }
		.row .tablet-four 	{ width: 100% !important; }
		
		.row .push-one-tablet { left: 26.08%; }
		.row .push-two-tablet { left: 52.2% }
		.row .push-three-tablet { left: 78.3% }
		
		.row .pull-one-tablet { right: 26.08% }
		.row .pull-two-tablet { right: 52.2% }
		.row .pull-three-tablet { right: 78.3%; }
}

@media only screen and (max-width: 1024px) {		
	/* anything below 1024px */
	header .address .phone br { display: block; }
    header .address .phone .phoneSpacer { display: none; }

}
@media only screen and (max-width: 767px) {
	#SiteContainer { margin: 0 auto; }
	header { padding-top: 0; }
	    nav.topNav { display: block; }
			nav.topNav a.right { display: block; margin-bottom: 0; margin-left: 6px; }
			nav.topNav a.right img { height: 18px; }
    header .address, .address { text-align:  center !important; }
	#SiteContainer 
    {
		-webkit-transition: left 0.5s ease;
		-moz-transition: left 0.5s ease;
		-o-transition: left 0.5s ease;
		-ms-transition: left 0.5s ease;
		transition: left 0.5s ease;
	}
	.sideShowing #SiteContainer 
    {
        position: relative; left: 217px; 
        -webkit-transition: left 1s ease;
		-moz-transition: left 1s ease;
		-o-transition: left 1s ease;
		-ms-transition: left 1s ease;
		transition: left 1s ease;
    }		
	.navContainerItem /*.nav, div.nav */{ background: #000; padding: 0; text-align: left; position: absolute; top:0px; left: -217px; right: auto; z-index: 55; border-right: 1px solid #999; border-bottom: none; width: 215px; height:1240px; }
		
	#nav-container, #nav-container ul { font-size: 14px; line-height: 35px; padding: 0; }
	#nav-container a { background: #202020;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #333333 0%, #0e0e0e 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#0e0e0e));
        background: -webkit-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
        background: -o-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
        background: -ms-linear-gradient(top,  #333333 0%,#0e0e0e 100%);
        background: linear-gradient(top,  #333333 0%,#0e0e0e 100%); }
	#nav-container li { width: 100%; display: block; border-right: none; border-left: none; margin: 0;}
	#nav-container li ul { position: static; width: auto; border: none; }
        .sideShowing #nav-container li ul
        {
            display:block;            
        }
		#nav-container li ul li a { padding-left: 20px; width: auto;}
		
	.modelRight, .modelLeft { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
	
}
@media only screen and (max-width: 480px) {    
	/* anything below 480px 
	#nav-container { display: none; }
	#nav-container li { display: block; text-align: left;}
	#nav-container li ul { position: static; width: auto; }
	#nav-container li ul li a { width: auto; }*/
}
@media only screen and (max-width: 320px) {    
	/* anything below 320px */
}