/*	General CSS
------------------------------------------------------*/	
body	{  
	font:normal 12px/18px "Lucida Sans Unicode","Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#940000 url(../images/blue/bg3.jpg) top center no-repeat;
	color:#666;
	}	

* html	{
	margin:0;
	padding:0;
	}

em { font:normal italic 18px Georgia, "Times New Roman", Times, serif; }				

.imgborder	{
	background:#FFFFFF;
	padding:3px;
	border:1px solid #ccc;
	}

a	{
	text-decoration:none;
	color:#666;
	}
	
a:hover {
	color:#6C0A09;
	text-decoration:none;
	}


.alignleft	{
			float:left;
			margin:5px 15px 15px 0;
			}
			
.alignright	{
			float:right;
			margin:0px 15px 15px 15px;	
			}
			
.aligncenter	{
				clear:both;
				display:block;
				margin:10px auto;
				padding:10px 0;
				}			
			

.clear	{	clear:both;	}

img		{	border:0;	}



/* Headings
------------------------------------------------------*/	
h1	{
 	font: bold 26px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; 				
	letter-spacing:-1px;
	padding:0;
	margin:0 0 5px 0;
	}

h2	{
	font: bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color:#5f5f5f;
	padding:0;
	margin:0 0 5px 0;
	}

h3	{
	font: bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0;
	margin:0 0 5px 0;
	}

h4	{
	font: normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0 0 5px 0;
	color:#5d5d5d;
	}

h5	{
	font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding: 0px;
	margin:0;
	}

h6	{
	font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    padding:0px;	
	margin:0;
	}


p	{
	margin:0px 0px 15px 0;

	}
	
/* Page Structure
------------------------------------------------------*/	
#Wrapper	{
			width:100%;
			} 
	 


/* header
------------------------------------------------------*/		
#header	{
		width:100%;
		overflow:hidden;
		height:120px;
		}


	.logo a	{
	background:url(../images/blue/logo.png) no-repeat;
	margin:30px 0px 0 30px;
	text-indent:-9999px;
	display:block;
	border:0;
	width:300px;
	height:65px;
			}
		
			
	.slogan	{
				margin:0px;
				padding:0px;
				}
		
	.slogan h3	{
					font:normal bold 14px Arial, Helvetica, sans-serif;
					color:#fff;
					letter-spacing:normal;
					padding-top:25px;
					text-align:right;
					margin:10px 10px 0 0px;
					}

	.slogan p	{
				color:#fff;
				font:normal 11px/19px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
				margin:0px 10px 0 0px;
				text-align:right;
				}


/* menu
------------------------------------------------------*/	
#menu	{
			background:#fff;
			background:#fff;
			height:40px;
			width:960px;
			padding-top:5px;
			margin-top:10px;
			border-bottom:1px solid #999;				
			}
			
			

/* slider
------------------------------------------------------*/			
										
#slider_bg	{
			background:url(../images/sliderbg.png) no-repeat;
			width:960px;
			height:285px !important;
			position:relative;
			margin-top:30px;
			margin-top:30px;
			margin-left:auto;
			margin-right:auto;
			
			}
			

/* mainpage
------------------------------------------------------*/	

#mainpage	{
			width:960px;				
			overflow:hidden;
			margin-top:30px;
			margin-bottom:20px;
			margin-left:auto;
			margin-right:auto;
			-moz-border-radius:5px;
			}
			


	#mainpage h2	{
					font: normal 20px/22px "AllerLightRegular", Arial, Helvetica, sans-serif; 
					text-transform:uppercase;
					letter-spacing:0;
					color:#fff;
					margin-left:10px;
					margin-top:30px;
					}	

	#mainpage p	{
				margin:10px ;
				color:#fff;
				}
				
#mainpage a:hover {color:#000;}
					
					a.button { background:url(../images/button.png) no-repeat;
				line-height:3.5em;
				text-align:center;
				width:129px;
				height:45px;
				display:block;
				}

			

/* sub header
------------------------------------------------------*/		

#subheader	{
            background:url(../images/blue/subheader.jpg) top center no-repeat;
			height:101px;
			margin-left:auto;
			margin-right:auto;
			}

	#subheader h2	{
	color:#ffffff;
	padding-top:35px;
	margin:0;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
					}

 	#subheader p	{ 
					color:#ffffff; 
					padding-top:35px;
					margin:2px 30px 0 0; 
					text-align:right;
					}
	
	
	
	
/* Mid Content
------------------------------------------------------*/		
.midcontent {
			width:960px;				
			background:#fff;
    		overflow:hidden;
			margin-left:auto;
			margin-right:auto;
			margin-bottom:20px;
			}
			
	.content	{
				margin:30px 20px;
			  	background: #fff;
			  	height:100%;
			  	overflow:hidden;
			  	padding:0 0 20px 0;
				}

/* Sidebar
--------------------------------------------------------*/

#sidebar {
    margin:30px 0 30px 20px;
    }		

/* Sidebar Menu
--------------------------------------------------------*/		
 ul.submenu {margin:0 0px 20px 0px;text-align:left;}
 ul.submenu {margin:0;	list-style:none;padding:0 0px;}

	 ul.submenu li a {
			voice-family:inherit;
			margin:0 0 0px 0;
			height:100%;
			border-bottom:1px solid #ddd;
			text-decoration:none;
			}
	
	 ul.submenu li a:link,  ul.submenu li a:visited {
			display:block;
			padding:6px 10px;
			}
	
		 ul.submenu li li a {
				margin:0 0 0 0;
				text-decoration:none;
				}
		
		 ul.submenu li li a:link,  ul.submenu li li a:visited {
				display:block;
				padding:3px 0px;
				padding-left:25px;
				font-style:italic;
				}
	

         ul.submenu li.current a {
	text-decoration:none;
	color:#6B0908;
	border-bottom:1px solid #6B0908;
		        }

         ul.submenu li a:hover {
	color:#6B0908;
	text-decoration:none;
	border-bottom:1px solid #6B0908;
		        }

       li.magazin a {
	text-decoration:none;
	color:#ff0000;
	
			        }

       li.magazin a:hover {
	color:#6B0908;
	text-decoration:none;
	
			        }

.btn {
  background: #e33030;
  background-image: -webkit-linear-gradient(top, #e33030, #b82b2b);
  background-image: -moz-linear-gradient(top, #e33030, #b82b2b);
  background-image: -ms-linear-gradient(top, #e33030, #b82b2b);
  background-image: -o-linear-gradient(top, #e33030, #b82b2b);
  background-image: linear-gradient(to bottom, #e33030, #b82b2b);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #de7171;
  background-image: -webkit-linear-gradient(top, #de7171, #b34242);
  background-image: -moz-linear-gradient(top, #de7171, #b34242);
  background-image: -ms-linear-gradient(top, #de7171, #b34242);
  background-image: -o-linear-gradient(top, #de7171, #b34242);
  background-image: linear-gradient(to bottom, #de7171, #b34242);
  text-decoration: none;
}

	.imgborder	{
				padding:3px;
				border:1px solid #dadada;
				}

	.img	{
			background:#dee0e1;
			padding:5px;
			float:left;
			margin-right:15px;
			}
			
	.l1	{list-style:circle;
		
		}	
		
	
ul.newslist {
            margin:0 0 20px 0;
            padding:0;
            list-style:none;
            }
            
    ul.newslist li {
                padding:10px 0; 
                font-size:11px;
                line-height:normal;
                border-bottom:1px solid #ddd;
                }

    ul.newslist li h5 {
    font-weight:bold;
    margin-top:8px;
    }

	ul.newslist li span	{
			font-size:10px;
			font:normal 10px Tahoma, "Trebuchet MS", sans-serif;
			color:#5c5c5c;
			padding:2px 0;
			display:block;
			text-align:left;
			}
			
	
/* readmore
------------------------------------------------------*/		

a.read	{
			text-decoration:none;
		padding:10px 0px;
		}
	
	

	a.read:hover	{
					color:#2d9ec1;	
					text-decoration:none;
					}


/* services
------------------------------------------------------*/

.servicebox ul.listitems	{
		}
						
*html .servicebox2 ul.listitems	{
		}


ul.listitems	{
	list-style:circle;
	}

.servicebox	{
	border-bottom :1px solid #ddd; 
	overflow:hidden;
	height:100%;
	padding:20px 0;
	margin:0;
	}
			
	.servicebox h3	{
				color:#818181;
				margin:0;
				margin-bottom:10px;
				}

	.servicebox p	{
				color:#5c5c5c;
				margin:0;
				margin-bottom:10px;
				}
	.servicebox img	{
				padding-right:4px;
				}


/* Portfolio Details
------------------------------------------------------*/	 
.port	{ 
		width:270px;
		position: relative;
		margin-right:5px;
		margin-left:5px;
		background:#f4f4f4;
		-moz-border-radius:5px;
		border:1px solid #d5d5d5;
		margin-bottom:20px;
		padding:10px;
		height:220px;
		float:left;
		} 
		
		.featuredcorner {
			background:url(../images/ribboncorner.png) 0 0 no-repeat;
			position:absolute;
			top:0px;
			color:#FFFFFF;
			left:0px;
			width:87px;
			height:87px;
			}

		.porttext 	{	
				padding:0;
				margin-top:5px;
				}

		.porttext p {
				clear:both;
				padding-top:5px;
				}

		.porttext h5	{
				float:left;
				margin-top:8px;
				}
				
		.porttext .viewarrow	{
								width:84px;
								height:17px;
								 float:right;
								margin:8px 5px 0 8px;
								}


img{
	margin:0;
	padding:0;
	border:none;
}



.pic a{ float:left; margin:0; padding:0; margin:5px 0px 5px 0px!important; margin:5px 0px 5px 0px; display:block; no-repeat; }
.pic a img{ float:left; margin:0; padding:0; margin:0px 0 0 0px; width:270px; height:120px;}



/* B L O G    post 
--------------------------------------------------*/
.post 	{
		margin:0px 0 20px 0;
		overflow:hidden;
		height:100%;
		padding:0 0 20px 0;
		position:relative;
		border-bottom:1px solid #ccc;
		}

	.post .excerpt	{
			width:640px;
			}

	 .post-img	{
				position:relative;
				float:left;
				margin:0 0px 10px 0;
				padding:2px;
				border:5px solid #ddd;
				}
	
	.post-img:hover	{
				border:5px solid #ccc;
				}
				
 	.post-date	{
				background:#cc0000;
				width:70px;
				color:#FFFFFF;
				margin-right:10px;
				text-align:center;
				height:50px;
				text-transform:uppercase;
				font-size:14px;
				position:absolute;
				top:20px;
				left:0;
				}

	.post-date  b	{
					font:normal 40px/30px Georgia, Helvetica, sans-serif;
					display:block;			
					}
	.post-info	{
				position:absolute;
				top:70px;
				left:0;
				color:#fff;
				background:#222;
				padding:5px 10px;
				margin-bottom:15px;
				text-transform:lowercase;
				}
			

	.post h2	{
				margin:0;
				}
			
				 
	#bigimg	{
			position: absolute; 
			background-color:#fabc77; 
			border:3px solid #e68e46;
			}
						 
	.sidebar	{
				margin:0px 0;
				}

	
/* footer
------------------------------------------------------*/		
#footer	{
	height:40px;
	width:960px;
	padding-top:5px;
	border-top:solid 1px #ffffff;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	color:#ffffff;
		}

	#footer	p	{
				margin-left:10px;
				margin-right:10px;
				margin-top:10px;
				color:#ffffff;
				}
	#footer a:hover { color:#fff;}
							
/* superfish
----------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
position:relative; z-index:100	;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			210px; /* left offset of submenus need to match (see below) */
	z-index:100	;
}
.sf-menu ul li {
	width:			210px;
	text-align:left;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
	width:115px;
	text-align:center;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3.3em; /* match top ul list item height */
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	bottom: 10em;
	top:			0;
}
.sf-menu li.magazin {
	float:			left;
	position:		relative;
	width:210px;
	text-align:center;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	padding-left:15px;
	margin-bottom:	0;
}
.sf-menu a {
	padding: 		0.8em 1.6em;
	text-decoration:none;
	text-transform:capitalize;
	font-size:12px;
	
}
.sf-menu li {
}
.sf-menu li li {
	background:		#efefef;
	border-bottom:	1px solid #ccc;
}
.sf-menu li li li {
	background:		#efefef;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	outline:		0;
		font-weight:bold;
}

.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	color:#6c0a09;
	outline:		0;
}

.sf-menu li ul {
	border:	1px solid #ccc;
	border-bottom:	0px solid #ccc;	
	border-top:none;
	}
	
.sf-menu li ul li ul {
	border:	1px solid #ccc;
	border-bottom:	0px solid #ccc;	
	border-top:none;
	}
	
	
.sf-menu li.current a
{
color:#000;
font-weight:bold;
}

.sf-menu li.magazin a
{
	
	color:#fff;
	font-weight:bold;
font-size: 13px;
}

.btn {
  background: #9de021;
  background-image: -webkit-linear-gradient(top, #9de021, #609127);
  background-image: -moz-linear-gradient(top, #9de021, #609127);
  background-image: -ms-linear-gradient(top, #9de021, #609127);
  background-image: -o-linear-gradient(top, #9de021, #609127);
  background-image: linear-gradient(to bottom, #9de021, #609127);
  -webkit-border-radius: 20;
  -moz-border-radius: 20;
  border-radius: 20px;
  font-family: Georgia;
  color: #ffffff;
  font-size: 13px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #b9e36b;
  background-image: -webkit-linear-gradient(top, #b9e36b, #83a658);
  background-image: -moz-linear-gradient(top, #b9e36b, #83a658);
  background-image: -ms-linear-gradient(top, #b9e36b, #83a658);
  background-image: -o-linear-gradient(top, #b9e36b, #83a658);
  background-image: linear-gradient(to bottom, #b9e36b, #83a658);
  text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.3em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ccc.html') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.1em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.html') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}