/* This is a Trade and Value, Corp. design */
/* Please refrain from copying this style sheet */

/* This stylesheet is used to style the individual pages */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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%;
    font: inherit;
    vertical-align: baseline;
}
html{
background-image: url(http://www.pwtinters.com/images/elements/background1.jpg);
background-repeat: repeat;
}
img {
     max-width: 100%;
    height: auto;
	border: none !important;
 }

.clr{
clear: both;
}

.hidden{
visibility: visible;
}

html, body, .site-holder, header, .header-holder, .top-logo, .top-left, .top-right, .tag-line,  
.mainContent, .footer-outter, .footer-holder,  .credits-footer, .powered-by{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}
.site-holder{
background-color: #151515;
}
.top-logo{
position: inherit;
background-image: url(images/elements/shape-background.png);
background-repeat: repeat;
}
.top-image{

margin: 0px;
}

.top-right h6{
display: block;
padding: 10px 20px 10px 20px;
background-color: #ed1b32;
color: #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: normal;
text-align: center;
}
.tag-line{
max-width: 320px;
height: auto;
margin: 0px auto;
margin-top: 20px;
margin-bottom: 0px;
}
.top-right h3{
display: block;
margin: 10px 0px 0px 0px;
font-family: Dosis, Arial;
font-size: 22pt;
font-weight: normal;
color: #ffffff;
text-align: center;
}



/* =========== Main Content CSS ============ */

.mainContent{
width: 930px;
min-height: 400px;
margin: 0px auto;
background-color: #151515;
font-family: Arial, Times; 
font-size: 12pt;
color: #ffffff;
} 
.mainContent a:link, .mainContent a:active, .mainContent a:visited{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #ed1b2f;
}
.mainContent a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #fdba2e;
}



.social{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.social img{
margin: 0px 5px 10px 5px;
}

	/* ====================== Footer ===================== */ 

.footer-outter{
width: 100%;
background-color: #ed1b2f;
padding: 0px 0px 20px 0px;
margin-bottom: 0px 0px 0px 0px;
}
.footer-holder{
width: 100%;
margin: 0px auto;
}

.footer-left{
width: 596px;
height: 200px;
float: left;
}

#address{
padding: 10px 0px 20px 15px;
color: #ffffff;
border-left: #d1610b 2px solid;
text-align: center;
}
#address span{
font-weight: bold;
}


/* Credits Footer and remaining Custom CSS */

.credits-footer{
clear: both;
margin: 0px auto;
margin-top: 10px;
font-family: Arial, san-serif; 
font-size: 9pt; 
color: #e8ad56;
}

.credits-footer p{margin: 10px 0px 0px 0px; text-align: center;}

.credits-footer p span{font-size: 10pt; font-weight: bold;}


.powered-by{
width: 100%;
height: 20px;
margin: 5px 0px 0px 0px;
}
.powered-by a:link, .powered-by a:active, .powered-by a:visited{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: none; 
color: #ff9900;
}
.powered-by a:hover{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: underline; 
color: #ff9900;
}
.powered-by p{
text-align: center;
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #ff9900;
}


/* Additional CSS */


a:link, a:active, a:visited{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: none; color: #b11715;}


a:hover{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: underline; color: #b11715;}

.clr{
clear: both;
}





/* *******************************
RESPONSIVE 
***************************** */

@media (min-width: 200px) and (max-width: 619px){
html, body, .site-holder, header, .header-holder, .top-logo, .top-left, .top-right, .tag-line,  
.mainContent, .footer-outter, .footer-holder,  .credits-footer, .powered-by{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}
.site-holder{
background-color: #151515;
}
.top-logo{
position: inherit;
background-image: url(images/elements/shape-background.png);
background-repeat: repeat;
}
.top-image{

margin: 0px;
}

.top-right h6{
display: block;
padding: 10px 20px 10px 20px;
background-color: #ed1b32;
color: #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: normal;
text-align: center;
}
.tag-line{
max-width: 320px;
height: auto;
margin: 0px auto;
margin-top: 20px;
margin-bottom: 0px;
}
.top-right h3{
display: block;
margin: 10px 0px 0px 0px;
font-family: Dosis, Arial;
font-size: 22pt;
font-weight: normal;
color: #ffffff;
text-align: center;
}


	
}




/* ****************************************************************** */

@media (min-width: 620px) and (max-width: 899px){
html, body, .site-holder, header, .header-holder, .top-logo, .top-left, .top-right, .tag-line,  
.mainContent, .footer-outter, .footer-holder,  .credits-footer, .powered-by{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}
.site-holder{
background-color: #151515;
}
.top-logo{
position: inherit;
background-image: url(images/elements/shape-background.png);
background-repeat: repeat;
}
.top-image{

margin: 0px;
}

.top-right h6{
display: block;
padding: 10px 20px 10px 20px;
background-color: #ed1b32;
color: #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: normal;
text-align: center;
}
.tag-line{
max-width: 320px;
height: auto;
margin: 0px auto;
margin-top: 20px;
margin-bottom: 0px;
}
.top-right h3{
display: block;
margin: 10px 0px 0px 0px;
font-family: Dosis, Arial;
font-size: 22pt;
font-weight: normal;
color: #ffffff;
text-align: center;
}


	
}


@media (min-width: 900px) and (max-width: 1999px){

}

@media (min-width: 1200px){
.site-holder{
width: 1600px;
background-color: #151515;
}




/* header */
header{
width: 100%;
padding: 0;
margin: 0;
}
.header-holder{
width: 1600px;
margin: 0px auto;
position: relative;
background-color: #000000;
}

.top-logo{
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 610px;
height: 221px;
background-image: url(images/elements/top-shape.png);
background-repeat: no-repeat;
}
.top-logo img{

}

.top-left{
width: 580px;
height: 166px;
float: left;
}
.top-right{
width: 1020px;
height: 180px;
position: relative;
float: left;
}
.top-right h6{
padding: 10px 0px 10px 50px;
background-color: #ed1b32;
color: #ffffff;
font-family: Arial;
font-size: 11pt;
font-weight: normal;
}
.tag-line{
margin: 20px 0px 0px 40px;
float: left;

}
.top-right h3{
display: inline-block;
float: left;
margin: 40px 0px 0px 40px;
font-family: Dosis, Arial;
font-size: 22pt;
font-weight: normal;
color: #ffffff;
}


.phone-middle{
float: right;
padding: 4px 9px 2px 10px;
margin: 0px 0px 0px 0px;
background-color: #0f5942;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.phone-middle h3{
margin: 4px 10px 0px 0px;
text-align: center;
font-family: Arial, Times;
font-size: 14pt;
font-weight: bold;
color: #ffffff;
}
.phone-middle h2{
margin: 5px 10px 0px 0px;
text-align: center;
font-family: Arial, Times;
font-size: 22pt;
font-weight: bold;
color: #ffffff;
}


.header-holder h5{
float: left;
font-family: Arial;
font-size: 12pt;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 60px 0px 0px 5px;
text-align: right;
color: #4b4b4b;
}
} /* End minimum 1200px */