body { background:url('../images/bg.gif') repeat; font-style:normal; font-variant:normal; font-weight:normal; text-align:justify; line-height:1.5; font-size:0.75em; font-family:arial, sans-serif; padding-left:0; padding-right:0; padding-top:25px; padding-bottom:25px; }

.tabcat{ font-size: 12px; z-index:1; padding: 6px; border: 1px solid #EEEEEE; }

h1 { margin:5px 0; font-size: 14px; padding-left: 5px; color: #FF0000; }
h2 { margin:0px 0; font-size: 14px; padding-left: 5px; }
h3 { margin:15px 0; }
h4 { margin:15px 0; font-size: 14px; font-style:Trebuchet MS; }
h4 a:hover { margin:15px 0; font-size: 14px; font-style:Trebuchet MS; color:#ff0000; }
h5 {margin:15px 0;}
h6 {margin:15px 0;}
 
img.alignright {
float: right;
/*padding: 0px 20px 5px 35px;*/
/*border: solid 1px #810e0e;*/
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px;
/*background: #e6e5e5;*/
}

img.alignleft {
float: left;
/*margin: 3px 15px 5px 0px;*/	
/*border: solid 1px #810e0e;*/
margin: 0px 5px 0px 5px;
padding: 5px 5px 5px 5px;
/*background: #e6e5e5;*/
}

img {
/*border: solid 1px #810e0e;*/
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px; 
/*background: #e6e5e5; */	
}

p, address, blockquote, table, dl, fieldset {margin:5px 0;}

.x { margin-bottom:-10px; }

#main { width:940px; padding:10px; margin:0 auto; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* -- Header, Logo & Slogan -- Start --*/
#header { position:relative; height:140px; background:url('../images/header.gif') no-repeat 0 0; overflow:hidden; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0; }
#header #logo { margin:0; padding-top: 25px; }
#slogan { position:absolute; top:45px; right:20px; width:215px; background:url('../images/pattern.gif'); padding-left:25px; padding-right:10px; padding-top:5px; padding-bottom:5px; font-size: 20px; }

/* -- Navigation -- Start --*/  
#nav {position:relative; background:url('../images/nav.gif') repeat-x 0 0;; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0; }
#nav ul { margin:0; list-style:none; }
#nav ul li { display:inline; }
#nav ul li a { display:block; float:left; background:url('../images/nav-separator.gif') repeat-y 100% 0; text-decoration:none; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px; }
#nav a:hover { text-decoration:underline; }
#nav ul li.active, #nav ul li.active a {font-weight:bold;}
#nav #feeds {position:absolute; top:9px; right:25px; margin:0;}
#nav #feeds a:hover {text-decoration:none;}
/* -- Navigation -- End --*/
 
#cols1 {margin-bottom:10px; background:url('../images/cols1.gif') no-repeat 0 0;}
#cols-in1 {min-height:430px; padding:20px; background:url('../images/cols-in1.gif') no-repeat 0 100%; }    
#cols {margin-bottom:10px; background:url('../images/cols.gif') no-repeat 0 0;}
#cols-in {min-height:430px; padding:20px; background:url('../images/cols-in.gif') no-repeat 0 100%; }

/* -- Start: Content -- */
#content ol li { margin-left: 30px; padding-left:5px; line-height: 18px; }
#content ul li { margin-left: 15px; padding-left:5px; list-style: url('../images/subnav.gif'); line-height: 18px;}
#content ul li span { position: relative; top: -8px; }
#content { float:left; width:600px; }
#content1 { float:left; width:900px; }
#aside { float:right; width:280px; }
#content .in, #aside .in { padding:15px; }
#content1 .in, #aside .in { padding:15px; }
/* -- End: Content -- */
   
#footer {padding:10px 15px 15px 15px; text-align:center; width:910px; margin: 0 auto;}
#footer p {margin:0; text-align:center;}

#copy {margin:15px auto 0 auto; width:910px; font-size:90%;}

.clear {width:100%;margin-bottom:5px;}

#breadcrumbs {margin:0; font-size:90%;}
#breadcrumbs a:hover {text-decoration:none;}
#breadcrumbs span {margin:0 3px;}

#topstory-img {float:left; width:200px;}
#topstory-img img {display:block;}
#topstory-txt {float:right; width:355px;}
#topstory-txt h3 {margin:0; font-size:140%; font-weight:normal;}
#topstory-txt #topstory-info {margin:0; font-size:90%;}
#topstory-txt .comment {padding-left:12px; background:url('../images/ico-comment.gif') no-repeat 0 2px;}

.cols5050 {clear:both; background:url('../images/dot-01.gif') repeat-x 0 100%;}
.cols5050 .col {float:left; width:275px;}
.cols5050 .col .article {clear:both; margin-bottom:15px;}
.cols5050 .col .article-img {float:left; width:85px;}
.cols5050 .col .article-img img {display:block;}
.cols5050 .col .article-txt {float:right; width:175px;}
.cols5050 .col .article-txt h4 {margin:0; margin-bottom:7px; font-size:110%;}
.cols5050 .col .article-txt p {margin:0; font-size:90%;}

#subnav {margin:0; list-style:none;}
#subnav li {display:inline;}
#subnav li a {display:block; background:url('../images/subnav.gif') no-repeat 10px 50%;; padding-left:25px; padding-right:10px; padding-top:4px; padding-bottom:4px}
#subnav li a:hover {text-decoration:none;}
#subnav li.last a {border:0;}

dl#news {margin:0; background:url('../images/dot-02.gif') repeat-y 3px 0;}
dl#news dt {margin-bottom:3px; padding-left:15px; background:url('../images/news-dt.gif') no-repeat 0 50%; font-weight:bold}
dl#news dd {margin:0; margin-bottom:10px; padding-left:15px;}
dl#news a:hover {text-decoration:none;}

.title-01 {margin:0;  font-size:150%; font-weight:normal; padding-left:45px; padding-right:15px; padding-top:15px; padding-bottom:15px}
.title-02 { font-size:100% font-style:Trebuchet MS;}
.title-02 span {padding-right:5px;}
.title-03 {margin:0;  font-size:14px; font-weight:bold; padding-left:15px; padding-right:10px; padding-top:7px; padding-bottom:7px}
.title-04 {margin:0 5px; background:url('../images/title.gif') repeat-x 0 0; font-size:100%; font-weight:bold; padding-left:15px; padding-right:30px; padding-top:13px; padding-bottom:13px}

.more {padding-right:14px; background:url('../images/more.gif') no-repeat 100% 5px;}
a:hover.more {text-decoration:none;}

/* -- Tool Tip - Start --*/
.tooltip { 
display:none; 
background:transparent url('/images/black_arrow.png'); 
font-size:12px; 
height:70px; 
width:160px; 
padding:25px; 
color:#fff;
}
/* -- Tool Tip - End --*/

/* -- Tabs - Start -- */
.tabs { list-style:none; margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; }
.tabs li { float:left; text-indent:0;	padding:0; margin:0 !important; list-style-image:none !important;}
.tabs a { background: url('http://crsremodeling.ca/images/tabs.png') no-repeat -652px 0; font-size:11px;	display:block; height: 30px; 
line-height:30px; width: 111px; text-align:center;	text-decoration:none; color:#000; padding:0px; margin:0px; position:relative; top:1px; }
.tabs a:active { outline:none;}
.tabs a:hover { background-color: #fff; background-position: -652px -31px; color:#fff; }
.tabs .current, .tabs .current:hover, .tabs li.current a {	background-position: -652px -62px; cursor:default !important; color:#000 !important; }

/* width 1 */
.tabs .w1 			{ background-position: -519px 0; width:134px; }
.tabs .w1:hover 	{ background-position: -519px -31px; list-style:none;}
.tabs .w1.current { background-position: -519px -62px; list-style:none;}

/* width 2 */
.tabs .w2 			{ background-position: -366px -0px; width:154px; }
.tabs .w2:hover 	{ background-position: -366px -31px; list-style:none;}
.tabs .w2.current { background-position: -366px -62px; list-style:none;}

/* width 3 */
.tabs .w3 			{ background-position: -193px -0px; }
.tabs .w3:hover 	{ background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }

/* width 4 */
.tabs .w4 			{ background-position: -0px -0px; }
.tabs .w4:hover 	{ background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }

.panes .pane { display:none;	}
/* -- Tabs - End --*/
