/* Services pages styles */


div.list_rndbox7px_services {
	position:relative;
	z-index:3;
	background:url(../images/services_pane_fill.png) top left repeat-y;
	float:left;
	width:244px;
	max-width:244px;
	overflow:hidden;
	text-align:left;
	margin:-50px 0 30px -100px;
}

div.list_rndbox7px_services div.bl_7px {
	display:none !important;
}


ul#category_list {
	list-style:none !important;
	padding:30px 10px 40px 40px;
}


ul#category_list li {
	margin:15px 0 15px 0;
}

ul#category_list a {
	font:14px Trebuchet MS, Lucida Grande, Verdana, Arial, sans-serif;
	text-transform:lowercase;
}

ul#category_list a:link,ul#category_list a:visited {
	color:#666;
	text-decoration:none;
}

ul#category_list a:hover {
	color:#F90;
	text-decoration:none;
}

ul#category_list li.active_item a:link {
	color:#F90;
}

ul#category_list li.active_item a:visited {
	color:#F90;
}


ul.service_articles_list {
	list-style-image:url(../images/dash_list_image.gif) !important;
	list-style-position:outside;
	margin-top:-5px;
	padding:0 0 0 15px;
	font-size:90%;
}


ul#category_list li.active_item ul.service_articles_list li.article a:link {
	color:#999;
}

ul#category_list li.active_item ul.service_articles_list li.article a:visited {
	color:#999;
}

ul#category_list li.active_item ul.service_articles_list li.article a:hover {
	color:#BBB;
}

ul#category_list li.active_item ul.service_articles_list li.active_item a {
	border-bottom:1px #BBB solid;
}


div.article_contentpaneopen_services,div.contentdescription_services {
	width:456px;
	font-size:11px;
	line-height:1.5em;
	float:right;
	background-color:#FFF;
	text-align:justify;
	padding-top:1em;
	position:relative;
}

div.article_plain_text_services {
	padding:0 15px 35px 35px;
	color:#666;
}

img.services_hr_image {
	margin:10px 0 10px 0;
}

div.portfolio_link {
	text-align:right;
}

div.article_plain_text_services a:link {
	text-decoration:underline;
	color:#999;
}

div.article_plain_text_services a:visited {
	text-decoration:underline;
	color:#999;
	background:url(../images/visited_link_mark.gif) right 2px no-repeat;
	display:inline-block;
	padding-right:8px;		
}

div.article_plain_text_services a:hover {
	text-decoration:underline;
	color:#777;
}

div.article_contentpaneopen_services h1 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
}


div.contentdescription_services h1 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
}


div.article_contentpaneopen_services h2 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
	margin-top:3em;
	font-size:140%;	
}

div.contentdescription_services h2 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
	margin-top:3em;
	font-size:140%;	
}

div.article_contentpaneopen_services h3 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
	margin-top:1.5em;
	font-size:130%;	
}

div.contentdescription_services h3 {
	text-align:left;	
	color:#888;
	line-height:1.5em;
	position:relative;
	z-index:0;	
	margin-top:1.5em;
	font-size:130%;	
}

div.article_contentpaneopen_services h1 {
	font-size:150% !important;
	background:#FFF url(../images/services_h1_back.gif) top right repeat-y;
	padding-left:35px;
}	

div.contentdescription_services h1 {
	font-size:150% !important;
	background:#FFF url(../images/services_h1_back.gif) top right repeat-y;
	padding-left:35px;
}


div.contentdescription_services div#font_size_controls {
	top:-94px;
}

div.hot_spots {
	width:100%;
	height:330px;
	position:relative;
}

span.hot_services {
	display:block;
	position:relative;
	width:197px;
	height:170px;
	background-color:#F5F5F5;
	margin:3px;
	float:left;
	text-align:right;
	cursor:pointer;
}

div.hot_spots a:link, div.hot_spots a:visited, div.hot_spots a:hover {
	display:block !important;
	text-decoration:none !important;
	padding:0px !important;
	background:none !important;
	color:#666 !important;
}

span.banner_title {
	display:block;
	padding:8px;
	font:18px Trebuchet MS,Lucida Grande,Verdana,Arial;
	color:#888;
	font-weight:bold;
}

img#services_img {
	display:block;
	position:absolute;
	left:0px;
	top:-530px;
	z-index:3;
	margin:0;
	padding:0;
}


/* Mootools demos */

#kwick {
	position: relative;
	margin: 10px 0 10px 0;
    padding:0;
}

#kwick .kwicks {
	display: block;
	background-color: #f5f5f5;
	height: 90px;
    width:100%;
    text-align:left;
    margin:0 !important;
    padding:0 0 0 11px !important;
    list-style:none;
    overflow: hidden;

}

#kwick li {
	float: left;
    padding:0 !important;
    margin:0 !important;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 75px;
	width: 75px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #f5f5f5;
    margin:0;
}

#kwick .kwick span {
	display: block;
    width: 45px;
}

#kwick .one {
	background: #ddd url(/images/stories/services/moo/one.gif) bottom left no-repeat;
}

#kwick .two {
	background: #ddd url(/images/stories/services/moo/two.gif) bottom left no-repeat;
}

#kwick .three {
	background: #ddd url(/images/stories/services/moo/three.gif) bottom left no-repeat;
}

#kwick .four {
	background: #ddd url(/images/stories/services/moo/four.gif) bottom left no-repeat;
    border-right:0;
}