/*	Creativepix HTML/CSS Template
	Created by system32
	Copyright 2009 All rights Reserved
	Themeforest.net
--------------------------------------------------------------------------------------------*/
/*	General settings
--------------------------------------------------------------------------------------------*/

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
	border : 0;
	margin:0;
	padding:0;
	font-size : 100%;
	font-family : inherit;
	}

body{
	background:#ffffff url(../images/bg.gif);
	font:normal 12px/20px "Lucida Grande","Lucida Sans Unicode", Arial, sans-serif;
	color:#666;
	margin:0;
	}

ul,ol {
	margin:0;
	padding:0;
	}
	

/* Selection Styles*/
::-moz-selection{
	background:#ed6400;
	color:#fff;}
::selection {
	background:#ed6400;
	color:#fff;
}


.alignleft	{ 	float:left; margin:0 15px 15px 0;}
.alignright {	float:right; margin:0 0 15px 15px;}
.aligncenter 	{ text-align:center;}

.textleft 	{ text-align:left;}
.textright  { text-align:right;}


.clear		{ clear:both;}

.featured 	{	
	background:#fbf2dd !important;
	border:1px solid #d6c59c !important;
	}

p	{
	margin:0 0 15px 0;
	}

a 	{
	color:#ed6400;
	text-decoration:none;	
	}

a:hover	{
	color:#ed6400;
	text-decoration:underline;	
	}

.topwrap {background:url(../images/b1.gif) repeat-x top left; height:19px;}
/*	Headings
--------------------------------------------------------------------------------------------*/

h1 {
	font-size: 26px;
	margin:0 0 15px 0;
	letter-spacing:-1px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	}

h2	{
	font-size:22px;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	}
	
h1 strong	{
	color:#ed6400;
	}	


h3	{
	font-size:18px;
	letter-spacing:-0.02em;
	margin:0 0 10px 0;
	}

h4	{
	font-size:16px;
	font-weight:normal;
	margin:0;

	}

h5	{
	font-size:14px;
	font-weight:normal;
	margin:0;

	}

h6	{
	font-size:12px;
	font-weight:normal;
	margin:0;

	}
	
h1, h2, h3, h4, h5, h6 { font-family:"Trebuchet MS", "Lucida Grande","Lucida Sans unicode", Sans-serif; color:#444; }


	
/*	view
------------------------------------------------------------------------------------------*/

a.view {
	color:#ed6400;
	text-decoration:underline;
}

a.view:hover {
	color:#fff;
	text-decoration:none;	
}	

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

.sidebar {
	padding:15px 10px 20px 0;	
	z-index:2;
	}

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

.content {
	padding:75px 0px 15px 0px;
	overflow:hidden;
	height:100%;	
	z-index:1;
	margin-bottom:50px;
	}

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

	.logo 	{
		background:url(../images/logo.png) no-repeat;
		text-indent:-9999px;
		display:block;
		border:0;
		width:190px;
		height:50px;
		margin:20px 0 0px 30px;	
		}

/*	Superfish menu
--------------------------------------------------------------------------------------------*/

.menu {
	margin-top:40px;
	overflow:hidden;
	height:100%;
	margin-bottom:20px;
}

.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:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.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:			2.5em; /* match top ul list item height */
	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:			10em; /* 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:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	
}
.sf-menu a {
	border-left:	0px solid #fff;
	padding: 		0.75em 1.3em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		#202020;
	margin-bottom:2px;
	border-radius:4px;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;	
}
.sf-menu li li {
	background:		#202020;
}
.sf-menu li li li {
	background:		#202020;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#ed6400;
	outline:		0;
	text-decoration:none;
	border-radius:4px;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;		
	color:#fff;	
}

.sf-menu li.current a {
	background:#ed6400;
	border-radius:4px;
	-moz-border-radius:4px;	
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;		
	color:#fff;
}


/*	Testimonial Block
------------------------------------------------------------------------------------------*/

	blockquote {
		padding:0 0 20px 0;
		margin:0 0 0px 0;
		}

	.entry blockquote { 
		margin:0 0 20px 0; 
		}
	
	blockquote, q {
		quotes: none;
		}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
		}

	blockquote p {  }

	blockquote cite {
		padding-right:10px;
		}

	blockquote cite strong {
		color:#000;
		font-style:normal;
		}


/*	news
------------------------------------------------------------------------------------------*/

	ul.news{
		margin:10px 0;
		padding:0;
		}

		ul.news li {
			margin:0;
			list-style:none;
			list-style-position:outside;			
			padding:0;
			}

		ul.news li a {
			display:block;
			}





/*	slider part
------------------------------------------------------------------------------------------*/

	.slider {
		background:url(../images/slider_bg.png) no-repeat;
		width:673px;
		height:377px;
		position:relative;
		padding:0;
		margin-bottom:20px;
		}

		.sliderpanel {
			overflow: hidden; 
			visibility: visible; 
			position: absolute; 
			z-index: 2; 
			left: 0px;
			margin-left:15px;  
			height:312px; 
			top:5px;
			}

		ul.slider-img-list {
			margin: 0px; 
			padding: 0px; 
			position: relative; 
			list-style-type: none; 
			z-index: 1; 
			left: 0px;
			}

		ul.slider-img-list li	{
			overflow: hidden; 
			float: left; 
						list-style-type:none;
			height: 300px; 
			padding:0;
			vertical-align:bottom;
			padding-top:10px; 
			}


		ul.slider-textlist {
			margin: 0px; 
			padding: 0px; 
			position: absolute; 
			list-style-type: none; 
			z-index: 1; 
			height: 1440px; 
			top: -1100px; 
			}

		ul.slider-textlist li	{
			overflow: visible; 
			float: none; 
						list-style-type:none;
			border:0px solid #c30000;		
			width: 320px; 
			height: auto;
			}

		.sliderImages ul li img {
			width:640px;
			border:0px solid #c30000;
			}

		.sliderImages ul li img {
			padding-left:0px;
			margin-left:0px;
			}

		#home-slider ul li {
			margin:0;
						list-style-type:none;
			}

		.sliderTextHolder ul li {
			height:37px;
			line-height:25px;
			margin-left:17px;
			}

		.sliderTextHolder p {
			color:#c1c1c2;
			padding-right:30px;
			}
	
		.sliderTextHolder h1 {
			padding-top:10px;
			color:#FFFFFF !important;
			}

		.sliderTextHolder h1 a{
			color:#FFFFFF;
			}

		.sliderTextHolder{
			margin-top:15px;
			}

		.prev { margin-left:5px; }

		.next { margin-left:5px; }

		.buttons {
			width:60px;
			position:absolute;
			top:10px;
			z-index:3;
			right:1px;
			height: 40px;
	 		}	
	 	
		.slider_text {
			height:275px;
			margin:0;
			padding-left:10px;	
			}

	 	.slider_text h1 {
			font: normal bold 3.0em Tahoma, Helvetica, sans-serif; 
	 		line-height:40px;
		 	color:#fff;
	 		text-transform:capitalize;
	 		margin-top:40px;
	 		padding-left:10px;
	 		}
	 
	 	.slider_text p {
	 		color:#FFFFFF;
			margin:20px 0 0 10px;
	 		}
	 
		.img_shade {
			background:url(../images/image_shade.png) no-repeat;
			width:642px;
			height:302px;
			position:absolute;
			top:10px;
			left:0px;
			z-index:10;
			}


	.slider2 {
		width:680px;
		background:url(../images/Slider2.png) no-repeat;
		position:relative;
		height:300px;
		padding:0;
		margin-bottom:20px;

		}

#nav {
	position:absolute;
	top: 260px;
	right:20px;
	z-index:100;
	}

#nav a, #nav a:visited {
	background:url(../images/nav.png) 0 0 no-repeat;
	float: left; margin-left:5px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -9999px;

}

#nav a:hover {
	background:url(../images/nav_hover.png) 0 0 no-repeat;
}

#nav a.activeSlide {
	background:url(../images/nav_hover.png) 0 0 no-repeat;
}




#slider img{
background:transparent;
padding-left:10px;
padding-top:15px;
}



/*	service box
------------------------------------------------------------------------------------------*/

	.service_box {
		margin-left:100px;
		margin-bottom:20px;
		}

/*	lists
------------------------------------------------------------------------------------------*/

	ul.lists {
		margin:10px 0;
		padding:0;
		}

		ul.lists li {
			list-style:none;
			list-style-position:inside;
			background:url(../images/icon_check.png) 0 6px no-repeat;
			margin:0 0 5px 0;
			padding:0 20px;
			}

/*	portfolio
------------------------------------------------------------------------------------------*/

	.port_box {
		width:190px;
		float:left;
		cursor:pointer;
		background:#FFFFFF;
		border:1px solid #ccc;
		padding:10px;
		margin-bottom:20px;
		margin-right:10px;
		text-align:center;

		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;		
		}	
	
			.port_box:hover {
				background:#eee;
				}
				
		.port_box img{
		 width:190px;
		 height:130px;
		}		
		
		.port_box h4 {
			font-size:14px;
			margin:0;
			padding:0;
			font-weight:bold;
			}

		.port_box h4 a {
			color:#666;
			}	
			
		.port_box p {
			margin-top:0px;
			font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
			color:#999999;
			}		

.gallery li {
list-style:none;
list-style-type:none;
list-style-position:outside;
}

.gallery li img{
border:1px solid #FFFFFF;
}



/*	Alternate Portfolio
------------------------------------------------------------------------------------------*/

.accord_right {
	width:60%;
	float:left;
	padding:0;
	}	
			
.imgborder {
	border:1px solid #ddd;
	float:left;
	padding:1px;
	margin-right:20px;
	}	
			

.accordion {
	}

.accordion h3 {
	background: #f2f2f2 url(../images/arrow_right.gif) no-repeat 10px center;
	padding: 15px 50px;
	margin: 0;
	font:bold 18px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	color:#000;
	cursor: pointer;
	}
	
.accordion h3:hover {
	background-color: #eee;
	}
	
.accordion h3.active {
	background:#f2f2f2 url(../images/arrow_down.gif) no-repeat 10px center;
	color:#000;
	}
	
.accordion div.ac_portfolio {
	background: #ffffff;
	border-bottom: 1px solid #ddd;
	margin: 0;
	overflow:hidden;
	_height:100%;
	padding: 30px;
	}


span.info {
	background:#fffae8;
	border:1px solid #e2c388;
	padding:10px;
	display:block;
	font:normal 11px Tahoma, Verdana, Sans-serif;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

/*	footer
------------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	background:#000;
	bottom:0;
	text-align:center;
	color:#c0c0c0;
	padding:10px 0 20px 0;
	margin-top:20px;
	}
	
	.footer p {
		padding:10px 0 0 0;

		}	


/*	Error / Success / Notice	
-----------------------------------------------------------------------------------*/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}

/*	Contact Form
--------------------------------------------------------------------------------------------*/
#form {
	padding: 15px 0;
	}


		#form label {
			font-size: 1.2em;
			width: 140px;
			display: inline-block;
			margin-right: 0px;
			margin-bottom: 15px;
			}
		

		#form .input {
			background:#fbfbfb;		
			border: 1px solid #e5e5e5;
			padding: 5px 7px;
			margin-bottom: 15px;
			width: 360px;
			}
		

		#form select {
			background:#fbfbfb;			
			width: 375px;			
			font: 1.2em Tahoma;
			border: 1px solid #e5e5e5;
			padding: 5px 6px;
			margin-bottom: 15px;
			}
		

		#form textarea {
			background:#fbfbfb;			
			border: 1px solid #e5e5e5;
			vertical-align: top;
			width: 355px;
			font: 1.1em Tahoma;
			line-height: 1.7em;
			padding: 9px;
			height: 200px;
			}
		

		#form .indent {
			padding-left: 145px;
			padding-top: 15px;
			}
			
		/* The button */
		#form .submitbutton {
			background:url(../images/button.gif) no-repeat;
			width: 105px;
			border:none;
			height:28px;
			}