/* General Styles */

#body {
	margin:0;
	padding:0;
	color:#998B7D;
	background:top right no-repeat #FFFFFF url(../images/page-bgnd.png);
	font-family: arial, helvetica,  sans-serif;
	font-size: 12px;
}

a { text-decoration:none; color:#E68F1A;}



#header { width:; margin:0 auto; }

.container {
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
h1, h2, h3, h5, h6 {
	color: #E58E19;
	font-family: CCfont;
	
}
h3, h5, h6 {
	font-weight: normal;
}
h3{font-weight: normal;
	font-size: 16px;
}
h4 {
	font-weight: normal;
	font-size: 15px;
	color: #191100;
}
p {
	line-height: 19px;
}
/* header */

#header { height:157px; padding:0;}
#homeLogo {text-indent: -9999px;width:277px;height:95px;display: inline-block;background: url('../images/logo-computer-care.gif') top left no-repeat;margin-top:31px;}
#contactDetails {float: right;clear:right;text-align: right;padding:0 50px 0 0;background: url('../images/bubble.gif') top right no-repeat;}
#contactDetails h2,#contactDetails h4 {padding: 0;margin:0;color: #ADADAD;line-height: 1em;}
#contactDetails h4 {font-size: 12px;font-weight: normal;line-height: 1em;}


/* Search */
#header form {margin: 37px 0 20px 0; float:right; }
#header form input.box, .box { float:left; width:151px; height:17px; padding:4px 0 4px 14px; border:none; color:#999999; background:top left no-repeat url(../images/searchbox.gif); }
#header form button.btn, .btn { float:left; width:25px; height:21px; padding-bottom:4px; margin:4px 25px 0 0; cursor:pointer; border:none; color:#8d8d8d; background:top left no-repeat url(../images/go-bgnd.gif); }



/* #nav */
#nav { position:relative; z-index:100; height: 50px; background: url('../images/nav-bgnd.gif') bottom left repeat-x;}
#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav ul li {float: left;font-size: 18px; font-family: CCfont;}
#nav ul li a {color: white;}
#nav ul.navRight {float: right;}
#nav ul.navRight li a {display: block;height: 30px; padding: 15px 10px 5px 10px;margin: 0;font-size: 14px; color:#B9B8B2;}
#nav ul.navLeft li a {display: block;height: 30px; padding: 15px 10px 5px 10px;margin: 0;}
#nav ul.navLeft li.selected a {background-color: #E58E19; color: black;}
#nav ul li a:hover, #nav ul.menulist li a.highlighted,#nav ul li.selected a {color: #E58E19; background:#1C1103 top left repeat-x url(../images/nav-hover-bgnd.gif);}
#nav ul.navLeft li a.highlighted {padding: 15px 10px 5px 10px;position: relative; z-index: 2;}

#nav ul li > ul.drop {visibility: hidden;position: absolute; z-index:100; background-color: #1C1103;margin: 0;padding: 5px 10px 5px 10px;}
#nav ul.navLeft li > ul.drop {margin-left: 1px;z-index:1;}
#nav ul li > ul.drop li {clear: left;font-family: arial;height: 25px;padding: 0;display: block;margin: 0;}
#nav ul li > ul.drop li a {height: 14px; font-size: 12px;border: none;padding: 0; white-space: nowrap;}
#nav ul li > ul.drop li.selected a {background-color: #1C1103; color: white;background-image: none;}
#nav ul li.selected > ul.drop li a {background-color: #1C1103;background-image: none;color: white;}
#nav ul.navRight li > ul.drop a, #nav ul.navRight li.selected > ul.drop a {color:white;} 
#nav ul li > ul.drop li a:hover,#nav ul.navLeft li.selected > ul.drop li a:hover, #nav ul.navRight li > ul.drop a:hover {color: #E58E19;background: none;}


/* banner */

#banner {background:bottom right #E68F1A no-repeat url(../images/bannerLogo.jpg); padding:10px 0;margin: 0;}
#banner .container h1 {color: #F2C686;font-size: 33px;line-height:1.2em;padding:0;}
#bannerBorder {height: 3px; width: 100%; background-color:#E68F1A; display: block;}

/* main */

#main {padding: 30px 0;}
#main .content {position: relative; z-index:1; width:942px; margin:0 auto;}
#wn {position:relative; width:892px; padding:0; margin-left: 26px;height: 205px;overflow: hidden;}

#main #panels{margin:0; white-space:nowrap; overflow: hidden; }
#main .panel {display: inline-block; vertical-align: top; width:222px; margin:0 1px 0 0; padding:0; white-space:normal;padding: 0 0 0 0;  }
.imagebox {margin: 0; padding: 0; position: relative;}
.imagebox a {color: #998B7D; font-size: 11px; line-height: 17px; padding-left: 23px; width: 57px; height: 19px; display: block; position: absolute; bottom:5px; right: 6px; background: url('../images/imageanchor.png') top left no-repeat;} 
.imagebox a:hover {background-position: bottom left;color:#E58D19;}
.panelImage {display: inline;top: 0; left: 0; padding-top: 0; margin-top: 0;}
.panelImage h3 {padding: 10px 0 10px 8px; margin: 0;}
.panelImage ul, .decoratedBullet {padding: 0; margin: 0 0 0 8px; list-style-type: none;}
.panelImage ul li, .decoratedBullet li {padding: 0 0 0 20px; margin: 0 0 3px 0; height: 12px; background: url('../images/Bullets.png') top left no-repeat; white-space: nowrap;}
.panelImage ul li {z-index: 1; font-size:12px; color:#998B7D;}
.panelImage ul li a {width: 200px;d isplay: block; z-index: 5; color:#998B7D; padding: 0 0 0 20px; margin: 0 0 3px -20px; height: 12px; background: url('../images/Bullets.png') top left no-repeat;}
.panelImage ul li a:hover {color:#E58D19; background-position: bottom left;}
.double li {height:auto; padding-top: 0;}
#scrollLinks a {position:absolute; top: 39px; width: 22px; height: 22px; }
#scrollLinks a.click_left_by_230_300 { left:0; background: url('../images/left-arrow.gif') top left no-repeat; }
#scrollLinks a.click_right_by_230_300 { right:0; background: url('../images/right-arrow.gif') top left no-repeat;}
#scrollLinks a:hover {background-position: bottom left;}

.imageBlock img + img {padding-left: 30px;}


/* Columns */

.column {display: inline-block;vertical-align: top;}
#leftColumn {width: 200px;}
#leftColumn ul {margin: 0; padding: 0;list-style-type: none;}
#leftColumn ul li a {width: 200px; height:35px;display: block;line-height: 35px;}
#leftColumn ul li + li a {border-top: solid 1px #EBEBEB;}
#leftColumn ul li a:hover {color:#1C1103;}
#leftColumn ul li.selected a {background:url('../images/leftSelectedCorner.gif') bottom right no-repeat #FDEFDB;width: 182px;padding-left: 18px;}
#leftColumn ul li.selected a, #leftColumn ul li.selected + li a {border-top: none ;} 



#centerColumn {width:400px;padding-left:50px;}
#serviceImage{width:162px;height:161px;display: block; float: right;border: solid 1px #F3F1EF;margin: 0 0 10px 15px;padding: 0;background: url('../images/servicesImage.jpg') top right no-repeat;}
#centerColumn a {
	text-decoration: underline;
}
#centerColumn a:hover {
	text-decoration: none;
	background-color: #FDEFDB;
}
	
	
/* Addresses */
#locations {float: right;width: 204px; /*height:335px;*/ display: block;background: url('../images/addressCorner.jpg') bottom right no-repeat #F3F1EF;}
#addressImage {width: 202px; height:100px; display: block; background: url('../images/addressImage.jpg') bottom right no-repeat;margin: 1px 0 0 1px;}
#Addresses {padding:10px 10px 20px 10px;}
#Addresses ul {padding: 0; margin: 0;}
#Addresses ul li {list-style-type: none;}
#Addresses ul li + li {margin-top: 10px;}

/* bottom */

#bottom {padding:30px 0 0 50px; background-color:#FDEFD8; height: 80px;}
#bottom a:hover {color: #E58D19;}
#bottom a:hover {text-decoration:underline;}

/* footer */

.clear {clear: right;width: 100%;}
#footer { height:55px; background:top left repeat-x url(../images/footer-bgnd.png); line-height:55px;font-size: 12px; color:#FBCB84;}
#footer a {color: #FBCB84;}
#log  {float:right;}