/* main.css
 * 
 * 
 *
 * Author: David Anderson 2010
 * dave@veodesign.co.uk
*/


/****************************
* GENERAL PAGE
****************************/
body{
background: #e0e0e0 url(../images/main/bg-strip.png) repeat-x top center;
width: 100%;
}



/****************************
* HEADER
****************************/
#header{
	margin-bottom: 24px;
}

#header-logo{
	background: url(../images/main/header-logo.png) top left no-repeat;
	height: 85px;	
	margin-top: 10px;
	cursor: pointer;
}

#header-tagline{
	background: url(../images/main/enjoy-business-endure-tax.png) no-repeat;
	width: 215px;
	height: 24px;
	margin-top: 22px;
}

#header-search{
	margin-top: 10px;
	height: 29px;
}

#header-search input#query{
	/*background: url(../images/main/header-search.png) no-repeat top left;
	width: 105px;
	border: none;
	outline: none;*/
	width: 172px;
	
	height: 20px;
	margin: 0px;
	padding: 3px 5px;
	display: block;
	float: left;
	
	font-size: 18px;
	color: #9c9c9c;
}

#header-search input#submit{
	display: block;
	float: left;
	width: 34px;
	height: 30px;
	background:url(../images/main/search_icon.png) no-repeat top right;
	
	padding: 0px;
	margin:0px;
	border: none;
	cursor: pointer;
}

#header-search input#submit:active{
	background-image:url(../images/main/search_click.png);
}
#header-search input#submit:hover{
	background-image:url(../images/main/search_hover.png);
}



#header-twitter{
	margin: 6px 0px 0px;
	
}
#header-twitter a strong{
	color: #4099ff;
	text-decoration: none;
}
#header-twitter a:hover strong{
	text-decoration: underline;	
}

#header-twitter a{
	color: #555555;
	text-decoration: none;	
}
#header-twitter a:hover{
	color: #4099ff;
	text-decoration: underline;
}

#twitter-icon{ display: block; float: left; margin: 0px 4px 0px 2px;}

/*newsflash*/
#newsflash{
	width: 263px;
	height: 70px;
	margin-top: 10px;
	position: relative;	
	overflow: hidden;
	padding-left: 7px;
	
}


#newsflash > div{
	position: absolute;
	display: none;
	width: 253px;
	height: 70px;
	
}

#newsflash > div > div{
	padding: 0px 5px;
	background-color: #eeeeee;	
	height: 70px;
}

#newsflash > div:first-child{
	display: block;	
}

#newsflash h3{
	font-size: 16px;
	line-height: 16px;	
	padding: 3px 0px 0px;
}

#newsflash p{
	margin: 2px 0px 0px;
}


.header-contact{
	margin-top:	10px;
}

.header-contact p{
	margin: 0px 0px 4px;
}

.header-contact p strong{
	font-size: 18px;	
}

a#contact-icon{
	width: 100px;
	height: 70px;
	background: url(../images/main/contact-us.png) 0px 0px;	
	display: block;
}

a#contact-icon:hover{
	background-position: -100px 0px;	
}




#header h4{
	margin: 3px 0px 1px;
}



/****************************
* NAV
****************************/
#nav-l,#nav-r,#nav{float: left; height: 41px;}

#nav-l{
	background:url(../images/main/menu-left.png) no-repeat;
	width: 15px;
}
#nav-r{
	background:url(../images/main/menu-right.png) no-repeat;
	width: 15px;

}

#nav{
	background: url(../images/main/menu-middle.png) repeat-x;
	width: 550px;
}



#nav ul{
	margin: 12px 16px 0px;
}

#nav ul li{
	list-style: none;	
	float: left;
	width: 100px;
	text-align: center;
}

#nav ul li a{
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: white;
	text-decoration: none;
}
#nav ul li a:hover{
	text-decoration: underline;
}

/****************************
* BREADCRUMBS
****************************/

.breadcrumbs{
	padding: 0px;
	margin-top: 8px;	
	float: right;
	line-height: 14px;
}

.breadcrumbs h4{
	color: #555555;
}

.breadcrumbs ul li{
	color: #555555;
	margin-left: 6px;
	list-style: none;
	float: left;
	font-weight: 700;	
}

.breadcrumbs ul li.s{
	color: #555555;
	font-weight: 400;
}

.breadcrumbs ul li a{
	color: #b92323;	
	display: block;
	text-decoration: none;
	font-weight: 700;	
}

.breadcrumbs ul li a:hover{
	text-decoration: underline;
}


/****************************
* CONTENT
****************************/
#wrapper{
	width: 1006px;
	margin: 0px auto;	
}

#pagehead{
	border-bottom: 2px solid #9c9c9c;	
	margin: 0px 10px 24px;
	padding: 0px 0px 2px;	
	font-size: 14px;
	line-height: 18px;
	
}

#pagehead p{
	font-size: 18px;	
	line-height: 25px;
	margin: 0px 0px 0px;
}


ul.taglist{
	list-style:url(../images/main/list-line.png) inside;
	margin: 6px 0px 12px;
}

ul.taglist li{
	margin: 6px 0px 0px;

}

ul.taglist li a{
	font-weight: 400;	
	color: #555555;
	text-decoration: none;
}
ul.taglist li strong a{font-weight: 700;}

ul.taglist li.active a, ul.taglist li a:hover{
	background-color: #b92323;	
	font-weight: 700;
	color: #ffffff;
	padding: 2px 6px;
	text-decoration: none;
}

ul.taglist li.active a:hover{
	background: none;	
	font-weight: 400;
	color: #222222;
	padding: 0px;	
}

ul.taglist li.active.active-clear a:hover{
	background-color: #f82f2f;
	font-weight: 700;
	color: #ffffff;
	padding: 2px 6px;
	text-decoration: none;	
}



/****************************
* PAGE SPECIFIC
****************************/

/*HOMEPAGE*/
/****************************/

#home-items{
	
}

#home-items > div.item{
	
	background: url(../images/home/home-item-bg.png) no-repeat center center;
	
	float: left;
	width: 151px;
	height: 201px;	
	margin-left: 20px;
	
	padding: 15px 9px;
	
	cursor: pointer;
	
	text-align: center;
}

#home-items > div.item.hover{
	background: url(../images/home/home-item-bg-hover.png) no-repeat center center;
}

#home-items > div.l{
	margin-left: 0px;	
}

#home-items > div img{display: block;}

#home-items div.title a{
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	margin: 14px 0px 6px;
	color: #b92323;
	display: block;
	text-decoration: none;
}

#home-items div.subtitle a{
	font-size: 16px;
	line-height: 18px;
	color: #555555;
	margin: 0px;
	display: block;
	text-decoration: none;
}


#home-head{	
	margin: 12px 0px 20px 0px;	
}

.home-cen{
	text-align: center;
}

.home-cen h2{
	font-weight: 400;
	font-size: 20px;
	margin-top: 15px;
	padding-bottom: 0px;
	margin-bottom: 4px;	
}

#home-desc{
	margin: 20px 0px 10px;
	
}

#home-desc > div{
	display: none;	
	
}

#home-desc #desc-default{
	display: block;
	/*padding: 14px 24px;
	height: 120px;	*/
}

#home-desc > div > div{
	padding: 14px 24px;	
	height: 120px;	
}

.desc-item{
	cursor: pointer;	
}

/*
.desc-pink{	background-color: #ffc3c3;}
.desc-cyan{	background-color: #d6feff;}
.desc-green{ background-color: #d2fad2;}
.desc-yellow{ background-color: #f9f4c8;}
.desc-orange{ background-color: #ffd284;}
*/
#home-desc .r{
	margin-top: 8px;
	float: right;
	font-size: 18px;
	font-weight: 400;	
}



/*SHOWCASE*/
/****************************/
.showcase-browse-all{
	margin-bottom: 46px;
	padding-top: 30px;	
	border-bottom: 8px solid #cccccc;
	border-top: 8px solid #cccccc;
}

.showcase-grid > div > div{
	background: url(../images/main/template_showcase_item.png);
	height: 318px;
	padding: 9px;	
	margin-bottom: 30px;	
}

.showcase-grid > div > div img{
	display: block;	
	border: 1px solid #cccccc;
}

.showcase-grid > div > div h2 a{
	color: #b92323;
	padding: 6px 0px 14px;	
	margin: 0px;
	display: block;
	font-size: 24px;
	line-height: 24px;
	text-decoration: none;
	text-align: center;
}

.showcase-grid > div > div h2 a:hover{
	text-decoration: underline;
	color: #F82F2F;
}

ul.b-showcase li{
	float: left;
	margin-right: 10px;
	margin-top: 10px;	
	
}
ul.b-showcase li.r{margin-right: 3px;  float:right;}

ul.b-showcase li a{
	background: url(../images/buttons/buttons_sprite_1.png) no-repeat top left;
	display: block;
}

ul.b-showcase a.b-quote{ background-position: 0 0; width: 80px; height: 31px; } 
ul.b-showcase a.b-quote:hover{ background-position: 0 -41px; width: 80px; height: 31px; } 
ul.b-showcase a.b-view-spec{ background-position: 0 -82px; width: 122px; height: 31px; } 
ul.b-showcase a.b-view-spec:hover{ background-position: 0 -123px; width: 122px; height: 31px; } 
ul.b-showcase a.b-visit{ background-position: 0 -164px; width: 76px; height: 31px; } 
ul.b-showcase a.b-visit:hover{ background-position: 0 -205px; width: 76px; height: 31px; } 

div.get-quote{
	background: url(../images/arrows/small-red-arrow.png) 220px 0px no-repeat;
	height: 20px;
	padding-top: 4px;	
	margin-top: 8px;
}

.showcase-head{
	margin: 0px 0px 12px;
	padding: 0px 0px 6px;
	
	border-bottom: 2px dotted #cccccc;	
}

.showcase-info{
	margin: 6px 0px 12px;	
}

#showcase-actions{
	margin: 6px 0px 18px;	
}



/*IDEAS*/
/****************************/

#ideas-navigation{
	margin-bottom: 16px;
}

#ideas-navigation > div.item{
	float: left;
	width: 170px;
	height: 91px;
	padding: 10px 10px;
	margin-right: 5px;
	
	background: url(../images/ideas/idea_tag_bg.png) no-repeat;
	cursor: pointer;
}

#ideas-navigation > div.item.hover, #ideas-navigation > div.item:hover{
	background: url(../images/ideas/idea_tag_bg_hover.png) no-repeat;	
}

#ideas-navigation > div.right{
	margin: 0px;	
}

#ideas-navigation > div .l{
	width:55px;
	float: left;
}

#ideas-navigation > div .r{
	width: 100px;
	float: left;
	padding-left: 10px;
}

#ideas-navigation .r >a{
	color: #555555;
	text-decoration: none;
}

#ideas-navigation h2 a{
	font-size: 20px;
	line-height: 20px;
	color: #b92323;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	
}

#ideas-navigation h2{
	margin: 6px 0px 4px !important;	
	padding: 0px;
}




.ideas-grid{
	margin-top: 12px;
}

.ideas-grid > div > div{
	padding: 6px;
	background-color: #e0e0e0;
	border: 1px solid #cccccc;	
	margin-bottom: 22px;
}

.ideas-date{
	padding: 0px 6px 2px;	
}

.ideas-item{
	background-color: #e0e0e0;
	border: 1px solid #cccccc;	
	padding-top: 6px;
	padding-bottom: 6px;
}

.ideas-item img{
	display: block;	
	margin-left: 6px;
	border: 1px solid #cccccc;
}

.ideas-item h2, .ideas-item p{
	margin-right: 6px;	
}

.ideas-grid > div > div h3{
	font-size: 18px;
	line-height: 20px;	
	padding-bottom: 3px;
	border-bottom: 2px dotted #bbbbbb;
	margin-bottom: 5px;
}

.ideas-content{
	height:	 164px;
}

.idea-images, .idea-cats{
	margin-bottom: 12px;	
}

.ideas-grid h4{
	margin: 3px 0px 3px;
	color: #9c9c9c;
}


ul.twitter-list{
	margin-bottom: 16px;
}

ul.twitter-list li{
	line-height: normal;	
	margin: 12px 0px 12px;
	list-style: inside url(../images/smm/twitter-icon.png);
	margin-left: 0px;
}
ul.twitter-list li p{
	
}
ul.twitter-list li a{
	float: none !important;
}


a.thumb{
	border: 1px solid #cccccc;
	display: block;
	background-color: #e0e0e0;
	padding: 3px;
	margin: 0px 0px 6px;	
}

a.thumb img{
	display: block;	
}

.idea-header{
	margin-bottom: 16px;
	background: #e0e0e0;
	border: 1px solid #cccccc;
	padding: 6px;	
}

.idea-header h4{
	text-align: right;	
}

.idea-header img{
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;	
}


.sidebar-section{
	padding-bottom: 8px;
	border-bottom: 2px dotted #ccc;
	margin-bottom: 12px;	
	
}


/*SUPPORT*/
/****************************/

.support-content{
	margin-top: 70px;
	margin-bottom: 90px;	
}

.support-content ul{
	list-style: disc inside;
	margin: 15px;
}
.support-content ul li{
	padding-bottom: 4px;	
}


/*SEARCH*/
/****************************/
#search-head{
	border-bottom: 2px solid #cccccc;	
	padding-bottom: 12px;	
}
#search-head h3{
	padding-top: 8px;	
}

#search-results{
	
}

#search-count{
	font-size: 13px;
	margin-top: 6px;	
}



#search-results > div{
	border-bottom: 1px dashed #cccccc;
	margin: 8px 0px 8px;
	padding: 8px 0px;	
}

#search-results > div img{

	border: 5px solid #cccccc;;
}

#search-results .abstract{
	font-size: 14px;
	line-height: 16px;
	color: #9c9c9c;	
	padding: 5px 0px;
}

#search-results .abstract strong{
	background-color: #FF6;	
}

#search-results h3 a{
	font-size: 24px;
	text-decoration: underline;	
	font-weight: 400;
}

#search-results .content-type{
	background-color: #ffffff;
	color: #B92323;
	float: right;
	padding: 2px 10px;
	font-weight: 400;	
	font-size: 14px;
	line-height: 14px;
}

.search-error{
	background: #ffbbbb;
	padding: 15px;	
	margin: 30px 0px 300px;
	text-align: center;	

	font-weight: 700;
}

.search-error h2 {
	font-weight: 700;
	font-size: 24px;
	color: #cc0000;
	margin-bottom: 12px;
}

.search-image{
	text-align: center;	
}


/*QUOTE*/
/****************************/

#quotes-navigation{
	margin-bottom: 16px;
}

#quotes-navigation > div.item{
	float: left;
	width: 170px;
	height: 91px;
	padding: 10px 10px;
	margin-right: 20px;
	
	background: url(../images/ideas/idea_tag_bg.png) no-repeat;
	cursor: pointer;
}

#quotes-navigation > div.item.hover, #ideas-navigation > div.item:hover{
	background: url(../images/ideas/idea_tag_bg_hover.png) no-repeat;	
}

#quotes-navigation > div.item.active{
	background:url(../images/ideas/idea_tag_bg_active.png) no-repeat !important;	
}

#quotes-navigation > div.right{
	margin: 0px;	
}

#quotes-navigation > div .l{
	width:55px;
	float: left;
}

#quotes-navigation > div .r{
	width: 100px;
	float: left;
	padding-left: 10px;
}

#quotes-navigation .r {
	color: #555555;
	text-decoration: none;
}

#quotes-navigation h2{
	font-size: 18px;
	line-height: 18px;
	color: #b92323;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	
}

#quotes-navigation h2{
	margin: 8px 0px 4px !important;	
	padding: 0px;
}


.quote-head{
	text-align: center;
	margin: 6px 0px 12px;
	
}

.quote-head.sep{
	border-bottom: 2px dotted #9c9c9c;
	
	padding-bottom: 4px;	
}

.quote.error{
	text-align: center;	
}

.quote.error ul li{
	list-style-position: inside !important;	
}



/*ABOUT*/
/****************************/

#about-wrapper{
	position: relative;	
	margin-bottom: 160px;
	//height: 100%;
}

#about-wrapper h1{
	margin-bottom: 28px;	
}

#about-intro{
	position: relative;
	margin-bottom: 60px;
}

#about-intro > img{
	display: block;	
}

#about-intro  > div.item{
	position: absolute;
	width: 200px;
	text-align: center;
	cursor: pointer;
}
#about-intro  > div.item h2{
	text-align: center;	
	
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
}
#about-intro  > div.item h2 a{
	color: #9c9c9c;	
}

#about-intro  > div.item:hover h2 a{
	color: #b92323;	
}

#about-intro  > div.popup{
	display: none;	
}

#about-sidebar{
	position: relative;
	height: 400px;
	width: 160px;
	right: 0px;
	top: 0px;

}

#about-sidebar > div{
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	
	background: #555;
	margin: 8px 0px 0px;
	padding: 6px;
	text-align: center;
	color: white;
	cursor: pointer;
}

#about-sidebar > div:hover{
	background: #b92323;
}

#about-sidebar > div h3{
	font-size: 20px;
	margin: 0px 0px 3px;
}

#about-sidebar > div h3 a{
	color: #cccccc;	
}

#about-sidebar > div p{
	margin: 6px 0px;	
}


#about-mission-statement{
	margin-bottom: 100px;
}

#about-mission-statement ol{
	list-style: outside lower-roman;
	margin: 12px 40px 0px 70px; 
	font-size: 24px;
	line-height: 24px;
	color: #9c9c9c;	
	font-weight: 700;
}

#about-mission-statement ol li{
	margin-bottom: 12px;
}

#about-mission-statement ol li:hover{
	color: #000000;	
}



/*PEOPLE#####################*/

#about-people{
	position: relative;
	margin-bottom: 100px;
}



#about-people > div.nav{
	margin-bottom: 30px;
	padding-top: 6px;
	padding-bottom: 6px;
	cursor: pointer;
}

#about-people > div.nav img{
	display: block;	
	margin-left: 6px;
	border: 4px solid #cccccc;
}

#about-people > div.nav:hover{
	background-color: #f9f4c8;
}

#about-people > div.popup{
	width: 600px;
	display: none;
}


#about-dlon{
	margin-bottom: 100px;
}

#about-dlon img{
	display: block;	
	margin-top: 16px;
	border: 4px solid #cccccc;
}

/*LEGAL*/
/****************************/





/****************************
* VIDEOS
****************************/
#videos{}
#videos ul{margin-left: 20px; list-style: circle;}

#videos .inner{padding: 8px; border: 1px solid #ccc; background: #eee; }

#videos .inner img{border: 2px solid #ccc; border-radius: 6px; margin: 6px 0px;}

#videos .inner h3, #videos .inner h2{text-align: center;}

#videos .desc{height: 60px;}

#videos .video{margin-bottom: 25px;}
#videos .video h3{margin-top: 6px;}
#videos .inner.right, #videos .inner.right h3{text-align: left;}
/****************************
* CONTACT
****************************/
#map{
	height: 250px;	
	border: 1px solid #555555;
	margin-bottom: 10px;
}

.form input{
	padding: 6px;	
}

.form input.text{
	padding: 5px;	
	width: 200px;
}


.form{
	margin-top: 18px;	
}

.form textarea{
	padding: 5px;	
}

.form input.text{
	margin-bottom: 8px;
	
}

.form .l{
	text-align: right;		
	padding-top: 6px;
}

.form .l.msg{
	padding-top: 50px;	
}

.form .validation-summary.error, .form-error{
	background: #ffbbbb;
	padding: 15px;	
	margin: 0px 0px 12px;	
}

.form .validation-summary.error .error-msg, .form-error h3 {
	font-weight: 700;
	font-size: 24px;
	color: #ee0000;
	margin-bottom: 12px;
}

.form .validation-summary.error ul li{
	list-style: disc;
	margin-left: 20px;	
	color: #000000;
}

.form-success{
	text-align: center;
	padding: 10px;
	margin: 20px 0px;
	background-color: #CDEB8B;
	
	color: #5da262 !important;
}

.form-load{
	background: url(../images/main/ajax-loader.gif) center center;
	width: 31px;
	height: 31px;
	margin: 10px auto;	
}

/****************************
* CAROUSEL
****************************/

#carousel-wrapper{
	position: relative;	
	margin-top: 12px;
	margin-bottom: 16px;
}

.carousel-wrapper-inner > div.slide{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.carousel-wrapper-inner > div:first-child{
	display: block;	
}

.carousel-wrapper-inner{
	
}

.carousel-wrapper-inner .slide{
	position: relative;
}

.carousel-wrapper-inner .slide .slide-image{
	z-index: 1;
}

.carousel-wrapper-inner .slide .slide-content{
	z-index: 99;
	position: absolute;
	background: url(../images/main/slider_overlay_bg.png) no-repeat;
	
	top: 20px;
	right: 20px;

	height: 76px;
	width: 588px;
	
	padding: 16px 25px 16px 25px;
	
	color: white !important;
}

.carousel-wrapper-inner .slide .slide-content a{
	color: white !important;
	text-decoration: none;	
}

.carousel-wrapper-inner .slide .slide-content a:hover{
	color: #dddddd !important;
	text-decoration: none;	
}


.carousel-wrapper-inner h1{
	font-weight: 700;
	font-size: 30px;
	line-height: 28px;	
}


.carousel-controller ul{
	float: right;
	margin-top: 8px;
}


.carousel-controller ul li{
	float: left;
	display: block;
	margin-left: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #9c9c9c;	
}

.carousel-controller ul li a{
	color: #9c9c9c;	
}

.carousel-controller ul li a.active{
	color: #666666;	
}

/****************************
* WEBSITE GUIDE
****************************/

/*the section navigation*/
#web-guide-sections{
	border-bottom: 6px solid #cccccc;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#web-guide-sections .item{
	padding: 3px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	cursor: pointer;	
}

#web-guide-sections .item.active{
	background-color: #ffff88;
}

#web-guide-sections .item img{
	width: 65px;
	float: left;
	display: block;	
}


#web-guide-sections .item .r{
	float: left;
	width: 140px;
	padding-left: 7px;	
}

#web-guide-sections .item h2{
	font-size: 18px;
	line-height: 18px;
	margin: 2px 0px 4px;
	padding: 0px;
}


/*the actual images*/
/*****************************/
#web-guide-image{
	position: relative;
	width: 760px;
	height: 450px;
	overflow: hidden;
	border-top: 5px solid #ccc;
	border-bottom: 5px solid #ccc;

}

#web-guide-image > div.inner{
	width: 10000px;
	height: 450px;
}

#web-guide-image > .inner > .item{
	float: left;
	width: 760px;
	height: 450px;
	position: relative;
}



#web-guide-image > .inner > .item.active{

}

#web-guide-image-overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 450px;
	background: #000000;
	display: none;
	
	z-index: 5;
}

/*the tooltip icons*/
.wg-transfer{
	border: 3px solid #222222;
	background: #000000;
	opacity: 0.5;	

}

.web-guide-tips-icons{
	
}

.web-guide-tips-icons > div.icon{
	position: absolute;
	width: 40px;
	height: 40px;
	padding: 2px;

	cursor: pointer;	
	
	background: #ffff88;
	border: 1px solid #555;
	
	-moz-box-shadow: 2px 2px 2px #777;
	-webkit-box-shadow: 2px 2px 2px #777;
	box-shadow: 2px 2px 2px #777;
}

/*the tooltip content*/
#web-guide-tips-content{
	position: absolute;
	
	padding: 10px;
	left: 100px;
	top: 25px;	
}

#web-guide-tips-content .inner{
	position: relative;	
	
}

#web-guide-tips-content .inner > div{
	position: absolute;
	top: 0px;
	left: 0px;

}

#web-guide-tips-content .inner > div > div{
	display: none;
	background-color: #ffff88;
	
	width: 560px;
	padding: 8px;
	
	border: 1px solid #555;
	
	-moz-box-shadow: 3px 3px 3px #777;
	-webkit-box-shadow: 3px 3px 3px #777;
	box-shadow: 3px 3px 3px #777;
}

#web-guide-tips-content .l{
	/*float: left;
	width: 80px;
	padding-right: 12px;	*/
}
#web-guide-tips-content .r{
	float: right;
	width:40px;	
}

#web-guide-tips-content .inner ul{
	list-style: outside disc;
	margin-left: 26px;	
}

#web-guide-tips-content .inner ol{
	list-style: outside decimal;
	margin-left: 26px;	
}

/*the tips navigation*/
#web-guide-tips-nav{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	padding: 3px;
}

#web-guide-tips-nav > div{
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #dddddd;
	cursor: pointer;	
}

#web-guide-tips-nav .s-active{ background-color: #c3d9ff;}

#web-guide-tips-nav .active{ background-color: #ffff88;}

#web-guide-tips-nav > div img{
	width: 40px;
	float: left;
	display: block;
	margin-left: 3px;
}

#web-guide-tips-nav > div .r{
	width: 103px;
	padding-left: 6px;
	float: left;
}

#web-guide-tips-nav h3{
	margin-top: 12px;
	font-size: 14px;	
}



/****************************
* FOOTER
****************************/

#footer{
	border-top: 2px dotted #eeeeee;
	margin-top: 3.4em;
	margin-bottom: 2.2em;
	padding-top: 3em;
	
	font-size: 14px;
	line-height: 20px;
}


#footer .wrapper{
	background-color: #eeeeee;
	text-align: center;
	margin-bottom: 6px;
}

#footer .inner{
	padding: 6px;	
}

#footer h3{
	font-size: 22px;
	margin: 0px 0px 1em;
	text-align: center;	
	color: #9c9c9c;
}
#footer h4{
	margin: 2px 0px 4px;
}

#footer a{
	color: #555555;
	text-decoration: none;

}
#footer a:hover{
	color: #b92323;
	text-decoration: underline;
}

#footer ul li{
	list-style: inside lower-roman;
	margin-left: 10px;	
}

#footer ul li{
	
}

#footer .inner a.img-wrapper{
display: block;
text-align: center;
padding: 3px 3px 2px;
background: #cccccc;
font-weight: 700;	
color: white;
margin: 3px 0px 6px;
}

#footer .inner a.img-wrapper:hover{
	background: #b92323;
	text-decoration: none;	
}

#footer .inner img{
	display: block;
	border: 1px solid #555555;
	margin-bottom: 1px;
}

#footer p{
	margin: 2px 0px 6px;
}

#footer-map{
	height: 100px;
	border: 3px solid #eeeeee;	
}

#footer-search{
	height:80px;
}

.long-search input.query{
	/*background: url(../images/main/footer-search.png) no-repeat top left;*/
	width: 221px;
	border: 1px solid #cccccc;
	border-right: none;
	height: 18px;
	margin: 0px;
	padding: 5px 5px;
	display: block;
	float: left;
	
	font-size: 18px;
	color: #9c9c9c;
}
.long-search input.query:hover, .long-search input.query:focus{
	color: #000000;	
	border: 1px solid #b92323;
	border-right: none;
}


.long-search input.submit{
	display: block;
	float: left;
	width: 35px;
	height: 30px;
	background:url(../images/main/search_icon.png) no-repeat top left;
	
	padding: 0px;
	margin:0px;
	border: none;
	cursor: pointer;
}

.long-search input.submit:active{
	background-image:url(../images/main/search_click.png);
}
.long-search input.submit:hover{
	background-image:url(../images/main/search_hover.png);
}


.contact-email{
	width: 256px;	
	padding: 5px;
	font-size: 18px;
	color: #9c9c9c;
	height: 18px;
	border: 1px solid #cccccc;
	margin-bottom: 6px;
}

textarea.contact-message{
	width: 256px;	
	padding: 5px;
	height: 100px;	
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #9c9c9c;
}

.footer-field:focus,.footer-field:hover/*, textarea#msg-contact-message:focus, textarea#msg-contact-message:hove*/{
	color: #000000;	
	border: 1px solid #b92323;
}

#footer .legal{

	margin-bottom: 6px;
	padding: 6px;	
}

#footer .legal ul{
	margin: 0px 0px 8px 8px;
}

#footer .legal ul li{
	list-style: outside lower-roman;
	margin-left: 6px;	
}

#new-quick-message-response .form-error h3{
color: #ee0000 !important;
font-size: 16px;
display: block;
}

#new-quick-message-response .form-success h3{
font-size: 16px;
display: block;
color: #5da262 !important;
}


/****************************/
/* MISC*/
/****************************/