/*	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:#0d2f5b url(../images/color4/bg.jpg) no-repeat center top;
	}

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

.grid_9 {

}

.grid_3 {
	
}

/* Selection Styles*/
::-moz-selection{
	background:#53b1dc;
	color:#fff;}
::selection {
	background:#53b1dc;
	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:#145494;
	text-decoration:none;	
	}

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

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

img {
	border: 1px solid #eaa845;
}

hr {
	color:#eaa845;
	background-color:#eaa845;
	height:1px;
	border:none
}

/*	Headings
--------------------------------------------------------------------------------------------*/

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

h2	{
	font-size:22px;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	}

h2 a 	{
	color:#145494;
	text-decoration:none;	
	}

h2 a:hover	{
	color:#145494;
	text-decoration:underline;	
	}
	
h1 strong	{
	color:#145494;
	}	


h3	{
	font-size:18px;
	margin:0px 0px 5px 0px;
	}

h3 a 	{
	color:#145494 !important;
	text-decoration:none;	
	}

h3 a:hover	{
	color:#145494;
	text-decoration:underline;	
	}
	
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:#1c1c1c; }


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

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

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



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

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

/*	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;
		}


/*	icons
------------------------------------------------------------------------------------------*/

ul.icons li h3 		{ margin:-10px 0px 5px 0px; color:#145494 !important; text-decoration:none; }

/*	slider part
------------------------------------------------------------------------------------------*/
#slider ul, #slider li {
display: block;
position: relative;
margin:0;
padding:0;
width: 702px;
color: #1e1e1e;
list-style:none;
overflow:hidden;
}

#slider ul li a 	{
	color:#145494;
	text-decoration:none;	
	}

#slider ul li a:hover	{
	color:#145494;
	text-decoration:underline;	
	} 
 
#prevBtn, #nextBtn {
display: block;
margin: 0px;
padding: 8px 0px 0px 0px;
width: 702px;
height: 33px;
position: relative;
float: right;
clear: both;
}
 
 
#prevBtn a, #nextBtn a{
display: block;
margin: 0px;
padding: 0px;
width: 28px;
height: 28px;
position: relative;
text-indent: -9999px;
cursor: pointer;
}
 
ol#controls {
margin : 1em 0; 
padding : 0px; 
height : 20px;
}
 
ol#controls li { 
margin : 0 5px 0 0; 
padding : 0; 
float : left;
line-height : 20px; 
list-style : none; 
height : 20px;  
}
 
ol#controls li a { 
float : left; 
height : 20px; 
line-height : 20px; 
border : 1px solid #bbb; 
background : #222; 
color : #fff; 
padding : 0 7px; 
text-decoration : none; 
}
 
ol#controls li.current a { 
background : #145494;
border : 1px solid #bbb; 
color : #fff; 
}
 
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { 
outline : none; 
}
 
.slider_block {
display: block;
position: relative;
margin: 0px 0px 20px 0px;
padding: 0px;
width: 702px;
overflow:hidden;
}


.slider_block h2 {
margin: 10px 0px 0px 0px;
padding: 0px;
color: #145494;
}

.slider_block p {
margin: 5px 0px 0px 0px;
padding: 0px;
width: 702px;
}

.slider_block img{
border: 1px solid #eaa845;
}







/*	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 #2a2f32;
}



/*	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/color4/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/color4/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:970px;
	height:34px;
	background: url(../images/color4/footer.jpg) no-repeat center top;
	bottom:0;
	text-align:center;
	color:#c0c0c0;
	margin:0 auto;
	padding-top:30px;
	}
	
	.footer p {
		padding:0;

		}	

/*Menu	
------------------------------------------------------------------------------------------*/

.sf-menu { margin:0 auto }

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	}

.sf-menu li {
	background:	url(../images/color4/nav.jpg) no-repeat;
	margin:0 auto
	}

.sf-menu li ul{
	background:	url(../images/color4/navclear.png) no-repeat;
	}

.sf-menu li li 			{  }
.sf-menu li li li 		{  }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	url(../images/color4/navhover.jpg) no-repeat;
	color:#fff;	
	}

.sf-menu li.current_page_item a {
	background: url(../images/color4/navhover.jpg) no-repeat;
	color:#fff;
	}