@import url("http://www.cdi-services.com/?css=stylesheets/navigation");
@import url("http://www.cdi-services.com/?css=stylesheets/tags");
@import url("http://www.cdi-services.com/?css=stylesheets/forms");
/*----------------------------------------------------------------
MASTER STYLESHEET

Includes: 
Browser Compatibility: IE 6, IE 7, FIREFOX, SAFARI 
Layout Type:

Color Sceme:


Developers:
**********************************
Kevin Guill
email: kevin.guill@rezstream.com
website:http://rezstream.com
**********************************
----------------------------------------------------------------*/



/* =layout start / DO NOT EDIT BELOW THIS LINE
----------------------------------------------------------------*/
*{
margin:0;
padding:0;
}

img{
border:none;
}

body{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#333;
}

#shadow_wrapper_hp{
text-align:left;
margin:0 auto;
width:900px;
padding:0px 15px;
background:url(http://www.cdi-services.com//images/sitedesign/content/shadow_wrapper_bg.jpg) center 90px no-repeat

}

#shadow_wrapper_int{
text-align:left;
margin:0 auto;
width:900px;
padding:0px 15px;
background:url(http://www.cdi-services.com//images/sitedesign/content/shadow_wrapper_int_bg.jpg) center 110px no-repeat

}

#wrapper{
text-align:left;
width:900px;
padding:0px;
}
/* =header
-----------------------------*/
#header{
width:900px;
height:70px;
padding:10px 0px;
}

#logo{
float:left;
width:385px;
}

#header_right{
float:right;
width:500px;
text-align:right;
}

#header_right_top{
height:35px;
}

#header_right_bottom{
height:35px;
}

.support_icon_header{
padding:2px 0px 2px 30px;
height:18px;
background:url(http://www.cdi-services.com//images/sitedesign/header/support_icon.jpg) left center no-repeat;
}

.phone_number_header{
font-size:14px;
color:#196d3f;
}

/* =search
-----------------------------*/
#search_wrapper{
float:right;
width:202px;
height:18px;
border:1px solid #838282;
}


#search-form{
margin:0px 0px 0px 0px;
font-size:70%;
width:100%;
}

/* fieldset styling */
#search-form fieldset{
margin:0em 0; /*  space out the fieldsets a little*/
padding:0em;
border:none;
}

/* legend styling */
#search-form legend{
font-weight:bold;
}

#search-form p{
margin:0;
position:relative;
width:100%;
}

/* style for  labels */
#search-form label{
float:right;
width:12em;
}

#search-form input,
#search-form textarea,
#search-form select{
float:left;
width:173px;
height:18px;
background:#fff;
border:none;
border-right:1px solid #838282;
}


#search-form .submitsearch{
float:right;
border:none;
width:28px;
height:20px;
background:url(http://www.cdi-services.com//images/sitedesign/header/search_icon_header.jpg) no-repeat;
border:none;
}

/* =slideshow homepage
-----------------------------*/
#slideshow_wrapper{
clear:both;
width:900px;
height:305px;
background:#000;
}

#slideshow{
float:left;
width:700px;
height:300px;
}

#slideshow_banners{
float:right;
height:300px;
width:194px;
margin-right:3px;
background:#999;
}

#slideshow_banners ul{
list-style:none;
}

#slideshow_banners ul li{
background:#333;
margin-bottom:1px;
}

#slideshow_banners ul li a{
height:49px;
width:194px;
display:block;
text-indent:-9999px;
}


#slideshow_banners ul li a:hover{
background:#222;
}

#slideshow_banners ul li.erosion a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_erosion.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.erosion a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_erosion.jpg) 0px -49px no-repeat;
}

#slideshow_banners ul li.reclamation a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_reclamation.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.reclamation a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_reclamation.jpg) 0px -49px no-repeat;
}

#slideshow_banners ul li.environmental a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_environmental.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.environmental a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_environmental.jpg) 0px -49px no-repeat;
}


#slideshow_banners ul li.monumentation a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_monumentation.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.monumentation a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_monumentation.jpg) 0px -49px no-repeat;
}

#slideshow_banners ul li.landscaping a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_landscaping.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.landscaping a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_landscaping.jpg) 0px -49px no-repeat;
}

#slideshow_banners ul li.landscaping a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_landscaping.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.landscaping a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_landscaping.jpg) 0px -49px no-repeat;
}

#slideshow_banners ul li.snow_removal a{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_snow_removal.jpg) 0px 0px no-repeat;
}

#slideshow_banners ul li.snow_removal a:hover{
background:url(http://www.cdi-services.com//images/sitedesign/banners/homepage_slideshow/ss_snow_removal.jpg) 0px -49px no-repeat;
}



/* =content homepage
-----------------------------*/
#content_wrapper_hp{
clear:both;
width:900px;
background:url(http://www.cdi-services.com//images/sitedesign/content/content_wrapper_bg.jpg) top right repeat-y;
}

#content_hp{
float:left;
width:680px;
padding:15px 0px;
}

#main_content_hp{
float:left;
width:359px;
padding:0px 20px 0px 20px;
border-right:1px solid #a8a8a8;
}

#news_hp{
float:right;
width:260px;
padding:0px 0px 0px 0px;
}

#news_hp h2{
position:relative;
padding:0px 0px 0px 30px;
background:url(http://www.cdi-services.com//images/sitedesign/content/news_icon.jpg) left center no-repeat;
height:25px;
font-size:110%;
color:#848484;
}

#news_hp h2 .rss{
text-align:right;
position:absolute;
right:0;
}

#news_story_wrapper_hp{
width:260px;
padding:5px 0px 0px 0px;
border-bottom:1px dotted #b8b8b7;
}

#news_story_photo_hp{
float:left;
width:70px;
padding:0px 10px 0px 0px;
}

#news_story_photo_hp img{/*IMAGE SHOULD BE 66PX WIDE*/
padding:1px;
border:1px solid #b8b8b7;
}

#news_story_hp{
font-size:80%;
}

#news_story_hp h3{
}

#news_story_hp h3 a{
text-decoration:none;
}

#news_story_hp h3 a:hover{
text-decoration:underline;
}

#sidebar_hp{
float:right;
width:180px;
padding:15px 10px 15px 20px; 
background:url(http://www.cdi-services.com//images/sitedesign/sidebar/sidebar_hp_bg.jpg) top right no-repeat;
}


.sidebar_locations_hp{
font-size:90%;
border-bottom:1px solid #a8a8a8;
}

.sidebar_locations_hp ul{
margin-left:25px;
}

#sidebar_hp h4{
margin:10px 0px 0px 10px;
font-size:100%;
}

#sidebar_hp address{
padding:5px 0px 10px 15px;
}

/* =content interior
-----------------------------*/
#breadcrumb{
clear:both;
width:900px;
height:23px;
}


#site_section_title{
float:left;
padding:2px 0px 0px 10px;
width:190px;
height:21px;
font-size:16px;
color:#fff;
text-transform:uppercase;
background:url(http://www.cdi-services.com//images/sitedesign/content/site_section_bg.jpg) right top no-repeat;
}

#main_pagetitle{
float:right;
padding:2px 0px 0px 15px;
width:685px;
height:21px;
font-size:16px;
color:#fff;/*#c0bdbd*/
/*text-transform:uppercase;*/
background:url(http://www.cdi-services.com//images/sitedesign/content/main_pagetitle_bg.jpg) no-repeat;
}


#content_wrapper_int{
clear:both;
width:900px;
background:url(http://www.cdi-services.com//images/sitedesign/content/int_content_wrapper_bg.jpg) top left repeat-y;
}

#content_int{
float:right;
width:700px;
padding:0px 0px 15px 0px;
}



#slideshow_int{
clear:both;
width:700px;
height:215px;
background:#000;
}


#main_content_int{
float:left;
width:495px;
padding:0px 0px 15px 0px;
background:url(http://www.cdi-services.com//images/sitedesign/content/pagetitle_bg.jpg) repeat-x;
}

#pagetitle_bar{
display:block;
height:37px;
padding:3px 0px 0px 20px;
color:#a8a7a6;
}


#pagetitle_bar h2{
font-size:120%;
margin:0px 0px 10px 0px;
color:#BDBDBD;
text-decoration:none;
font-weight:normal;
}

.main_content_padding_int{
width:460px;
padding:0px 10px 0px 25px;
}

#main_content_sidebar_int{
float:right;
width:205px;
padding:0px 0px 15px 0px;
background:url(http://www.cdi-services.com//images/sitedesign/content/pagetitle_arrow_green_bg.jpg) no-repeat;

}

#main_content_sidebar_int h3{
height:25px;
padding:5px 0px 0px 20px;
margin:0px;
color:#FFF;
font-size:90%;
font-weight:normal;
}

#main_content_sidebar_int h3 a{
color:#FFF;
text-decoration:none;
}

.main_content_sidebar_padding_int{
width:175px;/*190px*/
padding:0px 0px 0px 14px;
}

#gallery{
position:relative;
margin:5px auto 10px auto;
}

#gallery a img{
margin:0 auto;
margin:0px 2px;
border:1px solid #8f8f8f;
}

#gallery a:hover img{
border:1px solid #999999;
}



#contextual_nav{
list-style:none;
width:190px;
margin:0px 0px 15px 0px
padding:0px;
}

#contextual_nav li{
display:inline;
width:190px;
}

#contextual_nav li a{
display:block;
width:175px;
padding:5px 0px 5px 15px;
text-decoration:none;
}

#contextual_nav li a:hover{
background: url(http://www.cdi-services.com//images/sitedesign/sidebar/contextual_nav_hover.jpg) left center no-repeat;
}

#contextual_nav li a.contextual_highlight{
background: url(http://www.cdi-services.com//images/sitedesign/sidebar/contextual_nav_hover.jpg) left center no-repeat;
}

.contextual_sidebar_heading{
width:180px;/*190*/
position:relative;
height:18px;
margin:10px 0px 10px 0px;
padding:1px 0px 0px 10px;
color:#FFF;
font-size:14px;
text-transform:uppercase;
background:url(http://www.cdi-services.com//images/sitedesign/sidebar/contextual_sidebar_heading.jpg) no-repeat;
}

.contextual_sidebar_rss{
text-align:right;
position:absolute;
right:0;
top:3px;
}

.contextual_sidebar_headlines{
list-style:none;
width:190px;
margin:0px 0px 15px 0px;
padding:0;
}

.contextual_sidebar_headlines li{
display:inline;
width:190px;
font-size:80%;
}

.contextual_sidebar_headlines li a{
display:block;
width:175px;
padding:5px 0px 5px 15px;
text-decoration:none;
color:#555555;
}

.contextual_sidebar_headlines li a:hover{
color:#196d3f;
}

.contextual_banner{
width:190px;
padding:5px 0px 5px 0px;
text-align:center;
}


#sidebar_int{
float:left;
width:199px;
padding:0px 0px 15px 0px; 
background:url(http://www.cdi-services.com//images/sitedesign/sidebar/sidebar_int_bg.jpg) top left no-repeat;
}

/* =footer
-----------------------------*/
#footer{
clear:both;
text-align:left;
margin:0px auto 20px auto;
width:900px;
padding:5px 0px 10px 0px;
border-top:3px solid #000;
font-size:10px;
}

#footer_left{
float:left;
width:600px;
text-align:left;
}

#footer_right{
float:left;
width:300px;
text-align:right;
}


.clear{clear:both}
/* =layout end / DO NOT EDIT ABOVE THIS LINE
----------------------------------------------------------------*/


/* =locations
----------------------------------------------------------------*/
.contactinfo_horz_wrapper {
position:relative;
margin:0 0 10px 0px;
padding:0 0 10px 0px;
width:460px;
border-bottom:1px solid #505050;
}

.contactinfo_horz {
float:left;
margin:0 auto 10px auto;
padding:0 0 10px 0px;
width:225px;
}

.contactinfo {
margin:0 0 10px 0px;
padding:0 0 10px 0px;
width:460px;
border-bottom:1px solid #505050;
}

.contactinfo .photos{
float:right;
text-align:right;
}

.contactinfo .photos img{
border:1px solid #333;
}

/* =blog article build / 
-------------------------------*/
.serviceswrapper{
float:left;
width:460px;
padding:5px 0px 20px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #505050;
}

.servicesphoto{
float:left;
width:145px;
padding:0px 0px 0px 0px;
font-weight:bold;
}

.servicesphoto img{
border:1px solid #333;
}

.services{
float:right;
width:460px;
}

.services h2{
font-size:110%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#000;
}

.services h2 a{
color:#000;
text-decoration:none;
}

.services h3{
padding:0px 0px 15px 0px;
}

.servicesinfowrapper{
font-size:70%;
/*width:310px;*/
}

.servicesinfo{
float:left;
}

.commentamt{
float:right;
}

.services-content{
float:right;
width:300px;
padding:0px 5px;
}

.serviceslinkswrapper{
clear:both;
font-size:70%;
padding:5px 0px;
/*width:310px;*/
}

.serviceslinks{
float:left;
padding:5px 0px;
width:275px;
}

.permalink{
float:right;
padding:5px 0px;
}

/* =services article build end / 
-------------------------------*/

/* =blog article build / 
-------------------------------*/
.articlewrapper{
float:left;
width:460px;
padding:5px 0px 20px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px solid #505050;
}

.articlephoto{
clear:both;
float:left;
width:145px;
padding:0px 10px 0px 0px;
font-weight:bold;
}

.articlephoto img{
border:1px solid #333;
}

.article{
float:right;
width:460px;
}

.article h2{
font-size:110%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#000;
}

.article h2 a{
color:#000;
text-decoration:none;
}

.article h3{
padding:0px 0px 15px 0px;
}

.articleinfowrapper{
font-size:70%;
/*width:310px;*/
display:block;
}

.articleinfo{
float:left;
}

.commentamt{
float:right;
}

.article-content{
clear:float;
padding:20px 5px;
}

.articlelinkswrapper{
clear:both;
font-size:70%;
padding:5px 0px;
/*width:310px;*/
}

.articlelinks{
float:left;
padding:5px 0px;
width:275px;
}

.permalink{
float:right;
padding:5px 0px;
}

/* =blog article build end / 
-------------------------------*/

/* =blog comment build  / 
-------------------------------*/
.commentwrapper_author,
.commentwrapper,
.commentwrapperalt{
float:left;
width:460px;
padding:10px 0px 10px 0px;
border-bottom:1px solid #d3d7c8;

}

/*._articlephoto{
float:left;
width:20px;
padding:10px;
font-weight:bold;
}*/

.comment{
float:right;
width:460px;
}

.commentinfowrapper{
float:left;
font-size:80%;
width:100%;
padding:0px 0px 5px 0px;
}

.commentinfowrapper .name{
font-weight:bold;
}

.commentinfo{
float:left;
}

.commenth3wrapper{
clear:both;
float:left;
padding:0px 0px 0px 0px;
margin:0px;
width:100%;
background:url(http://www.cdi-services.com//images/sitedesign/content/pencil-paper.png) left top no-repeat; 
}

.commenth3wrapper h3{
float:left;
width:45%;
font-size:120%;
padding:0px 0px 30px 30px;
}

.commentrules{
float:right;
text-align:right;
width:45%;
font-size:70%;
}

.pagination{
clear:both;
margin:0px 0px 20px 0px;
padding:10px 0px 10px 0px;
font-size:70%;
border-bottom:1px solid #505050;
}

/* =blog comment build end / 
-------------------------------*/

/**********************search results*****************/
.search-result{
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #505050;
}

.search-result-title{
width:100%;
margin:0px 0px 2px 0px;
font-weight:bold;
}

.search-result-info{
width:100%;
font-size:80%;
font-style:italic;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 0px;
}

.search-result-excerpt{
width:100%;
font-size:90%;
margin:0px 0px 0px 0px;
}

/*************************STAFF*****************/
.stafftable{
width:460px;
border:none;
padding:0px;
padding:10px;
border-bottom:1px solid #909A75;

}

.staffphoto{
width:135px;
padding:0px 10px 0px 0px;
}

.staffphoto img{
border:5px solid #e5e7de;
}

.staffinfofields{
width:120px;
padding:0px 5px 0px 0px;
font-weight:bold;
font-style:italic;
text-align:right;
vertical-align:top;
font-size:80%;
}

.staffinfo{
width:190px;
padding:0px 0px 0px 5px;
vertical-align:top;
font-size:80%;
}

.staffdesc{
padding:10px 0px 0px 0px;
}

/**********************sitemap*****************/

.sitemap{
margin:0px 0px 15px 15px;
}

.sitemap li a{
line-height: 1.5;
}