@import url("reset.css");

body
{

	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	color: #CCC;
	background: #000;
	margin-left:auto;
	margin-right:auto;
	margin:10px;
	padding:0px;
	
}



/*
============================================================
texts
*/

h2 { color: #FFF; font-size: 25px; padding:0px 0px 20px 0px; font-weight: bold;}
h3 { color:#FFF; font-size: 20px; padding:0px 0px 20px 0px; font-weight: bold;}
h4 { color:#FFF; font-size: 30px; padding:0px 0px 20px 0px; font-weight: bold;}
a { color: #712067; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
p { color: #797979; font-size: 16px; }

/** Main Styles **/

#headercont
{
	width: 960px;
	background: #000;/* #020202*/
	margin-left:auto;
	margin-right:auto;
}

	#headercont #header
	{
		margin: 0 auto;
		width: 940px;
	}
	
		#headercont #header #headerlogo
		{
			float: left;
			width: 400px;
			height:200px;
			padding: 35px 0 0 0;
			background: url(../images/logo.png);
		}

			#headercont #header #headerlogo h1 a
			{
				color: #FFF;
				font-weight: normal;
				font-size: 38px;
				letter-spacing: -1px;
				text-transform: uppercase;
			}
			
			#headercont #header #headerlogo h1 a:hover
			{
				color: #712067;
			}
		
		#headercont #header #headermenu
		{
			float: left;
			width: 540px;
			padding: 30px 0;
		}

			#headercont #header #headermenu ul
			{
				float: right;
				height: 36px;
			}
			
			#headercont #header #headermenu ul li
			{
				float: left;
				display: block;
			}
			
			#headercont #header #headermenu ul li a
			{
				float: left;
				display: block;
				color: #FFF;
				background: #191919;
				margin: 0 0 0 5px;
				padding: 0 30px;
				line-height: 36px;
				font-size: 11px;
				text-decoration: none;
				text-transform: uppercase;
			}
			
			#headercont #header #headermenu ul ul li a
			{ 
				float: none; 
				width: 160px;
				padding: 10px 20px;
				line-height: 14px;
			}

			#headercont #header #headermenu ul li a:hover, #headercont #header #headermenu ul li.sfHover a, #headercont #header #headermenu ul ul a
			{
				color: #FFF;
				background: #03F; /*712067*/
			}
			
			#headercont #header #headermenu ul li li a:hover, #headercont #header #headermenu ul li.sfHover li a:hover
			{
				color: #FFF;
				background: #511649;
			}
			#headercont #header #headermenu ul li.active a
			{
				color: #FFF;
				background: #712067;
			}
				/*** Start SuckerFish Styles ***/
				
					.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:	none; }
					.sf-menu { line-height:	1.0; }
					.sf-menu ul { position: absolute; top: -999em; width: 200px; margin-top: 0; padding-top: 0; }
					.sf-menu ul li { width:	100%; }
					.sf-menu li:hover { visibility: inherit; }
					.sf-menu li { float: left; position: relative; }
					.sf-menu a { display: block; position: relative; }
					.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 36px; z-index: 99; }
					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: 200px; 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: 10em; top: 0; }		
				
				/** End SuckerFish Styles **/

#gallerycont
{
	margin: 0 auto;
	width: 920px;
	padding: 20px 0 0 0;
	font-size: 11px;
}
	
	/*#gallerycont .panelleft
	{
		float: left;
		width: 330px;
		padding: 20px 0 20px 20px;
	}
	
		#gallerycont .panelleft p
		{
			margin: 0 0 15px 0;
		}
		
		#gallerycont .panelleft h3
		{
			margin: 10px 0;
			font-size: 30px;
			font-weight: bold;
			color: #FFF;
			text-transform: uppercase;
		}
	*/
	#gallerycont .panelright
	{
		float: left;
		width: 450px;
		height: 300px;
		padding: 20px;
	}
	
/*
==========================================================================
p     i     c   t	  u 	 r   	e  	s 	 l 	 i  	d 	 e	r 
===========================================================================
*/


		.coda-slider { background: #222; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
		.coda-slider, .coda-slider .panel { width: 840px; line-height: 18px; } 
		
		.coda-nav-left a { background: url("../images/arrow-left.png") no-repeat center right; color: #FFF; width: 40px; height: 340px; text-indent: -9000em; }
			.coda-nav-left a:hover { background: url("../images/arrow-left.png") no-repeat center left; }
		
		.coda-nav-right a { background: url("../images/arrow-right.png") no-repeat center left; color: #FFF; width: 40px; height: 340px; text-indent: -9000em; }
			.coda-nav-right a:hover { background: url("../images/arrow-right.png") no-repeat center right; }

		.coda-slider-wrapper { clear: both; overflow: auto }
		.coda-slider { float: left; overflow: hidden; position: relative }
		.coda-slider .panel { display: block; float: left }
		.coda-slider .panel-container { position: relative }
		.coda-nav-left, .coda-nav-right { float: left }
		.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	/* End */

/*	
=======================================================
contents
*/


#bg1 {
	background: url(../images/img06.jpg) repeat-y left top;
}

#bg2 {
	background: url(../images/img05.jpg) no-repeat left top;
}

#bg3 {
	overflow: hidden;
	padding: 20px;
	background: url(../images/img07.jpg) no-repeat left bottom;
}



.picture{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:150px;
	display: block;
	padding:40px;
}

#Ccontainer{
	width:960px;
	font-size:15px;
	background: ;
	margin-left:auto;
	margin-right:auto;
    /*border-right:solid 7px #FFF;
	border-left:solid 2px #fff;*/
	padding:50px;
}

#Ccontanier p { color: #CCC; font-size: 15px; }

.Ccontainer1{
	width:960px;
	height: 300px;
	background: none;
	margin-left:auto;
	margin-right:auto;
    /*border-right:solid 7px #FFF;
	border-left:solid 2px #fff;*/
	padding:100px;
}

.Pcontainer{
	height:auto;
	width:960px;
	padding:70px 0px 50px 0px;
	margin-left:auto;
	margin-right:auto;}


.WORDING{
	width:960px;
	height:auto;
	background: inherit;
	padding:10px 0px ;
	
}

.WORDING1{
	float:left;
	background: inherit;
	width:770px;
	height: auto;
	padding:10px;
}

.SERVICES{
	width:60%;
	background: inherit;
	padding:20px;
	font-size:14px;
	
}


.TESTIMONIALS{
	width:60%;

	background: inherit;
	padding:20px;
	
}




	#maincont #mainleft
	{
		float: right;
		width: 200px;
		padding: 0 40px 0 0;
		color: #666;
		font-size:12px;
	}
	
		#maincont #mainleft ul.sidemenu
		{
			float: right;
			width: 200px;
			margin: 0 0 15px 0;
		}
		
		#maincont #mainleft ul.sidemenu li
		{
			display: block;
			list-style-type: none;
		}
		
		#maincont #mainleft ul.sidemenu li a
		{
			float: right;
			width: 180px;
			padding: 6px 10px;
			margin: 0 0 1px 0;
			background: #181818;
			color: #CCC;
		}
		
			#maincont #mainleft ul.sidemenu li.active a
			{
				color: #FFF;
				background: #712067;
			}
		
		#maincont #mainleft ul.sidemenu li a:hover
		{
			color: #FFF;
			background: #00F;
		}
		
				#maincont #mainleft h1, #maincont #mainleft h2, #maincont #mainleft h3, #maincont #mainleft h4, #maincont #mainleft h5 { color: #666; }
		
	
	#maincont #mainright
	{
		float: left;
		width: 600px;
	}
	
#maincont
{
	margin: 0 auto;
	width: 840px;
	padding: 30px 40px;
	line-height: 22px;
}

		#maincont p { margin: 0 0 15px 0; }
		
		#maincont h1, #maincont h2, #maincont h3, #maincont h4, #maincont h5 { margin: 0 0 15px 0; font-weight: normal; letter-spacing: -1px; }
		#maincont h1 { font-size: 36px; }
		#maincont h2 { font-size: 34px; }
		#maincont h3 { font-size: 34px; color:#FFFFFF; }
		#maincont h4 { font-size: 22px; }
		#maincont h5 { font-size: 22px; }
			#maincont #mainleft h1, #maincont #mainleft h2, #maincont #mainleft h3, #maincont #mainleft h4, #maincont #mainleft h5 { color: #666; }
		
		#maincont ul { margin: 0 0 15px 35px; list-style-type: square; }
		#maincont ul li { padding: 0 0 0 2px; }
		
		#maincont ol { margin: 0 0 15px 35px; list-style-type: decimal; }
		#maincont ol li { padding: 0 0 0 2px; }
		
		#maincont blockquote { background: #151515; border-left: 3px solid #712067; padding: 15px; margin: 0 0 15px 0; font-style: italic; line-height: 18px; }
	
/*
=======================================================
*/
	
#footercont
{
	margin: 0 auto;
	width: 800px;
	padding: 20px;
	font-size: 11px;
	line-height: 16px;
	text-align: right;
	border-top: 2px dashed #222;
	color: #666;
}
#footercont p { color: #CCC; font-size: 11px; }
#footercont a { color:#fff; }
#footercont a:hover{ color: #03F;}
.footer-right{ float:left; }
/*
#footercont a{
	color: #933;}*/