/*
revised home page June 2011
singular column down
3 columns across (1, 2, 3)
popovers on about, guidebox
modified June 8, 2011

modified April 2013
made no flash layout
*/

#no-flash-left {
float: left;
padding-top: 20px;
}

#no-flash-left h2 {
height: 1px;
font-size: 1px;
text-indent: -9999px;
}

#no-flash-left p {
color: #fff;
text-transform: uppercase;
font-weight: bold;
padding-top: 10px;
}

#no-flash-left p a {
color: #fff;
}

#no-flash-right {
position: relative;
z-index: 100000;
float: right;
width: 500px;
color: #fff;
font-size: 11px;
padding-top: 10px;
overflow: auto;
}

#no-flash-right ul li {
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #294c72;
width: 100%;
float: left;
clear: both;
}

#no-flash-right ul li img {
float: left;
margin-right: 10px;
}

#no-flash-right div.news-text {
float: right;
width: 88%;
}

#no-flash-right li h2 {
font-size: 1px;
text-indent: -9999px;
}

#no-flash-right h3 {
color: #8fc0ff;
display: inline;
float: left;
padding-right: 10px;
text-transform: uppercase;
}

#no-flash-right h3 a {
color: #8fc0ff;
}

#no-flash-right p {
color: ##E8E8E8;
}

#no-flash-right a {
color: #fff;
font-weight: bold;
}



p.get-started {
width: 918px;
text-indent: -9999px;
background: url(/images/hdr_get-started.gif) no-repeat top center;
height: 33px;
margin-top: 10px;
padding-bottom: 10px;
clear: both;
float: left;
}

.threecolumns {
float: left;
clear: both;
width: 918px;
background: url(/images/hdr_123.gif) no-repeat top center;
}

.alt-layoutb .threecolumns {
border-bottom: 1px solid #fff;
padding-bottom: 10px;
margin-bottom: 10px;
}

.threecolumns h2 {
text-indent: -9999px;
height: 1px;
font-size: 1px;
}

.threecolumns .column1 {
float: left;
width: 215px;
padding-top: 130px;
padding-left: 25px;
}

.threecolumns .column1 p {
color: #434343;
font-size: 11px;
line-height: 16px;
padding-bottom: 12px;
}

.threecolumns .column2 {
float: left;
width: 230px;
margin-left: 102px;
padding-top: 130px;
}

.threecolumns .column3 {
float: left;
margin-left: 120px;
width: 190px;
padding-top: 130px;
}

.threecolumns .column3 form {
width: 190px;
}

.threecolumns .column3 label {
display: block;
width: 190px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #434343;
padding-bottom: 2px;
}

.threecolumns .column3 input {
width: 190px;
border: 1px solid #a6a6a6;
margin-bottom: 10px;
height: 20px;
}

.threecolumns .column3 textarea{
width: 190px;
border: 1px solid #a6a6a6;
margin-bottom: 10px;
height: 115px;
}

.threecolumns .column3 input.btn_submit {
float: right;
width: 83px;
height: 27px;
border: 0;
text-align: right;
padding: 0;
}

#twocolumns {
float: left;
clear: both;
width: 918px;

padding-top: 20px;
}

#twocolumns .column1 {
float: left; 
width: 380px;
padding-left: 25px;
}

.column1 .facebook-home h2#hdr_news-events{
text-indent: -9999px;
font-size: 1px;
background: url("http://www.coloradolaw.net/images/hdr_newsandevents.gif") no-repeat top left;
width: 142px;
height: 27px;
padding-bottom: 12px;
}


.column1 .facebook-home {
padding-bottom: 24px;
padding-top: 45px;

}

.column1 .featured-areas h2#hdr_featured-areas{
text-indent: -9999px;
font-size: 1px;
background: url("http://www.coloradolaw.net/images/hdr_featuredpracticeareas.gif") no-repeat top left;
width: 150px;
height: 26px;
padding-bottom: 12px;
}		

.column1 .featured-areas p {
margin: 0;
padding: 0;
font-size: 11px;
line-height: 12px;
position: absolute;
top: 80px;

}

.column1 .featured-areas p a{
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}

.column1 .featured-areas a#see-all-practice{
display: block;
text-indent: -9999px;
background: url("http://www.coloradolaw.net/images/hdr_seeallareas.gif") no-repeat top left;
margin-top: 15px;
width: 200px;
height: 10px;
float: left;
clear: both;
}	

.column1 .featured-areas ul {
float: left;
}		

.column1 .featured-areas ul.list-left {
float: left;
width: 100%;
}

.column1 .featured-areas ul.list-right{
float: left;
padding-top: 15px;
width: 100%;			}

.column1 .featured-areas li {
margin-bottom: 3px;

}


.column1 .featured-areas ul.thumb li img  {
border: 1px solid #fff;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.9);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.9);
box-shadow: 0 1px 5px rgba(0,0,0,.9);
behavior: url(http://www.coloradolaw.net/js/PIE.htc); /* this makes IE behave */
}
.column1 ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 0;
}
.column1 ul.thumb li {
margin: 0 15px 0 0; padding: 0;
float: left;
position: relative;
width: 110px;
 }

.column1 ul.thumb li img {
width: 110px; height: 73px;
position: absolute;
left: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
.column1 ul.thumb li img.hover {
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.3);
box-shadow: 0 1px 5px rgba(0,0,0,.3);
behavior: url(http://www.coloradolaw.net/js/PIE.htc); /* this makes IE behave */
}


#twocolumns .column2 {
float: right;
padding-right: 25px;
width: 450px;
}

.column2 h1 {
font-size: 15px;
font-weight: normal;
padding-bottom: 18px;
}

.column2 .our-philosophy2 h2#hdr_our-philosophy2{
text-indent: -9999px;
font-size: 1px;
background: url("http://www.coloradolaw.net/images/hdr_ourphilosophy.gif") no-repeat top left;
width: 158px;
height: 11px;
padding-bottom: 8px;

}		

.column2 .our-philosophy2 h3 {
color: #35568F;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: .08em;
}

.column2 .our-philosophy2 p{
padding-bottom: 12px;
font-size: 11.5px;
line-height: 17px;
}

/* more on help */

#more-help {
float: left;
clear: both;
width: 873px;
padding-left: 25px;
padding-top: 0px;
}

#more-help a {
padding-top: 20px;
}

#content #more-help a.expand {
text-decoration: none;
font-weight: bold;
position: relative;
top: -20px;
}

.collapse {
border-top: 1px solid #fff;
padding: 20px 0 0 0;
}

.more-practice {
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 3px 5px rgba(0,0,0,.3);
box-shadow: 0 3px 5px rgba(0,0,0,.3); 
float: left;
width: 340px;
padding: 10px;
margin-right: 20px;
margin-bottom: 10px;
background: #E8E8E8;
border: 1px solid #fff;
}

.more-practice img {
margin-bottom: 10px;
}

.collapse p {
padding-bottom: 12px;
}

.collapse .more-practice ul li {
margin-bottom: 9px;
float: left;
padding-right: 20px;
}

.collapse .more-practice p {
font-weight: bold;
text-transform: uppercase;
}

.collapse h1 {
color: #244e87;
font-size: 15px;
padding-bottom: 5px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .05em;
}


.collapse h2 {
color: #244e87;
font-size: 15px;
padding-bottom: 5px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .05em;
}

.collapse h3 {
color: #244e87;
font-size: 15px;
padding-bottom: 5px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .05em;
}

a#hdr_read-client-reviews {
clear: both;
display: block;
text-indent: -9999px;
width: 873px;
height: 33px;
background: url(/images/hdr_view-client-reviews.gif) no-repeat bottom center;
}

#footer {
position: relative;
}

#footer-right {
position: absolute;
right: 45px;
top: 42px;
}