body{
background:white;
margin:0;
padding:0 18px;
color:#000;
font-family: Tahoma, Geneva, sans-serif;
overflow: scroll; 
-webkit-perspective: 1200;
}

body td{color:#000;}

.ezpagebuilder-page-main{
width:1024px;
}

.header-image{
height:460px;
margin-bottom:10px;
}

.redBanner {
display:block;
background:#b70e0e;
margin:5px 0;
padding:9px 25px 15px ;
overflow:hidden;
max-width:100%;
}
.redBanner h2, .redBanner h3, .redBanner a {
color:white;
font-weight:bold;
margin:1px 0;
text-shadow:1px -1px 1px rgba(0,0,0,.2);
}
.redBanner h3 {font-size:19px;}

.logo {margin-right:25px;}
.address {display:none;}


/*------------- General Formatting -------------------*/

h1, h2, h3, h4, h5, p, ul, ol{
color:black;
font-family: Tahoma, Geneva, sans-serif;
}


ol{
line-height:1.5em;
font-size:9pt;
margin:0px auto 15px
}

ul {
font-size:9pt;
line-height:1.5em;
padding-left:19px;
list-style-image:url(http://techlinestudio.com/bullet.gif);
margin:0;
}

li{
margin-top:-2px;
margin-bottom:6px;
}

a {
color:#911;
font-weight:bold;
}

a:hover{
color:#CA181F;
text-decoration:underline;
}

.non-bold a{
font-weight:normal;
}

p{
line-height:1.5em;
font-size:11pt;
margin:5px auto 12px;
}

h1{
font-size:32pt;
font-weight:normal;
color:#777;
margin:2px 0 15px;
}

h2{
font-size:21pt;
font-weight:normal;
color:#777;
line-height:1.3em;
margin:8px auto;
}

h3{
font-size:16pt;
font-weight:normal;
color:#777;
line-height:1.3em;
margin:8px auto;
}

.contact td{
font-size:9pt;
}

/*--------------- caption formatting ----------------*/

.thumbs img {
border:solid 1px #e2e2e2;
margin-top:5px;
}

div.caption {
display:block;
float:left;
margin:1px 2px;
min-height:170px;
}

.thumbs h2, .thumbs h3 {
display:block;
clear:both;
}

.caption p {
margin:1px;
text-align:center;
font-size:9pt;
line-height:1em;
}


/*----- FAQ's first letter formatting ----*/

.faq p:first-letter {
font-size:21pt;
color:#999;
font-weight:normal;
margin:8px 3px 0px;
line-height:1em;
}

.faq p + p:first-letter{
font-size:1em;
color:#000;
margin:0;
}
/*
.faq h2:first-letter{
color:#999;
margin:auto 1px;
}*/

.faq ul, .faq ol{
margin:0px;
padding-left:50px;
}

/*-------- Colors, Finishes, & Materials diagram ------------*/

.diagram {
float:right;
/*background:url(http://www.techlinestudio.com/design_options/diagram.png) top right no-repeat;*/
position:relative;
width:735px;
padding-right:30px;
padding-top:10px;
height:410px;
background-color:#f5f5f5;
border:solid 1px #aaa;
text-align:right;
}
.diagram .highlight{
position:absolute;
right:30px; top:10px;
}

ul.diagram-nav {
float:left;
padding:0;
margin:10px 20px;
list-style:none;
text-align:left;
}
.diagram-nav a {
display:block;
padding:12px;
font-size:13px;
line-height:1;
background:#fafafa;
border:solid 1px #bbb;
color:#000;
opacity:.7;
text-decoration:none;
}
.diagram-nav a:hover {opacity:1;}

.diagram-nav a.counters {background:#F46E6E;}
.diagram-nav a.cabinets {background:#88EA83;}
.diagram-nav a.drawers {background:#FFE88E;}
.diagram-nav a.backsplash {background:#79B9F2;}



/*------------------ Top Navigation -----------------*/

.nav ul{
display:block;
list-style:none;
margin:0;
padding:0 2px;
white-space:nowrap;
}

.nav li{
display:inline;
vertical-align: bottom; 
margin:2px;
margin-bottom:14px;
}


.nav li a{
display:inline-block;
font-family: Tahoma, Geneva, sans-serif;
font-size:11pt;
font-weight:bold;
color:#000;
text-decoration:none;
padding:8px 18px;
border-radius:2px;
}

.nav li a:hover{
background:black;
color:white;
text-decoration:none;
}

.nav .current a {background:#ddd;}


/*--------- sub nav ----------*/
.sub ul ul li {
font-family: Tahoma, Geneva, sans-serif;
font-size:11pt;
font-weight:bold;
color:#000;
background:none;
color:#000;
font-size: 11pt;
padding: 7px 5px;
}

.sub li a {
background:#CC0017;
color:white;
font-size: 11pt;
margin:0px 2px;
padding: 7px 5px;
}


/*---------- Left Hand Accordion Navigation ------------*/
#wrapper {
width: 180px;
margin-top:15px;
margin-left: auto;
margin-right: 10px;
text-align:right;
}

#wrapper h2 {
color:#cc0017;
font-size:20px;
font-weight:bold;
padding-right:10px;
}

#wrapper li {list-style:none;}

#wrapper a, .accordionButton, .accordionButton a {
display:block;
font-size:11pt;
font-family: Tahoma, Geneva, sans-serif;
color:#000;
font-weight:bold;
padding:12px 10px 12px 0;
margin:8px 0px;
text-decoration:none;
cursor: pointer;
vertical-align:middle;
border-radius:2px;
line-height:1;
}

#wrapper a:hover, .accordionButton:hover, .accordionButton a:hover {
background:#000 ;
color:white ;
}

.accordionButton small{
display:inline-block;
border:solid 4px transparent;
border-top:solid 6px;
width:0px;
height:0px;
vertical-align:middle;
}

.accordionButton a {
display:block;
padding:0; margin:0;
}
 
.accordionContent {
display:none;
list-style:none;
background: #fff;
margin-bottom:5px;
}


.on {
background:#CF1920;
color:white;
}

#wrapper .current {background:#ddd;}

.accordionContent ul{
list-style:none;
margin:0;
padding:0;
}

#wrapper .accordionContent li a {
display:block;
font-weight:bold;
padding:9px 12px 10px 0;
font-size:12px;
text-decoration:none;
color:#303030;
margin:0;
}

#wrapper .accordionContent a:hover{
background:black;
color:white;
text-decoration:none;
}

.table-legs a img{
border:solid 1px transparent;
}
.table-legs a:hover img {
border:solid 1px #aaa;
}

/*------------------- scrolling slide show -----------------*/

.wrapper {
position:relative;
margin:0 0 0 65px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

#makeMeScrollable {
position:relative;
max-width:700px;
white-space:nowrap;
overflow:auto;

}

#makeMeScrollable img {
height:400px;
width:auto;
vertical-align: top;
}

#bookmark {
position:absolute;
left:15px;
top:35px;
}


.scrollingHotSpotLeft {
position:absolute;
left:-65px;
top:0;
background:url(http://techlinestudio.com/js_css/images/arrow_left.png) no-repeat center #ddd;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
min-width:65px;
height:99.5%;
display:block !important;
border:solid 1px #ccc;
}
.scrollingHotSpotLeft:hover, .scrollingHotSpotRight:hover {
opacity:1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor:pointer;
}

.scrollingHotSpotRight {
position:absolute;
right:0px;
top:0;
background:url(http://techlinestudio.com/js_css/images/arrow_right.png) no-repeat center #ddd;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
min-width:65px;
height:99.5%;
opacity:.9;
display:block !important;
border:solid 1px #ccc;
}

/*---- title box (slideshow captions) ------*/

.titlebox {
position:absolute;
top:0; left:4px;
background:black;
background:rgba(0,0,0,.75);
color:#eee;
opacity:.9;
padding:2px;
}

.counter-box {
display:inline-block;
color:#111;
font-weight:bold;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}