/*---[ =header ] --------------------*/

#header-container
{
	background: #F4F0EB;
	height: 93px;
}

#header
{
	width: 960px;
	height: 93px;
	padding: 0;
	margin: 0 auto;	
}

#header .logo
{
	padding-top: 9px;
}

/*---[ =nav ] --------------------*/
#nav-container
{	
	height: 30px;	
	border-bottom: 2px #E75B00 solid;
	background-color: #251049;
}

#nav-panel
{
	height: 30px;
	width: 960px;
	padding: 0;
	margin: 0 auto;
}

#nav
{
	height: 30px;
	/*line-height: 30px;*/
	margin: 0;
	padding: 0;	
}

#nav li
{
	float: left;
	display: inline;
	/*border-right: 1px solid #fff;		*/
	padding-left: 0;
	margin: 0;
	background: none;	
}

#nav li:hover, #nav li.sfhover
{
	background-color: #E75B00;
}

#nav li a
{	
	padding: 8px 10px;
	display: -moz-inline-block; /* for firefox < 3 */
	display:inline-block;
	height: 14px;
	background: url(../images/nav-divider.gif) no-repeat right center;	
}

#nav li a.last
{	
	background: none;
}

#nav li.last
{	
	border: none;
}

#nav-panel a
{
	color: #FFF;
}

#nav-panel a:hover
{
	text-decoration: none;
}

/*---[ =main content ] --------------------*/

#welcome-panel-container
{
	width: 950px;
	overflow: hidden;	
	margin: 0 auto;	
	padding-left: 10px;
	padding: 0 0 0 10px;
}

#welcome-panel-container img
{
	float:right;
}

#welcome-panel
{
	width: 380px;
	float: left;	
}

#welcome-panel p
{
	text-align:justify;
}


#content-container-holder
{
	background-color: #fff;
}

#content-container
{
	width: 960px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;	
	background: url(../images/ccw-lawyers-sunflower.jpg) no-repeat left bottom;
	background-repeat: no-repeat;	
}

/*---[ =footer ] --------------------*/
#footer-container
{	
	border-top: 2px #E75B00 solid;
	background-color: #251049;
	padding-bottom: 25px;
}

#footer
{	
	width: 960px;
	padding: 0;
	margin: 0 auto;
	overflow:hidden;
}

#footer h2
{
	color: #E75B00;
	font-weight: 900;	
	margin: 0 0 0.5em 0;
}

#footer-col-container
{
	width: 960px;
	overflow:hidden;	
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer ul li
{
	float: left; 	
	padding: 0 17px 0 32px;	
	margin: 25px 0 0.5em 0;
	/* IE6 shows a 1 px dotted as dashes so we use a bacground image here
	border-right: 1px dotted #838383;*/
	background: url(../images/vetical-dotted-border.gif) repeat-y right top;
	/* fix to stop IE6 doubling the margin*/
	display: inline;
}


#footer ul li.footerCol1
{
	width: 370px;	
	padding-left: 0;
}

#footer ul li ul li
{
	background-position: 0 6px;
	background-image: url(../images/bullet-plus.gif);
	background-repeat: no-repeat;	
}

#footer ul li.footerCol1 ul li
{
	width: 160px;	
	border-bottom: 1px solid #594975;
	padding: 0 0 2px 10px;
	margin: 0 15px 2px 0;		
}

#footer ul li.footerCol1 ul li.noBorder
{
	border-bottom-color: #251049;
}


#footer ul li.footerCol2
{
	width: 350px;
	border: none;
	background: none;		
}

#footer ul li.footerCol2 ul li
{
	width: 150px;		
	border-bottom: 1px solid #594975;
	padding: 0 0 2px 10px;
	margin: 0 15px 2px 0;
}

#footer ul li.footerCol2 ul li.noBorder
{
	border-bottom-color: #251049;
}

#footer ul li.footerCol2 ul li.noBullet
{
	background: none;
}

#footer ul li.footerCol3
{
	width: 200px;
	border: none;	
	padding-right: 0;
	background: none;
}

#footer ul li.footerCol3 ul li
{
	width: 190px;		
	border-bottom: 1px solid #594975;
	padding: 0 0 2px 10px;
	margin: 0 15px 2px 0;
}

#footer ul li.footerCol3 ul li.noBorder
{
	border-bottom-color: #251049;
}

#footer ul li ul li
{
	margin: 0;
	padding: 0; 	
	border: none;
}

#footer a {
	color: #FFF;
	font-size: 90%;
}

/*---[ =copyright ]-------------- */
#copyright-container
{
	width: 960px;
	overflow:hidden;
}

#copyright
{
	width: 220px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
}

#copyright ul
{
	float: right;
	color: #fff;
}

#copyright ul li
{
	margin: 0;
	padding: 0;
	background: none;	
}

#copyright ul li a
{	
	padding: 0 5px;
}

#copyright li a.last
{	
	padding-right: 0;	
}

#copyright p
{	
	margin: 20px 0 0 0;	
	color: #E75B00;
}

/*---[ =Enquiry Panel ] --------------------*/
.enquiryPanel
{
	width: 182px;
	background-color: #251049;
	color: #fff;
	padding: 15px;
}

.enquiryPanel h2
{
	font-size: 1.1em;
	color: #fff;
	margin: 0;
	padding-bottom: 7px;
	/*IE6 shows a 1 px dotted as dashes so we use a bacground image here
	border-bottom: 1px dotted #838383;*/
	background: url(../images/horizontal-dotted-border.gif) repeat-x left bottom;
}

.enquiryPanel .highlight
{
	color: #fff;
	font-weight: bold;	
}

.enquiryPanel .inputField
{
	border: 1px solid #DDDDDD;
	width: 178px;	
}

.enquiryPanel .submitLink
{
	text-decoration: underline;
	float: right;		
}


.enquiryPanel .submitLink:hover
{
	text-decoration: none;
}

.enquiryPanel .siteButton
{
	float: right;
}


.enquiryPanel .panelSubmitHolder
{
	overflow: hidden;
}

/*---[ =Slideshow Panel ] --------------------*/
.default-slide
{
	border: 1px solid #251049;
	width: 210px;
    overflow: hidden;
}

#slideshow
{
	position: relative;
	height: 252px;	
}


#slideshow img
{
	position:absolute;
	top:0;
    left:0;
    width: 210px;
    overflow: hidden;
    z-index:8;
    opacity:0.0;
	border: 1px solid #251049;	
}

#slideshow img.active 
{
	z-index:10;
	opacity:1.0;
}

#slideshow img.last-active 
{
	z-index: 9;
}

/*---[ =Layouts ] --------------------*/
/* default 3 column */
#colLeft
{
	float: left;
	width: 150px;	
	overflow: hidden;	
	padding-bottom: 100px;	
}

#colMain 
{
	float: left;
	width: 520px;	
	overflow: hidden;
	padding: 0 30px;		
}


#colRight
{
	float: left;
	width: 220px;
	margin-right: 8px;
	padding: 10px 0;	
	overflow: hidden;
}

/* 2 Column */
#siteMap #content-container, #links #content-container
{
	background-image: none;
}

#siteMap #colLeft, #links #colLeft
{
	visibility: hidden;
	padding: 0;
	margin:0;
	width:0;
	height:0;
	border: 0;
}

#siteMap #colMain, #links #colMain
{
	width: 690px;
	padding-left: 10px;
}

/*---[ =homepage ] --------------------*/


#home #content-container-holder
{
	background-color: #F4F0EB;
}

#home #content-container
{
	background: none;
}

#home #colLeft
{
	display: none;
}

#home #colMain
{
	display: none;
}

#colMainHome
{
	width: 690px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
}

#colMainHomeLeft
{
	width: 380px;
	float: left;
}

#colMainHomeRight
{
	width: 252px;
	padding: 25px 29px 10px 29px;	
	float: left;	
}


/*---[ = Current page link styles]       --------------------*/
#home .home-lnk, #services .services-lnk, #sectors .sectors-lnk, #solicitors .solicitors-lnk, #firm .firm-lnk,
#news .news-lnk, #contact .contact-lnk, #links .links-lnk
{
	background-color: #E75B00;
}

/*---[ = Subnav]       --------------------*/
.subNav
{
	margin-top: 1.8em;
}

.subNav ul, .subNav li
{
	margin: 0;
	padding: 0;
}


.subNav li
{
	background-position: 0 5px;
	background-image: url(../images/bullet-plus.gif);
	background-repeat: no-repeat;
	padding: 0 0 4px 8px;	
	margin-bottom: 4px;	
	border-bottom: 1px solid #CBC6D3;
	width: 140px;
}

.subNav li.last
{
	border: none;
}

.subNav a
{
	font-size: 90%;
	color: #251049;	
	font-size: 0.9em;
}

.subNav a.selectedPage
{
    font-weight: bold;    
}

.subNav a.pathPage
{
	text-decoration: underline;    
}

/* 2nd level subnav */ 
.subNav ul li ul li
{
	width: 122px;
	border: none;	
	margin-bottom: 0;
	padding-bottom: 0;
}

/* 3rd level subnav */
.subNav ul li ul li ul li
{
	border: none;
	width: 114px;
}


/*---[ = Sitemap]       --------------------*/

.siteMapList
{
	float: left;
	width: 245px;
}

/*---[ = Enquiry page]       --------------------*/
#enquiryForm table
{	
	border-collapse:collapse;
	padding: 0 10px 0 10px;
}


#enquiryForm tr
{
}

#enquiryForm td
{			
	border: 2px solid #fff;
	vertical-align: top
}

#enquiryForm td.labelcell
{
	padding: 2px 0 0 5px;	
	width: 130px;
}

#enquiryForm .inputField
{
	background-color: #F8F7F5;
}

#enquiryForm .siteButton
{
	overflow: visible;
	padding: 2px 10px 2px 4px;
	background: url(../images/bullet-arrow-white.gif) no-repeat 93% 53% #251049;	
	color: White;
	text-decoration: none;
	font-family: Verdana, Sans-Serif;
}

/*----[= Offices] --------------------*/

#map_container
{
	width:255px;
	height:250px;
	float:right;
	margin: 0 0 5px 5px;
}
#map_canvas
{
	width: 100%;
	height: 230px;
}

#contact #officeContainer h2
{
	/*IE6 shows a 1 px dotted as dashes so we use a bacground image here
	border-bottom: 1px dotted #838383;*/	
	background: url(../images/horizontal-dotted-border.gif) repeat-x left bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
	font-size: 1.2em;
}

#contact #officeContainer h3
{
	font-size: 1.1em;
	clear: both;
}


/*----[= Solicitors] --------------------*/
.solicitorContainer 
{
	/*IE6 shows a 1 px dotted as dashes so we use a bacground image here
	border-top: 1px dotted #838383;*/	
	background: url(../images/horizontal-dotted-border.gif) repeat-x left top;
	margin-top: 10px;
	padding-top: 15px;
	width: 520px;
	overflow: hidden;
}

.solicitorImage
{
	float:left;
	width: 180px;
	overflow: hidden;
}

.solicitorDetail
{
	float: left;
	width: 330px;	
	margin-left: 10px;
}

.solicitorDetail h3
{
	margin-top: 0;
}

.solicitorDetail h3 a
{
	color: #251049;
}



/*----[= link styles] --------------------*/

.contactLinks
{	
	list-style-type: none;
	margin-left: 0;
}

.contactLinks li
{
	background: none;
	display: inline;
	border-left: 1px #525151 solid;
	margin: 0;
	padding: 0 5px;		
}

.contactLinks li.first
{
	border: none;
	padding-left: 0;
}

.emailLnk
{
	background: url(../images/ccw-lawyers-email.gif) no-repeat 0% 50%;
	padding: 2px 0 2px 20px;
}

.skypeLnk
{	
	background: url(../images/ccw-lawyers-skype.gif) no-repeat 0% 50%;	
	padding: 2px 0 2px 20px;
}

.phoneLnk
{	
	background: url(../images/ccw-lawyers-phone.gif) no-repeat 0% 50%;	
	padding: 2px 0 2px 20px;
}


/*---[ = links page]       --------------------*/
.linkslist ul li
{
	margin-bottom: 10px;
}

/*----[= news styles] --------------------*/
#newsTopContent ul
{
	margin:5px 0 0 0;	
	padding: 0;
}

#newsTopContent li
{
	background: none;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 252px;
	overflow: hidden;
}

#newsTopContent ul li
{
	/*IE6 shows a 1 px dotted as dashes so we use a bacground image here
	border-top: 1px dotted #838383;*/	
	background: url(../images/horizontal-dotted-border.gif) repeat-x left top;		
}

#newsTopContent li.first
{
	background: none;
}

#newsTopContent a
{
	color: #251049;
	text-decoration: underline;
}

#newsTopContent a:hover
{
	text-decoration: none;
}

#newsTopContent img
{
	border: #DDDDDD 1px solid;
	margin-right: 5px;
}

#newsTopContent .imageContainer
{
	float: left;
	/*padding-right: 5px;	*/
}

#newsTopContent .contentContainer
{
	/*float:left;*/
}

#archiveSelector
{	
	margin: -1em 0 1em 0;	
}

#archiveSelector h2
{
	margin-top: 0.75em;
}

#archiveSelector .active a {
	font-weight: bold;
}


#newsTopHeading h2.withBottomBorder
{
	font-size: 1.1em;
	margin: 0;	
}

#newsList h3
{
	margin-top: 0;
}

#newsList .article
{
	margin-top: 1.3em;
	overflow: hidden;
	width: 520px;
}

#newsList h3 a
{
	color: #251049;
	font-weight: normal;
	text-decoration: underline;	
}

#newsList p
{
	margin-top: 2px;
}

#newsList img
{
	margin-right: 5px;
}

#newsList .imageContainer
{
	float: left;
	/*padding-right: 5px;	*/
}

#newsDetail h4
{
	margin-top: 10px;
}

#newsDetail h2
{
	margin-top: 0;
}

/*---[= RSS image and link ] -----*/
.rss
{
	margin-bottom: 10px;
}

.rss a
{
	text-decoration: none;	
	color: #da5e2a;
	margin-right: 20px;
}

.rss img
{
	padding-right: 5px;
	vertical-align:text-top
}

/*-----[= Business lifespan test ------*/

ul.events {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}

ul.events li {
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #eee;
    border: 1px solid #ddd;
    color: #707070;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 3px 0;
    position: relative;
    text-align: center;
    width: 80px;
    float: left;
}

ul.events li em {
    color: #aaa;
    font-weight: normal;
    font-size: 0.9em;
}

ul.intervals {
    list-style-type: none;
    padding: 0;
    display: block;
}

ul.intervals li {
    background: #fff url(../images/1x1_eee.gif) repeat-x left 10%;
    border-right: 1px solid #ccc;
    color: #999;
    float: left;
    font-size: 1.2em;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    width: 80px;
    margin-bottom: 10px;
}

ul.intervals li.first {
    border-left: 1px solid #ccc;
}