/* project: Bug Service
   27.11.2008 -  ver. : 0.2 */   
   
body { padding: 0; margin: 0; font: 0.75em Arial, sans-serif; line-height: 1.5em; background: #F0F0F0; color: #454545; }
a, a:visited {color: #C83C3C;text-decoration: none; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.3em Arial, Sans-Serif; letter-spacing: 0.5px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 90% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: #FFF; }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
img {border: 0px; padding: 1px; margin: 1px;}
form { margin: 1px; }
input.search { width: 105px; border: none; background: #FFF url(input.gif); padding: 3px; margin: 2px; color: #808080; }
input.submit { height: 20px; font-weight: bold; width: 25px; border: none; background: ; padding: 3px; color: #FFF; }

/* layout
   ------ */

.warper { 
	margin: 10px auto;
	width: 780px;
	background: #FFF url(big_middle.gif) repeat-y;
	color: #454545;
	
}

/* header */
.header_top { background: #F0F0F0 url(big_top.gif) no-repeat; color: #FFF;height:13px;}
.header { padding: 0px 6px 0 6px; height: 235px; background: #FEFEFE url(big_middle.gif)}
.header_bottom { clear: both; background: #FEFEFE url(big_bottom.gif) no-repeat; color: #FFF; height: 15px; }

.logo_left {
	float: left;
	width: 218px;
	height: 100%;	
	border: none;
	padding: 5px 0px 0px 5px;
}

.banner_right {
	width: 525px;
	height: 100%;
	float: right;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	background: #ffffff url(header/header.jpg) no-repeat;
}
.banner_right h1 {
	display: inline;
	color: #ffffff;
	font-size: 1.1em;
	text-align: right;
}

.sf_search {
	float: left;
	clear: both;
	background: #EBE5C5; 
	color: #FFE4E0;	
	padding: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
	
.subheader {
	padding: 8px;
	background: #FEFEFE url(big_middle.gif)
	color: #808080;
	height: 50px;
	width: 100%;
}

    
/* navigation */
#nav {float: right; margin-left: 2px; margin-right:10px; width: 525px; height: 30px; background: #C43219 url(nav_background.gif) repeat-x;}
#nav ul {float: right; margin:0; list-style:none; padding-top: 4px; margin-right: 15px; }
#nav a, #nav strong, #nav span {color:#fff; text-decoration:none; font-weight: bold; }
#nav li {color: #FFF; display: inline;}

#nav a:hover { color:#BFE1ED; }

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

	.content {
		float: left;
		width: 100%;
		min-height: 100%;
		margin: 2px 2px 10px 5px;
	}

	
	/* left and right column */
	.left_side { float: left; width: 30%; padding: 0px 5px 8px 8px;}
	.right_side { float: right; width: 68%; margin: 0 5px 0 0; text-align: justify;}
		
	.article { padding: 12px 0px 5px 14px; margin: 2px;right; width: 500px;height:border:0px solid red;}
       	.article a {color: #C83C3C; text-decoration: none;  border-bottom: 1px dotted #808080;}
        .article a:hover { color: #000;}
	.article_service { float: left; padding: 4px 4px 4px 4px; margin: 2px;height:120px; width: 25%;margin-left: 20px;}
	
	.services { float:left; margin-left: 12px; width: 210px; padding 2px;  display: block;}
	.services_top { background: #EDEDED url(grey_top.gif) no-repeat bottom left;; color: #000; height: 5px; padding: 0; margin:0;}
	.services_title{background: #EDEDED; border-bottom: 1px dotted #808080; padding-left: 5px;padding-bottom: 5px; padding-top: 2px; }
       .services_title a { color: black; text-decoration: none;}
       .services_title a:hover { color:#C83C3C; text-decoration: none;}


	.services_main {
		background: #EDEDED; 
		display: block;
		color: #808080;	
	}
		
	.services_main ul {
		margin-top: 0;
		margin-bottom: 0px;
		padding-top: 0;
		padding-bottom: 0;
		list-style-type: none;			
	}

	.services_main li {
		border-bottom: 1px dotted #808080;
		padding-bottom: 2px;
		margin-bottom: 0px;
		margin-left: -15px;
	}

	.services_main li:hover {
		list-style-type: circle;
	}		

	
	.services_main a {
		height: 25px;
		color: #C83C3C;
		background: inherit;
		text-decoration: none;

	}
	
	.services_main a:hover {
		color: #000;
		background: #EDEDED;
	}		

	.services_bottom {
		margin-top: 0;
		padding-top: 0;
		height: 10px;
		background: #EDEDED url(grey_bottom.gif) no-repeat bottom left;
	}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
	background: #f0f0f0;
	padding: 10px 0 5px 0;
	border-top: 1px solid #eee;
}
.footer p {	line-height: 2em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; }