@import url("reset.css");


/*<style type="text/css">*/
/*------------------------------------------
-- Layout ----------------------------------
------------------------------------------*/

body			{ color: #444444; background: #3a3939 url(../img/body-bg.jpg) top center no-repeat }

/* Wrapper
------------------------------------------*/

#wrap 			{ width: 1090px;  margin: 0 auto; }

/* Header
------------------------------------------*/

#header			{ height: 320px; position: relative; margin: 0 auto;  background: #3a3939 url(../img/body-bg.jpg) top center no-repeat   }


/* Main content
------------------------------------------*/

#content		{ padding-left: 0; padding-bottom: 0; padding-right: 0px; padding-top: 20px; background-repeat: repeat-y; background-image: url(../img/content_bg.jpg) ; width: 1080px; margin-left: 0px; position:relative;}

.inner #content	{width: 1020px; padding-left: 45px; padding-bottom: 13px; padding-right: 20px; padding-top: 20px;}
.leftCol		{ float: left; width: 330px}
.rightCol		{ float: right; width: 630px; overflow:hidden; margin-right:40px;}

.rightColSmall	{ float: left; width: 270px; border-left: 0px solid #e9e9e9; padding-left: 20px;}
.leftColBig	{ float: left; width: 653px; overflow:hidden; padding-left: 20px;padding-right: 20px;border-right: 1px dotted #eee;}

.top			{ width: 1040px; padding-bottom: 25px}

.contactCol		{ float:left; width: 540px}
.mapCol			{ margin-left: 40px; float: left; width: 400px}

.right			{ float: right; width: 460px; padding-top: 20px}
.left			{ float:left; width: 515px; padding-top: 15px; padding-bottom: 13px}

.margin-ten		{margin-top: 20px;}


#contact_title{
	background:url(../img/contact.png) no-repeat 205px 0px;
}
#services_title{
	background:url(../img/services.png) no-repeat 190px 0px;
}

/* Footer
------------------------------------------*/

#footer			{ background-repeat: no-repeat; padding-left: 40px; padding-bottom: 0; padding-right: 10px; padding-top: 30px; background-image: url(../img/footer_bg.jpg); height: 40px; width: 1040px; margin:0 auto; position:relative;}
#footer	p		{ color: #787878;  margin:0;}
#footer	a:link,
#footer	a:visited
				{ border: 0px; color: #787878; text-decoration:underline}
#footer	a:hover{	
	color: #c9c9c9;
}	

#footer .inner{
text-align: center; 
}				
#footer #footerlinks{
	margin-bottom:12px;
}	

#footer #footerlinks p{
	font-size: 1.1em;
	padding-top: 4px;
	line-height: 18px;
}	
#footer #footerlinks h3{
	color: #bdbdbd;
	font-size: 13px;
	margin-top: 12px;
	border-bottom-color: #5f5f5f !important;
	border-bottom: 1px solid;
	margin-right: 12px;
	padding-bottom: 6px;
	display: block;
}	

#footer #footerlinks .footerboxsmall{
	width:460px;
	float: left;
}
#footer #footerlinks .footerboxlarge{
	width:510px;
	float: left;
}

#footer #footerlinks .footerboxcontact{
	
	width:240px;
	margin-right: 12px;
	float: left;
}

#footer #footerlinks ul#footer_services, #footer #footerlinks ul#footer_general{
	font-size: 0.8em;
}	

#footer #footerlinks ul#footer_general{

}		
	
#footer #footerlinks ul#footer_services li, #footer #footerlinks ul#footer_general li{
	border-bottom-color: #494949;
	text-align: left;
	list-style-type: none;
	float:left;
	margin:0;
	padding:0;
	margin-right: 12px;
	border-bottom: 1px solid;
}

#footer #footerlinks ul#footer_services li a, #footer #footerlinks ul#footer_general li a{
	text-decoration: none;
	border: 0px;
	font-weight: normal;
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 240px;
}

#footer #footerlinks ul#footer_services li a:hover, #footer #footerlinks ul#footer_general li a:hover{
	text-decoration: none;
}
		

#logo:link,
#logo:visited	{ background-color: #96ffae; border:0px; display: block; width: 105px; height: 88px;
				  position: absolute; top: 6px; left: 42px; text-indent: -999.9em; 
				  background: url(../img/logo.png) no-repeat }
#logo:hover,
#logo:active	{ border: none }


a.contact:link,
a.contact:visited
				{ border: 0px; color: #f7f7f7; font: normal 1.2em/1.3em "Century Gothic", Arial, sans-serif ; margin-top: 9px; margin-right: 40px; 
				  float:right; text-decoration:underline}

#header .title	{ background:url(../img/head-text.png) no-repeat; width: 430px; height: 55px; display:block; 
				  position:absolute; left: 50px; top: 115px; text-indent: -999.9em;}
/*----------------------------------------*/

#mainMenu		{ margin: 0; position: absolute; left: 40px; top: 278px; font-size: 1em }
#mainMenu li	{ float: left; margin: 0;  padding-top:1px; background:url(../img/main-menu-border.gif) right 8px no-repeat;
				  list-style-type: none; height: 39px; display:block }
#mainMenu a:link,
#mainMenu a:visited
				{ border: 0px; display: block; padding:0 23px; color: #f7f7f7; font: normal 1.4em/2.285em "Century Gothic", Arial, sans-serif; float:left; text-decoration:none;}
#mainMenu a.active:link,
#mainMenu a.active:visited,
#mainMenu a:hover,
#mainMenu a:active	
				{ border: none; background:url(../img/main-menu-active.gif) repeat-x top; color: #0d0d0d; position: relative; 
				  top:-1px; padding-top:1px; padding-bottom: 7px; text-decoration: none }


/*-----------------------------------------*/
#content h2{ border-bottom: 1px solid #e9e9e9; clear:left; font-family: illuminating, Arial, sans-serif; font-weight: normal; height:26px;}
#content h2 img {margin:0; padding:0;}
.rightColSmall h3 { border-bottom: 1px solid #e9e9e9 !important; clear:left; font-family: illuminating, Arial, sans-serif; font-weight: bold;}
.rightColSmall h3 img {margin:0; padding:0;}
/*
blockquote {
    color: #333;
    
    font-style: italic;
    margin: 1em 2em; 
    }
blockquote p:before {
    content: '"'; }
blockquote p:after {
    content: '"'; }
*/
blockquote {

font-style: italic;
margin-left: 4px;
margin-bottom: 10px;
margin-right: 10px;
margin-top: 0;
padding: 0;
padding-left: 20px;
padding-right: 20px;
background: transparent url("../img/blockleft.png") no-repeat 0px 0px;
font-size: 1.2em;
}
blockquote p {
padding-left: 30px;
padding-bottom: 10px;
padding-right: 30px;
padding-top: 20px;
background: transparent url("../img/blockright.png") no-repeat right bottom;
}


.leftCol img.floatLeft
				{ margin:5px 13px 12px 0}
.leftCol p		{ margin:0}

.links			{ font-size: 1em; margin:0; list-style: none; padding-left: 25px}
.links li		{ float:left; margin:0}
.links li img	{ float:left; margin:0}
.links li.link1,
.links li.link2,
.links li.link3	{ height: 64px}
.links li.link4,
.links li.link5	{ height: 57px}
.links li.link6,
.links li.link7	{ height: 50px}

.links li.link9 { height: 51px}

.links li.link1,
.links li.link2	{ margin-right: 38px }
.links li.link4 { margin-right: 45px}
.links li.link6	{ margin-right: 32px}
.links li.link8,
.links li.link9	{ margin-right: 25px}
.links li.link8	{ margin-top:3px; height: 48px}
.links li.link10{ margin-top:10px; height: 41px}

.viewAll:link,
.viewAll:visited
				{ border: 0px; background:url(../img/list-arrow-services.gif) no-repeat right 6px; padding-right: 20px; 
				   font: normal 1.3em/2.15em "Century Gothic", Arial, sans-serif; float: right; line-height: 2em;}
.service		{ font-size: 1em; margin:0 -20px 0 0; list-style: none; width: 640px}
.service li		{ float: left; padding-left: 75px; margin:0 20px 0 0; padding-bottom: 20px; width: 520px; font-family: "Century Gothic", Arial, sans-serif;}
.service li	img	{ float: left; margin-left:-70px; padding-right: 16px;}
.service li h4	{ }
.service li h4 a:link,
.service li h4 a:visited
				{ }
				
.service li p	{ margin:0}

.blogposts		{ margin-left: 0px; margin-bottom: 20px; margin-right: 0px; margin-top: 0px; padding: 0px; font-size: 1em; list-style: none;}
.blogposts li		{ margin-left: 0; margin-bottom: 0; margin-top: 0; padding-bottom: 6px; }
.blogposts li h4	{ }
.blogposts li a:link,
.blogposts li a:visited
				{color: #606060; border:1px solid white; }
				
.blogposts li p	{ margin:0}

.project, .projects_related		{ list-style:none; margin:0; font-size: 1em; display: block;}
.project li		{ margin-left: 0; margin-right: 5px; margin-top: 30px; float:left; background:url(../img/project-home-bg.gif) no-repeat; width: 260px; height: 177px; padding: 10px 26px 0 21px;}
.projects_related li	{ padding-left: 0px; padding-bottom: 0; padding-right: 26px; padding-top: 0px; float:left; background:url(../img/project-related-bg-.gif) no-repeat; width: 260px; height: 167px; margin:20px 5px 0 0; }

.project li.lastcol { margin-top: 30px; margin-left: 10px; margin-bottom: 0; margin-right: 0px; padding: 10px 26px 0 21px;}
.projects_related li.lastcol		{ margin-top: 20px; margin-left: 0; margin-bottom: 0; margin-right: 0px; padding: 0px 26px 0 21px;}

.project li img { margin:0; float:left; width:260px; height:134px; overflow: hidden; }
.projects_related li img	{ margin:0; float:left; width:260px; height:134px; overflow: hidden; border:4px solid #eee;}

.project li a:link,
.project li a:visited
				{ color: #fff; font: bold 1.2em/2em "Century Gothic", Arial, sans-serif; display:block; width: 260px; border:0;}

.projects_related li a:link,
.projects_related li a:visited
				{ font: normal 1.2em/2em "Century Gothic", Arial, sans-serif; display:block; width: 260px; border:0; text-align: center;}
				
.project li a .desc, .projects_related li a .desc {	
	border-width: 4px;	
	border-color: #e6e6e6;	
	border-style: solid;	
	padding-left: 50px;	
	padding-bottom: 12px;	
	padding-right: 0;	
	padding-top: 12px;	
	background-repeat: no-repeat;	
	display: none; 
	font-size: 1.2em;
	background: url(../img/project_detail_icon.png) white 10px 10px no-repeat;
	color: #222222;
	position: relative;
	top: -120px;
	left: 36px;
	margin: 0;
	width: 130px;
}
.project li a:hover .more, .projects_related li a:hover .more { visibility: hidden;}

.project li a:hover .desc,.projects_related li a:hover .desc{
	display: block;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
}


/*--------------SERVICES PAGE--------------------*/

.services		{ margin:0 -20px 0 0; list-style: none; width: 1000px}
.services li	{ padding-top: 20px; float:left; padding-left: 75px; margin:0 0px 0 0; padding-bottom: 26px; width: 400px;  }
.services li.firstcol	{ float: left; clear: left;  padding-left: 75px; margin:0 20px 0 0; padding-bottom: 20px; width: 400px; }
.services li.single	{ float: left; clear: left;  padding-left: 75px; margin:0 20px 0 0; padding-bottom: 20px; width: 900px; }
.services li	img	{ float: left; margin-left:-70px; }
.services li h3	{ }
.services li h3 a:link,
.services li h3 a:visited
				{ color: #515151; font-weight: bold; }
.services li p	{ margin:0}

.services li ul	{ padding-left: 16px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; list-style-position: outside; list-style-type: disc; margin:0;}
.services li ul li	{ font-size: 1.2em; padding-left: 0; padding-bottom: 4px; padding-right: 0; padding-top: 0; margin:0;}

/*--------------SERVICES LIST LINKS --------------------*/
ul#services_list{
	 margin: 0 !important; padding: 0 !important; list-style-position:inside; list-style-type: none; 
}

ul#services_list li{
	clear: left;
	margin:0 !important;;
	padding:0 !important;;
	border-bottom: 1px solid #ececec;
}

#services_list li a{
	border: 0px;
	font-weight: normal;
	padding-left: 20px;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 213px;
	background:url(../img/list-arrow-services.gif) no-repeat 0 6px;
		font-size: 1em;
		margin:0;
}

#services_list li a:hover{
	background-color: #f3f3f3;
	text-decoration: none;
	background:url(../img/list-arrow-active-services.gif) no-repeat 0 6px;
}

#services_list li.active a{
	color: #444;
	background:url(../img/list-arrow-active-services.gif) no-repeat 0 6px;
}

/*--------------SERVICES OVERVIEW --------------------*/

ul#services_short, ul#news_listing, ul#services_long{
	 list-style-type: none; margin:0;
	 font-size: 1em;
	 margin-bottom: 20px; 
}

ul#services_short li{
	margin:0;
	padding: 0;
	margin-bottom: 50px !important;
	float: left;
	height: 130px;
	width: 653px;
}

ul#services_short li p{
	height:20px;
}

ul#services_short li.lastcol{
	margin: 0;
	padding: 0;
	margin-bottom: 20px !important;
	border-left: 0px dotted #eee;
	padding-left: 0px;
}

ul#services_short li img.iconleft{
	float: left;
	padding-right: 20px;
	border-right: 0px solid #eee;
	clear:both;
	margin-bottom: 0px;
	line-height: 1em;
	padding-bottom: 10px;
}

ul#services_short li h2 a{
	color: #3a3a3a;
	border: 0px;
	font-size: 0.9em;
}
ul#news_listing li h2 a{
	color: #3a3a3a;
	border: 0px;
}

ul#services_short li h2 a:hover, ul#news_listing h2 a:hover{
	text-decoration: none;
	color: #3a3a3a;
}
	
ul#services_short li a.readmore, ul#news_listing a.readmore, ul#news_listing a.comments{
	
	padding-right: 20px;
	float:right;
	margin-top: 12px;
	margin-left: 12px;

	clear:left;
	background:url(../img/list-arrow-services.gif) no-repeat right 0px;
}
ul#services_short li a.readmore:hover, ul#news_listing a.readmore:hover, ul#news_listing a.comments:hover{
	background:url(../img/list-arrow-active-services.gif) no-repeat right 0px;
}

ul#services_long li{
	margin:0;
	padding: 0;
}


ul#services_long li img.iconright{
	float: right;
	padding-right: 20px;
	padding-bottom: 200px;
	padding-left: 20px;
	border-right: 0px solid #eee;
	clear:both;
	margin-top:-8px;
}

ul#services_long li ul{
	
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

ul#services_long li ul li{
	margin: 0 !important;
	margin-left: 20px !important;
	list-style-position: outside;
	list-style-type: square;
	padding: 0 !important;
	
}

.services-logos{
	list-style-type: none !important; 
	margin:0;
	padding: 0;
	clear:both;
	display: block;
	margin-bottom: 40px;
	height:130px;
	border: 1px dotted #ddd;
	padding: 10px !important;
}
ul#services_long li ul.services-logos li.logolist{
	list-style-type: none !important; 

	margin-left:0px !important; 
	float: left;

}
ul#services_long li ul.services-logos li.logolist img{
	margin:0 !important;
	padding:0 !important;
}
/*----------------------------------*/
.contactCol	h2,
.mapCol	h2		{ color: #4d4c4d}

.contactform	{ padding-top: 23px}
.contactform ul	{ margin:0; list-style: none; font-size: 1em}
.contactform li	{ float:left; margin:0; width: 540px}
.contactform label
				{ float:left; width: 540px; color: #4d4c4d; font: normal 1.2em/1.75em "Century Gothic", Arial, sans-serif; margin:0}
.contactform input.text
				{ background: #eeeeee; border: 1px solid #f8f8f8; padding:4px 5px 6px; width: 530px; height: 15px; color: #4d4c4d; 
				  font: normal 1.2em/1.2em "Century Gothic", Arial, sans-serif; float:left}
.contactform textarea
				{ background: #eeeeee; border: 1px solid #f8f8f8; padding:4px 5px 6px; width: 530px; height: 80px; color: #4d4c4d; 
				  font: normal 1.2em/1.2em "Century Gothic", Arial, sans-serif; float:left}
.contactform li.last
				{ padding-top: 19px}
.contactform input.submit
				{ background:url(../img/send-button.gif) no-repeat; width: 150px; height: 25px; text-align:center; float: right;
				  cursor: pointer; color: #4d4c4d; font: normal 1.2em/2em "Century Gothic", Arial, sans-serif}
.infoCol		{ float:left; padding-right:50px; padding-bottom: 10px; }
.infoCol p		{ margin:0}
.infoCol p a:link,
.infoCol p a:visited
				{ color: #ac181b}

.infoCol a.facebook, .footerboxcontact  a.facebook{ color:  #666 !important; background-repeat: no-repeat; background-image: url(../img/facebook.png); border-bottom:0px; padding-left: 24px; display:block; height:20px; line-height: 24px; margin-top: 8px;}


.map			{ background:url(../img/map-bg.gif) no-repeat; width: 400px; height: 333px; padding: 2px 10px 10px 3px; 
				margin: 0 -10px 0 -3px; float:left; position: relative}
.map img		{ margin:0}

/*-----------------------------------------------------*/
.portfolio		{ list-style:none; margin:0 -25px 0 -6px; font-size: 1em; width: 987px}
.portfolio li	{ padding-left: 17px; padding-bottom: 24px; padding-right: 14px; padding-top: 10px; margin-left: 4px; margin-bottom: 00px; margin-right: 4px; margin-top: 12px; float:left; background:url(../img/project-bg.gif) no-repeat; width: 290px; height: 186px;}
.portfolio li.lastcol{
	margin-right:0px;
}
.portfolio li img	{ margin-left: 0; margin-bottom: 3px; margin-right: 0; margin-top: 0; float:left}
.portfolio li a:link,
.portfolio li a:visited
				{ text-align: center; line-height: 2em; color: #fff0ed; font: bold 1.3em/1.9em "Century Gothic", Arial, sans-serif; display:block; width: 275px; margin-left: 4px; float:left}
.portfolio li a:hover
				{ color: white; text-decoration:none; border: 0px;}
				
				
.portfolio li span
				{ color: #5c5c5c; font: normal 1.2em/1.9em "Century Gothic", Arial, sans-serif; display:block; clear:both; margin-left: 4px}




.imgteaser a .more {
	border: 0px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}

.portfolio li a .desc {	
	border-width: 4px;	
	border-color: #e6e6e6;	
	border-style: solid;	
	padding-left: 20px;	
	padding-bottom: 12px;	
	padding-right: 0;	
	padding-top: 12px;	
	background-repeat: no-repeat;	
	display: none; 
	font-size: 1.2em;
	background: url(../img/project_detail_icon.png) white 10px 10px no-repeat;
	color: #222222;
	position: relative;
	top: -120px;
	left: 50px;
	margin: 0;
	width: 170px;
}
.portfolio li a:hover .more { visibility: hidden; border: 0px;}

.portfolio li a:hover .desc{
	display: block;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	border: 0px;
}

.portfolio li  a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
	border: 0px;
}

.detailCol h4{
	color: #4d4c4d;
	font-weight:bold;
	padding:0;
	margin:0;
}
.detailCol h3{
	color: #aa1317;
	border-bottom: 1px solid #e9e9e9; clear:left;
	font-weight:normal;
}
.detailCol #categories{
	padding-top:4px;
}

.detailCol #categories{
	clear:left;
}
.detailCol #categories li{
	list-style-position: inside;
	list-style-type: disc;
	float:left; 
	margin:0;
	width:230px;
	height:20px;
} 

.numberic		{ margin:0;  text-align:center; font-size: 1em; clear:left;}
.numberic li	{ display:inline-block; text-align:center; background:url(../img/numberic-bg.gif) center repeat-x; margin:0; height: 34px; list-style: none}
.numberic li a:link,
.numberic li a:visited
				{ border: 0px; background:url(../img/numberic-border.gif) right center no-repeat; color: #fff; margin-top: 5px; height: 24px;
				  font: normal 1.1em/2em "Century Gothic", Arial, sans-serif; display:inline-block; width: 24px; }
.numberic li a.active:link,
.numberic li a.active:visited,
.numberic li a:hover,
.numberic li a:active
				{ border: 0px; background:url(../img/numberic-active.gif) no-repeat; padding: 5px 0; margin-top:0; text-decoration:underline }
.numberic li.prev
				{ background:url(../img/prev-button.gif) no-repeat; width: 82px; padding-left: 7px}
.numberic li.prev a:link,
.numberic li.prev a:visited
				{ border: 0px; width: 82px; background: none}
.numberic li.next
				{ border: 0px; background:url(../img/next-button.gif) no-repeat; width: 76px; padding-right: 4px}
.numberic li.next a:link,
.numberic li.next a:visited
				{ border: 0px; width: 76px; background: none}

/*----------------------------------------------------*/
a.prevArrow:link,
a.prevArrow:visited
				{ font: normal 1.2em/1.8em "Century Gothic", Arial, sans-serif; padding-left: 13px; 
				  background:url(../img/grau-arrow-left.gif) left center no-repeat; float: right}
a.back:link,
a.back:visited	{ font: normal 1.2em/1.8em "Century Gothic", Arial, sans-serif; padding-left: 16px;
				  background:url(../img/overview-icon.gif) left center no-repeat; float: right; margin-left: 15px}
a.nextArrow:link,
a.nextArrow:visited
				{ font: normal 1.2em/1.8em "Century Gothic", Arial, sans-serif; padding-right: 12px;
				  background:url(../img/grau-arrow-right.gif) right center no-repeat; float: right; margin-left: 20px}
.links_r		{ margin-top:5px; border-top: 0px solid #e9e9e9; padding-top: 25px; padding-bottom: 15px; clear:left;}
.links_r a:link,
.links_r a:visited
				{ border:0px;color: #3f3f3f; font: normal 1.2em/2em "Century Gothic", Arial, sans-serif; background:url(../img/send-button.gif) no-repeat;
				  width: 150px; height: 25px; display:block; float: right; margin-left: 15px; text-align:center}

.fotoHolder			{ background:url(../img/screen-bg.gif) no-repeat; width:500px; height: 465px; padding:7px 12px 0 4px}

.numbericDetail	{ background:url(../img/numberic-detail-bg.gif) no-repeat; width: 505px; height: 34px; 
				margin:0 auto; list-style: none; text-align:center; font-size: 1em; margin-left:-3px; margin-top:6px;}
.numbericDetail li	
				{ display:inline-block; text-align:center; margin:0; height: 34px}
.numbericDetail li a:link,
.numbericDetail li a:visited
				{ border: 0px; background:url(../img/numberic-border.gif) right center no-repeat; color: #fff; margin-top: 5px; height: 24px;
				  font: normal 1.1em/2em "Century Gothic", Arial, sans-serif; display:inline-block; width: 24px}
.numbericDetail li.prev
				{ background:url(../img/prev-arrow.gif) left 12px no-repeat; width: 70px}
.numbericDetail li.prev a:link,
.numbericDetail li.prev a:visited
				{ width: 70px; background: none}
.numbericDetail li.next
				{ background:url(../img/next-arrow.gif) right 13px no-repeat; width: 70px}
.numbericDetail li.next a:link,
.numbericDetail li.next a:visited
				{ width: 70px; background: none}

.numbericDetail li a.active:link,
.numbericDetail li a.activevisited,
.numbericDetail li a:hover,
.numbericDetail li a:active,.numbericDetail li a.activeSlide
				{ background:url(../img/numberic-active.gif) no-repeat; padding: 5px 0; margin-top:0; text-decoration:none; font-weight: bold; }



/*--------------*/
/* News
---------------- */

#blog h4{
	color: #4d4c4d;
	border-bottom: 1px solid #e9e9e9; clear:left;
	font-weight:normal;
	
}

#blog h3{
	color: #4d4c4d;
	font-weight: bold;
	
}

#blog hr{
	height: 0;
	border: 0;
	border-top: 1px dotted #e9e9e9;
	margin-bottom: 6px;
}
ul#news_listing .date{
	color: #4d4c4d;
	font-size: 0.6em;
	padding-right: 12px;
	float: right;

}

ul#news_listing .commentlinks{
	height: 20px;
	display:block;
	clear: left;
}



h3.oldernews {}
ul#news_listing { list-style:none;}
ul#news_listing li { padding-bottom: 20px; margin:0 0 30px 0px; overflow:hidden; }
ul#news_listing li img {  margin:0 10px 10px 0; clear:left;}
ul#news_listing li h2 img {  margin:0; }
ul#news_listing li p { margin-bottom:10px; }


div#news_archives  .sidebar_box{ 
	clear:left;
	margin-bottom: 20px;
	display: block;

}

div#news_archives { overflow:hidden;}
div#news_archives h3{
	color: #4d4c4d;
	border-bottom: 0px solid #e9e9e9; clear:left;
	font-weight:normal;
}
div#news_archives div#categories_box {}
div#news_archives div#months_box {}
div#news_archives ul#categories, div#news_archives ul#months {  

}
div#news_archives ul#categories li, div#news_archives ul#months li, div#news_archives ul#rss li {  
	list-style-type: none;  
	display: block;  
	width: 130px;
	float: left;
	margin: 0;
	padding: 4px;
	margin-right: 10px;
	border-bottom: 1px solid #e9e9e9;
}

div#news_archives ul#categories li.lastcol, div#news_archives ul#months li.lastcol, div#news_archives ul#rss li.lastcol { 
		margin-right: 0px;
}
div#news_archives ul li a{
	border: 0px;
	font-size: 1em;
	
}

div#news_archives ul#popular li {  
	list-style-type: none;  
	display: block;  
	width: 100%;
	float: left;
	margin: 0;
	padding: 4px;
	border-bottom: 1px solid #e9e9e9;
	height:16px;
	overflow: hidden;
}


div#news_calendar { padding:10px; background:url({site_url}themes/site_themes/agile_records/images/white_50.png); margin-bottom:40px; }

div#news_calendar a:link,
div#news_calendar a:visited { color:#666; }
div#news_calendar a:hover,
div#news_calendar a:focus { color:#333; }

div#news_calendar h6 { position:relative; text-align:center; text-transform:uppercase; color:#666; padding:0 0 10px 0; }
div#news_calendar h6 a.prev { position:absolute; left:0; top:-3px; font-size:16px; }
div#news_calendar h6 a.next { position:absolute; right:0; top:-3px; font-size:16px; }

div#news_calendar table { background:none; font-size:11px; width:250px; color:#666; }
div#news_calendar table th { background:url({site_url}themes/site_themes/agile_records/images/green_50.png); color:#ccc; }
div#news_calendar table th,
div#news_calendar table td  { padding:5px 0; text-align:center; }
div#news_calendar table tr { border:none; }
div#news_calendar table td.unused { color:#999; }
div#news_calendar table td.post { background:url({site_url}themes/site_themes/agile_records/images/white_20.png); }
div#news_calendar table td.post:hover { background:url({site_url}themes/site_themes/agile_records/images/white_40.png); }


/* Comments */
div#news_comments { border-top:#bfbebf 1px solid; padding-top:20px; width:645px; margin-left: 0px;}

div#news_comments ol { list-style:none; margin-bottom:30px; }
div#news_comments ol li { padding-left: 160px; padding-bottom: 0; padding-right: 0px; padding-top: 20px; border-bottom:1px dotted #ccc; background:url({site_url}themes/site_themes/agile_records/images/white_70.png); line-height:20px; }


div#news_comments ol li h5.commentdata { width:120px; float:left; position:relative; left:-150px; margin-right:-150px; font-size:13px; line-height:20px; }
div#news_comments ol li h5.commentdata span { display:block; font-weight:normal; font-size:11px; }
div#news_comments ol li h5.commentdata img { margin-top:10px; }


div#news_comments form {}
div#news_comments fieldset#comment_fields{
	padding-left: 40px;
}
div#news_comments fieldset#comment_fields label span{ float:left; width: 540px; color: #4d4c4d; margin:0; margin-bottom:2px; margin-top: 10px; display: block;}

div#news_comments fieldset#comment_fields label input { border:1px solid #aaa; width:228px; float:left; background:url({site_url}themes/site_themes/agile_records/images/white_50.png); }
div#news_comments fieldset#comment_fields label input.text { background: #eeeeee; border: 1px solid #f8f8f8; padding:4px 5px 6px; width: 530px; height: 15px; color: #4d4c4d; 
				  font: normal 1.2em/1.2em "Century Gothic", Arial, sans-serif; float:left}
div#news_comments fieldset#comment_fields label input:focus { border:1px solid #ccc; }
div#news_comments fieldset#comment_fields label textarea { background: #eeeeee; border: 1px solid #f8f8f8; padding:4px 5px 6px; width: 530px; height: 80px; color: #4d4c4d; 
				  font: normal 1.2em/1.2em "Century Gothic", Arial, sans-serif; float:left}
div#news_comments fieldset#comment_fields label textarea:focus { border:1px solid #ccc; }

div#news_comments div#comment_guidelines { width:418px; padding:10px; margin:10px 0 10px 80px; color:#fff; background:#9f9995; }
div#news_comments div#comment_guidelines h6 { font-weight:normal; font-size:12px; margin-bottom:0; }
div#news_comments div#comment_guidelines p { margin:10px 0 0 0 ; font-size:11px; line-height:16px; font-style:italic; }

div#news_comments fieldset#comment_action { padding:40px; }
div#news_comments fieldset#comment_action label { display:block; padding:5px 0; }
div#news_comments fieldset#comment_action label input { margin-left: 6px;}
div#news_comments fieldset#comment_action input#submit_comment  { background:url(../img/send-button.gif) no-repeat; width: 150px; height: 25px; text-align:center; float: right;
				  cursor: pointer; color: #4d4c4d; font: normal 1.2em/2em "Century Gothic", Arial, sans-serif}

div#news_comments fieldset#comment_action input#preview_comment { background:url(../img/send-button.gif) no-repeat; width: 150px; height: 25px; text-align:center; float: left;
				  cursor: pointer; color: #4d4c4d; font: normal 1.2em/2em "Century Gothic", Arial, sans-serif}
				  
div#captcha_box img {margin-left: 5px;}

input#captcha {display:block; margin: 5px 0 0 0; border:1px solid #aaa; width:228px; background:url({site_url}themes/site_themes/agile_records/images/white_50.png);}
input#captcha:focus {background:url({site_url}themes/site_themes/agile_records/images/white_70.png);}

.codeblock{

	display: block;

	padding: 20px;

	background-color: #f0f0f0;
	overflow: auto;

}
.codeblock code{
				  
}
#mailinglist_form{margin-bottom: 10px;}

#mailinglist_form input.text
				{ background: #eeeeee; border: 1px solid #f8f8f8; padding:4px 5px 6px; height: 15px; color: #4d4c4d; 
				 float:left; width:180px;}

#mailinglist_form input.submit
				{ background:url(../img/send-button.gif) no-repeat; width: 120px; height: 25px; text-align:center;margin-top:0px;margin-left:6px;
				  }

				  
</style>