@charset "UTF-8";
/* CSS Document */

html {
	background-color : #333;
	}
	
body {
	display : block;
	width : 758px;
        background: #fff;
	background-repeat: repeat-x;
	background-position:bottom;
	margin-left  : auto;
	margin-right: auto;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	}
	
/* panels */
	
#header_panel {
   	display : block;
	width : 100%;
   	height : 107px;
	}

#CCMail_promo {
        padding : 0;
        margin : 0;
        border : 0;
        display : block;
        width : 235px;
        height : 100px;
        position : relative; top: -70px; left : 514px;
        text-indent : -9999px;
        z-index : 3;
        }


#CCMail_promo a{
        padding : 0;
        margin : 0;
        border : 0;
        display : block;
        position : relative; top : -10px; left : -13px;
        height : 100px;
        width : 243px;
        /*background:url("../images/CCMail_promo.jpg");
	background-repeat: no-repeat;
	background-position:top;*/
        }


#nav_panel {
	display : block;
        padding-left : 10px;
        width : 100%;
	height : 35px; 
        background-color : #333;
	text-transform : uppercase;
	text-decoration : none;
	font-size: .8em;

	}
	
#portfolio_panel {
	display : block;
	width : 100%;
        background:url("../images/333_pix.gif");
	background-repeat: repeat-x;
	background-position:bottom;
	}

#basic_content {
	display : block;
	width : 100%;
        background:url("../images/333_pix.gif");
	background-repeat: repeat-x;
	background-position:bottom;
	}
	
#about_panel {
	display : block;
	width : 100%;
        background:url("../images/333_pix.gif");
	background-repeat: repeat-x;
	background-position:bottom;
        padding-bottom: 10px;
	}
	
#posts_panel {
	display : block;
	width : 100%;
        background:url("../images/333_pix.gif");
        background: #fff;
	}
	
#footer_panel {
	display : block;
        border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	background-color : #959595;
	width : 100%;
	height : 100px;
	background-color: #666;
	}
	
/* navigation */

#nav_main ul, div#nav_main li {
	display : inline;
	float : left;
	height : 35px;
	line-height : 35px;
	margin : 0 15px 4px 0px;
	padding : 0;
	color : #fee900;
	list-style-type : none;
	}
	
	#nav_main li {
	background:url("../images/nav_arrow.png");
	background-repeat: no-repeat;
	background-position:bottom;
	}
	
#nav_main li a {
	background-image:url("../images/nav_arrow_hide.gif");
	background-repeat: no-repeat;
	background-position:bottom;
	display : block;
	height : 35px;
	text-decoration : none;
	}
	

#nav_main li a:link {
	color:#FFF;
	}
	
#nav_main li a:visited {
	background-image:url("../images/nav_arrow_hide.gif");
	color : #fff;
	font-weight: 400;
	}


#nav_main li a.active {
        color : #fee900;
	background-image:url("../images/nav_arrow.png");
	background-repeat: no-repeat;
	background-position:bottom;
	display : block;
	height : 35px;
        }
	
#nav_main li a:hover {
	background-image:url("../images/nav_arrow_hover.gif");
	color : #fee900;
	}

#login li{
	display : inline;
	float : right;
	height : 36px;
	position: relative; right: 15px;
	line-height : 35px;
	margin : 0 5px 4px 10px;
	padding : 0;
	color : #fee900;
	list-style-type : none;
	}

#login a {
	text-decoration : none;
	color : #FFF;
	}
	
#login a:hover {
	color : #fee900;
	background-image:url("../images/nav_arrow_hover.gif");
	background-repeat: no-repeat;
	background-position:bottom;
	display : block;
	height : 35px;
	}
	
#login a:visited {
	font-weight : 400;
	}
	
/*header image*/
	
	h1#CCDtitle {
	height : 61px;
	width : 750px;
	position : relative; top : 27px;
	background-image : url("../images/hd_ccd_logo.gif");
	background-repeat : no-repeat; 
	text-indent : -9999px;
	}
	
/* heading and paragraph styles */

h2{
	display:block;
	height : 16px;
	font-size: 7pt;
	font-weight: 500;
	text-transform:uppercase;
	line-height: 16px; 
	color: #484e41;
	position:relative; top : 10px;
	background-image:url("../images/h2_arrow.png");
	background-repeat:no-repeat;
	padding-left: 15px;
	}

h3{
        margin-top: 0px;
        font-size: 16pt;
        font-weight: bold;
	color: #484e41;
        position:relative; top : 13px;
	padding-left: 15px;
	}

h4{
        font-size: 7pt;
        font-weight: 500;
	color: #484e41;
	padding-left: 15px;
	}
        
	
p{
	padding-top: -40px;
        font-size: 8pt;
	color:#484e41;
	line-height: 1.5em;
	position:relative; left : 4px;
	padding : 10px 20px 0px 10px;
	}

p.introPara{
	font-size: 12pt;
        line-height: 1.3em;
        }

blockquote{
        font-size: 12pt;
        font-style: italic;
        color: #666;
        display: block;
        position : relative; left: -30px;
        padding : 10px 0px 20px 60px;
	background-image:url("../images/17.gif");
	background-repeat: no-repeat;
	background-position: 0% 0%;
        }

#name{
        font-weight : bold;
        font-size: 8pt;
        display: block;
        margin : 10px 0px 0px 0px;
        }

#companyName{
        font-style:italic;
        font-size: 8pt;
        display: block;
        }
	
p a:link, p a:visited {
	text-decoration : none;
	color : #3399cc;
	}
	
p a:hover, p a:active {
	text-decoration: underline;
        color : #3399cc;
	}

#home_post_excerpt a:link, #home_post_excerpt a:visited{
	text-decoration : none;
	color : #3399cc;
	}

#home_post_excerpt a:hover, #home_post_excerpt a:active{
	text-decoration: underline;
        color : #3399cc;
	}

#firstSection{
        display: block;
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
        padding-bottom: 20px;
        }
        
#firstSection ul{
        display: block;
        position: relative; left: -10px; top: -18px;
        padding-left: 15px;
        display: block;
        } 

#firstSection li{
        font-size: 12pt;
        float: left;
        background-image:url("../images/18.gif");
	background-repeat: no-repeat;
	background-position:100% 50%;
        padding-right: 13px;
        margin-left: 10px;
        line-height : 20px;
        list-style-type: none;
        color : #666666;
        }

#firstSection a:link, #firstSection a:visited{
	text-decoration : none;
	color : #3399cc;
	}

#firstSection a:hover, #firstSection a:active{
	text-decoration: underline;
        color : #3399cc;
	}

p ul, p li{
        font-size: 10pt;
        list-style-type: none;
        }
        

#clients #firstSection{
        height: 140px;
        }

#services #firstSection{
        dislay : block;
        height : 350px;
        }

#services #firstSection li{
        font-size: 8pt;
        float: none;
	background-image:url("../images/19.gif");
	background-repeat: no-repeat;
        padding-left: 13px;
        background-position:0% 15%;
        list-style-type: none;
        }
        
        

#leftCol{
        display : block;
        width : 50%;
        float : left;
        }

#rightCol{
        display : block;
        width : 50%;
        float : right;
        }

/*#services #secondSection h3{
        margin-top: 0px;
        }*/

/*#services #secondSection p{
        padding-top: -40px;
        }*/

/*#services #secondSection{
        display: block;
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
        padding-bottom: 20px;
        }*/

#posts_panel p{
        position: relative; top: -30px;
        }

#posts_panel p a{
        position: relative; top: -10px;
        }

#posts #posts_panel a{
        position: relative; top: 0px;
        }

#home_post_excerpt {
        margin-bottom : -40px;
        position: relative; top: -10px;
        }

#posts_panel p #link {
        position: relative; top: 10px;
        }
	
#footer_panel p{
	padding : 20px 10px 20px 10px;
	text-align : center;
	color : #FFF;
	}

fieldset{
        border : 0;
        }

legend{
        color : #fff;
        }

input, textarea, select {
        vertical-align:middle;
        background:#ddd;
        border : none;
        padding : 5px;
        }

textarea {
        height:180px;
        width : 728px;
        }


/* Ike Slidesow to follow */
	
.ike-slideshow {
margin: 10px 0px;
padding-top: 10px;
height: 520px;
}
.ike-slideshow ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.ike-slideshow ul li {
display: none;
margin: 0px;
padding: 0px;
list-style: none;
height: inherit;
line-height: inherit;
}
.ike-slideshow ul li.first {
display: block;
}
.ike-slideshow-image {
text-align: center;
padding: 0px;
font-size: 1px;
letter-spacing: 0;
}
.ike-slideshow-info {
margin-top: 10px;
text-align: center;
}
.ike-slideshow-caption {
}
.ike-slideshow-caption p {
margin: 0 0 10px 0;
}
.ike-slideshow-pagination {
font-size: 10px;
vertical-align: 2px;
padding: 2px 5px;
color: #666666;
}
.ike-slideshow img {
border: 0px;
padding: 0px;
display: inline;
margin: 0px;
}
.ike-slideshow-controls {
text-align: center;
margin: 0 0 10px 0;
}
.ike-slideshow-controls a {
border: 0px;
padding: 2px 10px;
margin: 4px;
color: #fff;
font-size: 12px;
background: #3399cc;
text-decoration : none;
}