body {
	background:url(../images/bg.jpg) repeat-x #181715;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:12px;
	margin:0px;
	padding:0px;
color:#000000;
}

.main-page-wrapper {
	background:url(../images/main-bg.png) repeat-y;
	width:1034px;
	margin:0 auto;
}


.main-page-wrapper-article {
	background:url(../images/main-bg-article.png) repeat-y;
	width:1034px;
	margin:0 auto;
}

.main-page-wrapper2 {
	background:url(../images/main-bg.png) repeat-y;
	width:1034px;
	margin:auto;
}

.top-wrapper {
width:941px;
height:424px;
margin:0 auto;
clear:both;
}

.top-wrapper-article {
width:941px;
margin:0 auto;
clear:both;
}

.top-left-col{
height:424px;
width:281px;
background:url(../images/left-logo.png) no-repeat;
float:left;
}

.top-left-col-article{
width:281px;
background:url(../images/left-logo.png) no-repeat;
float:left;
}



.top-right-col{
height:424px;
width:659px;
float:left;
}


.top-menu{
height:40px;
width:659px;
background:url(../images/menu-bg.png) repeat-x;
float:right;
padding-top:0px;
margin:0px;
vertical-align:middle;
line-height:12px;
}

.img-shadow {
height:40px;
width:18px;
background:url(../images/menu-left.png) no-repeat;
float:left;
}

.just-links{
vertical-align:middle;
margin-top:15px;
float:left;
width:630px;
}

.just-links ul{
display:inline;
list-style:none;
padding:0px;
line-height:12px;
}

.top-menu li{
display:inline;
list-style:none;
background-image:url(../images/menu-line.png);
background-repeat:no-repeat;
background-position:right;
padding-top:0px;
padding-left:28px;
padding-right:28px;
font-weight:bold;
font-size:15px;
line-height:12px;
}

.top-menu a{
color:#4f4d46;
text-decoration:none;
}

.top-menu a:hover {
color:#e4e3df;
text-decoration:none;
}

.contentslider{
height:236px;
width:659px;
float:left;
}

.top-content-box{
height:148px;
width:659px;
background:url(../images/top-content-box.png) no-repeat;
float:left;
}

.main-content-article{
width:629px;
height:100%;
float:left;
padding-left:25px;
padding-bottom:20px;
padding-top:10px;
}



.top-content-box-content{
margin-left:10px;
margin-right:10px;
width:639px;
height:128px;
margin-top:10px;
margin-bottom:10px;
float:left;
line-height:25px;
font-size:14px;
}

.main-section{
width:941px;
margin:0 auto;
clear:both;
}

.main-left-col{
width:490px;
float:left;
}

.main-right-col{
width:450px;
height:550px;
float:left;
background:url(../images/right-col-bg.png) no-repeat;
}

.main-left-col-top-box {
height:305px;
width:490px;
background:url(../images/top-box.png) no-repeat;
float:left;
}

.main-left-col-bottom-box {
height:245px;
width:490px;
background:url(../images/bottom-box.png) no-repeat;
float:left;
}

.main-left-col-bottom-content-wrapper {
width:432px;
float:left;
margin-left:25px;
margin-top:10px;
}

.main-left-col-bottom-content-wrapper-article {
width:245px;
float:left;
margin-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.main-left-col-bottom-content{
width:432px;
float:left;
margin-top:10px;
}

.main-left-col-bottom-content-wrapper  h2{
width:432px;
border-bottom:1px dotted #000;
margin-bottom:0px;
margin-top:15px;
padding-bottom:0px;
color:#55544e;
font-size:16px;
}

.main-right-content {
width:435px;
float:right;
clear:both;
}

.main-right-content h2{
width:400px;
padding-left:15px;
float:left;
border-bottom:1px dotted #000;
margin-bottom:20px;
margin-top:15px;
padding-bottom:0px;
color:#55544e;
font-size:16px;
}

.quote {

font-weight:bold;
font-size:15px;
color:#55544e;
}

.test-content {
font-weight:normal;
color:#858585;
line-height:18px;
}


.main-right-bullet {
margin-top:1px;
background-color:#e8e7e4;
width:435px;
padding-top:5px;
height:30px;
line-height:30px;
font-weight:bold;
color:#cb0000;
font-size:13px;
float:left;
}

.choose-us ul {
float:left;
list-style-image: none;
list-style:inside;
padding-left:30px;
margin-top:0px;
padding-top:0px;
width:450px;
color:#55544e;
font-weight:bold;
line-height:22px;
}

.logo {
height:133px;
}

.lead-form-wrapper {
height:294px;
}

.form-wrapper {
width:168px;
margin-right:13px;
float:right;
}


.field-1 {
width:162px;
height:15px;
font-size:11px;
color:#666666;
background-color:transparent;
border:solid 0px #FFFFFF;
margin-top:19px;
padding-left:5px;
}

.field-2 {
width:162px;
height:15px;
font-size:11px;
color:#666666;
background-color:transparent;
border:solid 0px #FFFFFF;
margin-top:17px;
padding-left:5px;
}

.field-3 {
width:162px;
height:15px;
font-size:11px;
color:#666666;
background-color:transparent;
border:solid 0px #FFFFFF;
margin-top:16px;
padding-left:5px;
}

.field-4 {
width:162px;
height:87px;
font-size:11px;
color:#666666;
background-color:transparent;
border:solid 0px #FFFFFF;
margin-top:14px;
padding-left:5px;
}

.field-submit {
width:162px;
height:100px;
font-size:11px;
color:#666666;
background-color:transparent;
border:none;
}

.main-left-col-top-box-content-wrapper {
width:432px;
float:left;
margin-left:25px;
margin-top:10px;
}

.main-left-col-top-box-left {
width:236px;
float:left;
}

.main-left-col-top-box-left h2{
width:236px;
border-bottom:1px dotted #000;
margin-bottom:0px;
margin-top:15px;
padding-bottom:0px;
color:#55544e;
font-size:16px;
}


.main-left-col-top-box-right {
width:186px;
float:right;
}

.main-left-col-top-box-right h2{
width:186px;
border-bottom:1px dotted #000;
margin-bottom:0px;
margin-top:15px;
padding-bottom:0px;
color:#55544e;
font-size:16px;
}

.forecast {
background-color:#FFFFFF;
width:186px;
height:255px;
}

.img-container-right {
float:right;
width:98px;
margin-top:20px;
margin-right:20px;
}

.img-container-left {
float:left;
width:98px;
margin-top:20px;
}

.img-container-left img{
border:1px solid #aaa69a;
margin-bottom:10px;
}


.img-container-left img a:hover{
border:1px solid #6bc13b;
margin-bottom:10px;
}


.img-container-right img{
border:1px solid #aaa69a;
margin-bottom:10px;
}


.img-container-right img a:hover{
border:1px solid #6bc13b;
margin-bottom:10px;
}

.view-all- {
float:left;
width:215px;
margin-top:10px;
}

.view-all-articles{
float:left;
width:432px;
margin-top:25px;
}

.view-all-articles{
float:left;
width:432px;
margin-top:25px;
}

.view-all-test {
float:left;
width:393px;
height:26px;
margin-top:10px;
margin-left:25px;
}


.article-title {
font-weight:bold;
color:#6bc13b;
text-decoration:none;
margin-bottom:5px;
}

.article-desc {
font-weight:normal;
color:#858585;
line-height:18px;
}

.article-desc-big {
font-weight:normal;
color:#858585;
line-height:18px;
font-size:14px;
}

.green-link{
font-weight:bold;
font-size:14px;
text-decoration:none;
}

.green-link:hover{
font-weight:bold;
font-size:14px;
text-decoration:none;
}


.entry {
font-weight:normal;
color:#000000;
line-height:18px;
}

.read-more {
font-weight:normal;
color:#6bc13b;
text-decoration:none;
}

.spacer {
height:15px;
width:432px;
}

.spacer {
height:15px;
width:245px;
}


.footer {
background:url(../images/footer2.png) no-repeat;
width:1034px;
height:116px;
margin:auto;
}

.bottom-footer {
width:1034px;
text-align:right;
margin:auto;
}

.footer-content {
width:900px;
margin:auto;
padding-top:00px;
padding-bottom:20px;
text-align:center;
font-size:11px;
}

.footer-content a {
color:#fff;
text-decoration:underline;
}


.testimonials-content {
width:400px;
margin-left:25px;
}

.person-place {
float:right;
text-align:right;
}


.contact-area {
margin-top:20px;
vertical-align:middle;
}

.contact-area-article {
margin-top:20px;
vertical-align:middle;
}

.contact-area-content-warpper-article {
width:245px;
height:105px;
margin-left:25px;
}

.contact-area-content-warpper {
width:394px;
height:105px;
margin-left:25px;
}

.contact-area-content {
float:left;
width:192px;
height:49px;
}

.contact-area-content-article {
float:left;
width:245px;
height:49px;
}

.contact-area-content img{
margin-right:10px;
}

.person-place {
font-size:11px;
font-style:italic;
margin-right:5px;
}

.red {
color:#cb0000;
}

.green {
color:#5fbc2b;
}




.left-sidebar  h2{
width:245px;
border-bottom:1px dotted #000;
margin-bottom:15px;
padding-bottom:0px;
color:#55544e;
font-size:16px;
}

.post {
color:#000;
}


.post h2 {
width:629px;
border-bottom:1px dotted #000;
margin-bottom:15px;
margin-top:0px;
padding-bottom:0px;
color:#55544e;
font-size:18px;
text-decoration:none;
}

.post h2 a {
width:629px;
border-bottom:1px dotted #000;
margin-bottom:15px;
margin-top:0px;
padding-bottom:0px;
color:#55544e;
font-size:18px;
text-decoration:none;
}

a {
color:#5ab329;
text-decoration:underline;
}

a:hover {
color:#5ab329;
text-decoration:none;
}


.contact-info {
font-size:16px;
color:#55544e;
font-weight:bold;
text-align:center;
}

#ajaxticker1{
width: 610px;
border: none;
padding: 5px;
margin-left :3px;
background: transparent;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background: transparent;
}

.someclass{ }
.mission {
line-height:normal;
color:#000000;
}


td{
line-height:normal;
color:#000000;
}

textarea {
overflow: scroll;
overflow-y: scroll;
}

@charset "utf-8";
/* CSS Document */
body{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#services-wrapper {
width:574px;
}

#services-top {
width:100%;
margin-bottom:10px;
}

#services-logo {
width:285px;
float:left;
}

#services-top-text{
float:left;
width:279px;
margin-left:10px;
color:#999;
margin-top:10px;
text-align:justify;
}

.services-image{
margin-top:10px;
}


.clr{
clear:both;
}

#services-main{
background:url(/images/services-main-bg.jpg) bottom no-repeat;
width:100%;
margin-bottom:0px;
padding-bottom:0px;
}

#services-main-left {
width:431px;
float:left;
padding-left:10px;
padding-bottom:10px;
}

#services-main-left-bottom{
font-size:18px;
font-weight:bold;
color:#55544f;
line-height:10px;
margin-top:10px;
}

.tag-line{
font-size:14px;
color:#55544f;
}

#services-main-right {
float:left;
padding-left:10px;
padding-bottom:10px;
width:123px;
}

#services-bottom{
background:url(/images/services-bottom-bg.jpg) top no-repeat;
width:100%;
height:250px;
margin-top:0px;
padding-top:0px;
}

#services-bottom-left{
float:left;
width:131px;
padding-left:10px;
padding-top:10px;
}

#services-bottom-middle{
float:left;
width:345px;
padding-left:10px;
padding-top:10px;
Text-align:center;
color:#61bf28;
font-size:16px;
font-weight:bold;
line-height:14px;
}

#services-bottom-right{
float:left;
width:206px;
padding-left:10px;
padding-top:10px;
text-align:justify;
line-height:17px;
}

#services-main-right ul {
list-style-image:url(/images/services-arrow.jpg);
margin-left:30px;
padding-left:0px;
color:#61bf28;
line-height:20px;
}

#services-bottom-left ul {
list-style-image:url(/images/services-arrow.jpg);
margin-left:30px;
padding-left:0px;
color:#61bf28;
line-height:20px;
}

#bullet-boxes{
margin-top:30px;
border:1px solid #ccc;
padding:10px;
line-height:17px;
}

#green-wrapper{
width:281px;
margin-top:10px;
}

#search-wrapper{
width:281px;
height:42px;
background:#5fbc2b;
}

#green-main{
background: #39711a url(/images/green-ng.jpg) no-repeat top;
height:110px;
padding-top:120px;
}

#green-search{
background: url(/images/green-search.png) no-repeat;
height:20px;
width:190px;
border:0px;
margin-left:4px;
margin-top:7px;
float:left;
padding-left:36px;
padding-top:7px;
color:#999999;
font-style:italic;
}

#green-button{
background: url(/images/button.jpg) no-repeat;
height:27px;
width:46px;
border:0px;
margin-top:7px;
}

#green-estimate{
height:85px;
width:281px;
display:block;
}

#metal-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
;
}
#metal-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/metal-pg.jpg) no-repeat;
}
#metal-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/metal-pg-over.jpg) no-repeat;
}


#tile-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
}
#tile-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/tile-pg.jpg) no-repeat;
}
#tile-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/tile-pg-over.jpg) no-repeat;
}


#flat-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
}
#flat-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/flat-pg.jpg) no-repeat;
}
#flat-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/flat-pg-over.jpg) no-repeat;
}


#shake-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
}
#shake-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/shake-pg.jpg) no-repeat;
}
#shake-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/shake-pg-over.jpg) no-repeat;
}


#commercial-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
}
#commercial-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/commercial-pg.jpg) no-repeat;
}
#commercial-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/commercial-pg-over.jpg) no-repeat;
}


#roofing-gallery{
width:197px;
height:324PX;
display:block;
float:left;
margin-left:9px;
margin-top:10px;
}
#roofing-gallery a{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/roofing-pg.jpg) no-repeat;
}
#roofing-gallery a:hover{
display:block;
width:197px;
height:324PX;
background:url(http://www.roofportland.com/images/roofing-pg-over.jpg) no-repeat;
}

.thumb {
padding-right:10px;
padding-bottom:5px;
}

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 245px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
  
}

ul#menu li a {
  background: url(/images/acc-bg.jpg) no-repeat;
  color: #666;
  height:29px;
  padding-top:5px;
  padding-left:30px;
  font-size:14px;
  font-weight:bold;
}

ul#menu li a:hover {
  background: url(/images/acc-bg-2.jpg)  no-repeat;
  color:#fff;
}




ul#menu li ul li a {
  color: #5AB329;
  padding-left: 20px;
  background: #fff url(/images/acc-li-bg.jpg) bottom center no-repeat;
  padding-top:5px;
  padding-bottom:5px;
  font-size:12px;
  text-decoration:underline;
  
}

ul#menu li ul li a:hover {
  background: #ccc;
  border-left: 5px #5AB329 solid;
  padding-left: 15px;
  color:#333;
}

#rc-top{
width:574px;
background: #fff url(/images/rc-bg.jpg) bottom center no-repeat;
margin-bottom:15px;
padding-bottom:5px;
}

#rc-top-left{
	padding-top:15px;
	width:383px;
	float:left;
	margin-left:5px;
	
}

#rc-top-left p{
line-height:20px;
text-align:justify;
}

#rc-top-right{
float:left;
margin-left:20px;
margin-right:5px;
width:100px;
}

#rc-wrapper{
	width:574px;
	background:#fff;
	float:left;
} 

#news-articles{
	height:46px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	line-height:46px;
	padding-left:10px;
	margin-bottom:10px;
	width:100%;
}



#helpful-videos{
	height:46px;
	border-top:1px dotted #000;
	border-bottom:1px dotted #000;
	line-height:46px;
	padding-left:10px;
	margin-bottom:10px;
	width:100%;
}


#left-col{
	float:left;
	margin-right:5px;
	margin-right:5px;
}
#right-col {
	float:right;
	margin-left:5px;
}

.news-article-item{
	width:255px;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	height:200px;

}

.video-item{
	width:255px;
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:10px;
	height:250px;

}


.video-item p{
	font-size:12px;
	color:#333;
	text-align:center;
}

.news-article-item h3{
padding-top:0px;
margin-top:0px;
color:#55544E;
font-size:14px;	
border-bottom:1px dotted #000000;
}

#rc-top-right h2{
border-bottom:1px dotted #000000;
color:#55544E;
font-size:16px;
width:160px;

}

#news-articles h2{
padding-top:0px;
margin-top:0px;
color:#55544E;
font-size:18px;	
border:0px !important;
}

#helpful-videos h2{
padding-top:0px;
margin-top:0px;
color:#55544E;
font-size:18px;	
border:0px !important;
}	

.sc-image{
	float:right;
}


.sidebar-box{
	border-top:1px solid #292828;
	border-bottom:1px solid #292828;
	background: #e0dfdb url(/images/sidebar-box-bg.jpg) repeat-x bottom;
	width:281px;
	padding-bottom:10px;
	margin-bottom:2px;
}



.sidebar-box-inner{
	padding-left:12px;
	padding-top: 15px;
	padding-right:8px;
}	

.sidebar-box-inner h3 {
	color:#292828;
	font-size:18px;
	font-weight:bold;
	height:30px;	
	border-bottom:2px dashed #292828;
	}
	
.sidebar-box-inner p {
	font-size:13px;
}

.sidebar-box-inner ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.sidebar-box-inner ul li{
	display:block;
	height:32px;
	background:#b6b5b3;
	margin-bottom:10px;
	font-size:15px;
	padding-left:56px;
	padding-top:15px;
}

.phone-li{
	background: #b6b5b3 url(http://roofportland.com/wp-content/themes/default/images/cnt-1.png) 10px 10px no-repeat !important;
}

.email-li{
	background:#b6b5b3 url(http://roofportland.com/wp-content/themes/default/images/cnt-2.png) 10px 10px no-repeat !important;
}


.sidebar-box a {
width:100%;
display:block;
background:url(/images/sidebar-box-a-bg.jpg) left no-repeat;
height:22px;
font-size:16px;
font-weight:bold;
color:#fff;
padding-left:50px;
text-decoration:none;
padding-top:5px;
}

.sidebar-box a:hover {
background:url(/images/sidebar-box-a-bg-hover.jpg) left no-repeat;
text-decoration:underline;
}

#qLink {
	width:376px;
	height:19px;
	background:url(/images/qLink-bg.jpg) no-repeat;
	font-size:13px;
	color:#fff;
	padding-left:10px;
	padding-top:2px;
	margin-top:10px;
}

#qLink a{
	color:#fff;
	padding-left:17px;
	padding-right:17px;
	text-decoration:none;
}


#qLink a:hover{
	color:#fff;
	padding-left:17px;
	padding-right:17px;
	text-decoration:underline;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 00px solid navy;
border-bottom-width: 0px;
height:236px;
width:659px;
}



.sliderwrapper .contentdiv{
position:absolute;
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 659px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.pagination{
position:absolute;
top:2px;
left:427px;
width: 210px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:20px;
text-align: right;
background-color:black;
padding: 5px 10px;
float:right;
z-index:1001;
background:url(../images/pag-bg.png) repeat-x;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #ffffff;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #59b128;
}