@charset "UTF-8";



a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
.style2 {color: #358ff0
}

a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.thrColLiqHdr #container { 
	width: 80%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	padding: 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-width: 960px;
} 
.thrColLiqHdr #header { 
	background: #FFFFFF; 
	height: 180px;
	padding: 0 0 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image:url(images/pixelsbanner.jpg);
	background-repeat: repeat-x;
} 
.thrColLiqHdr #promo {
	background: #FFFFFF;
	width: 285px;
	height: 180px;
	padding: 0;
	border: 0;
	margin: 0;
	float: right;
	background-image:url(images/monitor.jpg);
	background-repeat:no-repeat;
	top: 0px;
} 
.thrColLiqHdr #promo h3 {
	padding: 0px;
	border: 0;
	margin: 0px 30px -28px 30px;
	font-family: Trebuchet MS;
	font-size: 28px;
	text-align: center;
	color: #990033;
	letter-spacing: -1px;
} 
.thrColLiqHdr #promo p {
	padding: 0;
	border: 0;
	margin: 32px 30px 0px 30px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:15px;
	text-align: center;
	color:#FFFFFF;
}
.thrColLiqHdr #promo p a:link{
	text-decoration: none;
	color: #FFFFFF;
}
.thrColLiqHdr #promo p a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
.thrColLiqHdr #promo p a:hover{
	text-decoration: none;
	color: #990033;
}
.thrColLiqHdr #header h1 {
	margin: 0;
	padding: 56px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:54px;
	letter-spacing: -2px;
	font-weight: lighter;
}
#header h1.color {
	margin: 0;
	padding: 56px 0px 0px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #358ff0;
	font-size:54px;
	letter-spacing: -2px;
	font-weight: lighter;
	text-align: center;
}
.thrColLiqHdr #header h2 {
	margin: 0;
	padding: 12px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size:29px;
	color: #8e001b;
	font-weight: bold;
	letter-spacing: -1px;
}


 /*  Sidebar 1 */
 
 
.thrColLiqHdr #sidebar1 {
	float: left;
	width: 190px;
	height: 2650px;
	background-color: #dedede;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {
	margin-left: 10px; 
	margin-right: 10px;
}
.thrColLiqHdr #sidebar1 h2{
	margin: 0px;
	padding: 5px 0px 6px 10px;
	border: 0ps;
	width: 170px;
	font-family: Trebuchet MS;
	font-size: 22px;
	font-weight: lighter;
	color: #FFFFFF;
	background-color: #358ff0;
	background-position: center;
}

#sidebar1 p.callus {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size:22px;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	color: #8e001b;
	font-weight: lighter;
}

#sidebar1 p.phone {
	padding: 0px;
	margin: -5px 0px 10px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:24px;
	font-weight: bold;
	text-align: center;
	color: #8e001b;
	font-weight: lighter;
}
.thrColLiqHdr #sidebar1 h3{
	border-width: 1px;
	border-color: #666666;
	padding-top: 28px;
	margin: 0px 10px 6px 10px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}
.thrColLiqHdr #sidebar1 h3 a:link{
	text-decoration: none;
}
.thrColLiqHdr #sidebar1 h3 a:hover{ 
	text-decoration: none;
	color:#358ff0;
}

#sidebar1 p.story {
	margin: 0px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-style: normal;
	font-weight: lighter;
	line-height: 18px;
	text-decoration: none;
}

#sidebar1 p.story a:link{
	text-decoration: none;
	color: #333333;
}
#sidebar1 p.story a:hover{ 
	color:#358ff0;
	text-decoration: none;

}

#sidebar1 p.quote {
	padding: 0px;
	margin: 0px 10px 6px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size:22px;
	font-style: normal;
	text-align: center;
	line-height: 22px;
	letter-spacing: -1px;
	color: #358ff0;
	font-weight: normal;
}

#sidebar1 p.quoteTopMarks {
	padding: 0px;
	margin: 0px 10px -18px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-style: normal;
	text-align: center;
	color: #358ff0;
	font-weight: bold;
}

#sidebar1 p.quoteBottomMarks {
	padding: 0px;
	margin: -12px 10px 0px 10px;
	font-family: "Times New Roman", Times, serif;
	font-size: 42px;
	font-style: normal;
	text-align: center;
	line-height: 10px;
	color: #358ff0;
	font-weight: bold;
}

#sidebar1 p.quoteCreditName {
	margin: 0px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	text-decoration: none;
}

#sidebar1 p.quoteCreditTitle {
	margin: 0px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-style: italic;
	font-weight: lighter;
	text-align: center;
	line-height: 8px;
	text-decoration: none;
}

 /* End Sidebar 1 */
 

 /* Vertical Menu */
 
 
.glossymenu{
	list-style-type: none;
	margin: 0px;
	padding: 0;
	width: 190px;
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
}

.glossymenu li a{
	background: white url(images/glossyback.gif) repeat-x bottom left;
	font: bold 15px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-variant: caps;
	color: white;
	display: block;
	height: 20px;
	width: auto;
	padding: 4px 0px;
	padding-left: 10px;
	text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 190px;
	border: 0px;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: white;
	border: 0px;
}

.glossymenu li a:hover{
	background-image: url(images/glossyback2.gif);
}


 /* End Vertical Menu */
 


 /* Sidebar 2 */
 

.thrColLiqHdr #sidebar2 {
	float: right;
	width: 285px;
	height: 2650px;
	background: #EBEBEB;
	padding: 15px 0;
}
.thrColLiqHdr #sidebar2 h2{
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 6px 10px;
	font-family: Trebuchet MS;
	font-size:22px;
	font-weight: lighter;
	color: #FFFFFF;
	background-color: #358ff0;
	background-position: center;
}
.thrColLiqHdr #sidebar2 h5 {
	margin: -2px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	color:#333333;
}
.thrColLiqHdr #sidebar2 p {
	margin: -5px 10px 6px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	line-height: 13px;
	text-decoration: none;
	color:#333333;
}


 /* End Sidebar 2 */
 
 
 
.thrColLiqHdr #mainContent { 
	margin: 0 300px 0 210px; 
	z-index: 0;
}
.thrColLiqHdr #mainContentvid { 
	margin: 0 10px 0 210px; 
	z-index: 0;
}
.thrColLiqHdr #mainContentvid p { 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;	
}
.thrColLiqHdr #mainContent h2 {
	border-top: dotted;
	border-width: 1px;
	border-color: #666666;
	padding-top: 14px;
	margin: 0px 0px 6px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	color: #333333;
}
.thrColLiqHdr #mainContent h2 a:link { 
	text-decoration: none;
	color: #333333;
}

.thrColLiqHdr #mainContent h2 a:hover { 
	color:#358ff0;
	text-decoration: none;
}


.thrColLiqHdr #mainContent p { 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #666666;
	font-weight: lighter;
	line-height: 20px;
	text-decoration: none;
}
.thrColLiqHdr #mainContent p a:link{
	text-decoration: none;
	color: #666666;
}
.thrColLiqHdr #mainContent p a:hover{ 
	text-decoration: none;
	color:#358ff0;
}
.more{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	line-height: inherit;
	text-decoration:none;
	color: #358ff0;
}

/* Second Level Articles */


.thrColLiqHdr #article { 
	margin: 0 300px 0 210px; 
}

.thrColLiqHdr #article h2 {
	padding-top: 24px;
	margin: 0px 0px 6px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #358ff0;
	text-align: left;
	font-size: 24px;
	font-style: normal;
	letter-spacing: -1px;
	text-decoration: none;
}
.thrColLiqHdr #article h3 { 
	border-top: dotted;
	border-width: 1px;
	border-color: #666666;
	padding: 10px 20px 14px 0px;
	margin: 0px 0px 6px 0px;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#000000;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
}
.thrColLiqHdr #article p {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
	text-decoration: none;
}
#article p.bold {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
.thrColLiqHdr #article p a:link{ 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
	text-decoration: none;
}
.thrColLiqHdr #article p a:hover{ 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #358ff0;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
	text-decoration: underlilne;
}
.thrColLiqHdr #article h4 { 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
.thrColLiqHdr #article h5 { 
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
.thrColLiqHdr #article ul { 
 	list-style-type: disc;
	padding-left: 10;
	margin-left: 0;
}
.thrColLiqHdr #article li {
	margin: 0px 0px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-style: normal;
	font-weight: lighter;
	line-height: 20px;
	text-decoration: none;
}




/* End Second Level Articles */



.thrColLiqHdr #footer { 
	padding: 0 10px;
	background:#FFFFFF;
} 
.thrColLiqHdr #footer p {
	margin: 0; 
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #027add;
	text-align: center;
}
.thrColLiqHdr #footer p a:link{
	text-decoration: none;
	color: #027add;
}
.thrColLiqHdr #footer p a:hover{
	text-decoration: underline;
	color: #027add;
}



/* Miscellaneous classes for reuse */



.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.mainvidbox {
	position:relative;
	margin: 0px;
	width: 320;
	height: 240;
	z-index: 0;
	overflow: visible;
}
.mainvidbox #object { 
	margin: 0 auto;
	width: 440;
	height: 242;
	z-index: -6;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



/* ----------- Pop up videos ----------- */


#gallery { 
	zoom:1; 
	z-index: 6;
}
#gallery span{ display:block; }			
#gallery a{
	display:block;
	zoom:1;
	position:relative;
	vertical-align:top;				
	margin:3px;
	width:260px;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	opacity:0.87;
	z-index: 6;

}
#gallery a img{
	display:block;
	border:none;
	margin:0;
}			
#gallery a:hover{
	text-decoration:underline;
	opacity:1;
}
#gallery a#ygallery {
	display:none;
	z-index: 0;
}


/* ----------- End Pop up videos ----------- */

			

/* ----------- Form ----------- */
		
.myform{
margin:20px auto;
width:400px;
height:310px;
padding:6px;
}

#stylized{
border:solid 2px #358ff0;
background:#ebf4fb;
}
#stylized h1 {
padding-top: 14px;
margin: 0px 0px 12px 0px;
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #358ff0;
text-align: center;
font-size: 24px;
font-style: normal;
letter-spacing: -1px;
text-decoration: none;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:4px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:4px;
}
#stylized label{
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666666;
font-style: normal;
font-weight:normal;
text-align:right;
width:140px;
float:left;
}
#stylized input{
float:right;
font-size:12px;
padding:2px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 10px 10px;
}
#stylized button{
clear:both;
margin: 20px;
width:100px;
height:31px;
background:#358ff0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}