/*  Index of this CSS File

	(01) RESET 
	(02) GLOBAL STYLES 
	(03) TOPBAR	
	(04) TOP MENU
	(05) HEADER SECTION
	(06) INNER PAGE	
	(07) SEARCH BOX
	(08) CONTENT
	(09) HOME PAGE SLIDERS AND CONTENT STYLES
		(a) Skitter slider
		(b) Home page Content Styles

	(10) LARGE FOOTER
		(a) Footer Popular Posts
		(b) Social Media
		(c) Footer Contact Form
		(d) Contact Form Error/Success Messages Styles

	(11) SMALL FOOTER
	(12) SIDEBAR
		(a) Flickr Photos
		(b) Recent Posts
		(c) Recent Comments 
		(d) Support Box

	(13) BLOG PAGE
		(a) Blog Post Style 
		(b) About Author
		(c) Comments 
		
	(14) ABOUT US PAGE
	(15) CONTACT US PAGE
	(16) 1 TO 4 COLUMN PORTFOLIO AND SORTABLE GALLERY	
	(17) SERVICES PAGE
			(a) Custom Nivo Slider Styles

 */	

/* ========================================================== 
	(01) RESET 
============================================================ */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, pre, a, em, font, img,blockquote, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, caption, tbody, tfoot, thead {    
	background: transparent;}
h1, h2, h3, h4, h5, h6, p, dl, pre, form{margin:0 0 20px}
:focus { outline: 0; }

/* ========================================================== 
	(02) GLOBAL STYLES 
============================================================ */




a { color:#404040; text-decoration:underline;}
a:hover { color:#000;}
.left {float:left;}
.right {float:right;}
.center { text-align:center;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.noheight { height:0; }
.hidden { display: none !important; }
.border4 { 
	border:1px solid #dddddd; 
	background-color:#f5f5f5;
	padding:4px; }
	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000; margin:0px 0 20px 0; font-family:"Noticia Text",	 georgia,arial,verdana;}
h1 {font-size:24px;}
h2 {font-size:22px; }
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p { margin:0 0 18px 0; line-height:20px; }

#content h1,#content h2{ margin:0px 0 20px 0; }
#content h3,#content h4,#content h5,#content h6 { margin:0px 0 15px 0; }
#container {
	clear:both;
	width:960px;
	margin: 0 auto 30px auto;}
	
#content {	
	clear:both;	
	margin:0 0 10px 0;
	text-shadow: 0px 1px 0px #fff;
	}



#container-portfolio {
	clear:both;
	width:1000px;
	margin: 0 auto;
	padding-left:40px;}


/* portfolio 1 to 4 column */

#content .portfolio ul{ padding:0; margin:10px -30px 0 0; }	
#content .pf-one-half ul li, #content .pf-one-third ul li, #content .pf-one-fourth ul li { background:none; padding:0; margin:0; } 

#content .sortableContent ul li { background:none; }
	
#content .portfolio  p {	
	line-height:20px; 	 
	margin:0 0 5px 0;}	
	
#content .portfolio ul li,#content .pf-one-full { color:#404040;	}
	
#content .portfolio ul li {
	background:#eee;	
	float:left;	
	display:block;	 	
	margin:0 10px 10px 0;	
	background:none; 
	list-style:none;}
	
#content .portfolio ul li.last {margin-right:0;}	

#content .portfolio h3 {	
	color:#000;		
	text-shadow: 0 1px 0 #fff;
	font-size:16px;	
	font-weight:normal;
	padding:0;
	margin-bottom:10px;
	line-height:22px; }

.portfolio h3,.portfolio h3 a ,.pf-one-full h3,.pf-one-full h3 a {	 
	color:#000;	
	text-decoration:none;}	
	
.portfolio h3 a:hover ,.pf-one-full h3 a:hover { text-decoration:underline;}

#content .pf-one-half ul li, .pf-one-third ul li, .pf-one-fourth ul li {float:left; background:none; margin-bottom:30px; }

#content .sortable-gallery { margin-bottom:-32px; }
#content .sortable ul li { margin-bottom:18px;}
.portfolio-content { padding:0px 0 0 0; margin:0; float:left;}
#content .portfolio-content p { margin-bottom:15px; }	

#content .pf-one-half ul li { width:465px;} /* Width of 2 Column Portfolio */
#content .img-one-half { background:url(../images/backgrounds/1portfolio-2col-bg.html) no-repeat 0 0;height:240px; } 

#content .pf-one-third ul li   { width:300px;} /* Width of 3 Column Portfolio */
#content .img-one-third { background:url(../images/backgrounds/1portfolio-3col-bg.html) no-repeat 0 0; height:170px;} 
 
#content .pf-one-fourth ul li { width:180px; height:145px; } /* Width of 4 Column Portfolio */
#content .img-one-fourth { background:url(../images/backgrounds/1portfolio-4col-bg.html) no-repeat 0 0; height:130px;}  

#content .img-one-half,#content .img-one-third,#content .img-one-fourth,#content .img-one-full { 
	margin-bottom:14px;
	padding:6px;
	display:block;
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;	
	height:130px; }
	

/* Portfolio 1 Column */

#content>.project-list-1column>ul,#content>.project-list-1column>ul>li { padding:0;margin:0; background:none; }

#content .pf-one-full  { 		
	background:url(../images/backgrounds/hr.png) repeat-x 0 bottom;
	width:960px;	
	clear:both;
	margin-bottom:30px;
	padding-bottom:11px;
	height:auto;}
	
 #content .img-one-full{ 	
	position: relative;
	margin-bottom:21px;
	width: 580px; 
	height: 261px; 	
	float:left;}	

#content .pf-one-full .portfolio-1col-content ul { margin:0px 0 0px 0; padding:0; }
#content .pf-one-full h3 a{ font-size:20px; color:#000; }

#content .portfolio-1col-content { 	
	padding:25px 0 10px 30px  ; 
	margin:0; 
	float:left; 
	width:336px; 
	margin:0; 
	height:235px; 
	line-height:20px;}
	
#content .portfolio-1col-content p { margin-bottom:15px; }
#content .portfolio-1col-content a.button-small { margin:15px 5px 0 0; }	

/* ========================================================== 
	(17) SERVICES PAGE
============================================================ */
.services-3column { padding-top:30px; }
.services-icon { float:left; margin:0 6px 0 0;}
.services-subtitle { display:block; color:#707070;  font-family:arial, verdana; font-size:12px; padding-top:5px; }
.services-text { 
	background:#fff; 
	padding:20px 25px 0 25px; 
	color:#606060;
	display:block;
	margin:18px 0 30px 0;
	border:1px solid #d1d1d1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;}
	
.recent-projects { 
	padding:6px;	
	background:#fff;
	border:1px solid #d4d4d4;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;	}

#content .recent-projects h4 { 
	background:url(../images/backgrounds/recentprojects-title.png) repeat-x 0 0;
	font-size:16px;
	width:271px; 
	height:43px; 
	margin:0;
	line-height:40px;
	padding-left:15px;
	display:block; 
	color:#fff; 
	text-shadow: 1px 1px 0px #904c00; }
	
	
/* ==== (a) Custom Nivo Slider Styles ===================== */	

#content .recent-projects-slider { padding:0; margin:0; background:none; width:286px; height:191px; display:block; top:0; left:0; }	
	
#content .recent-projects-slider{	position:relative;   }
	
#content .recent-projects-slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;}
	
#content .recent-projects-slider a { border:0; display:block;}	

/* Next Previous Arrows */

	
	


/* pagenav */

#content .page_navigation  { width:330px; background: url(../images/backgrounds/pagination-bg.png) repeat-x 0 0; height:33px; line-height:33px; text-align:center; margin:0 auto 0 auto; }

#content .page_navigation a {
	width:25px;
	height:20px;
	margin:0;	
	padding:0;
	text-align:center;
	text-shadow: 1px 1px 0 #fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;	
	line-height:33px;	
	display:inline-block;
	color:#363636;}
	
#content .page_navigation a:hover,#content .page_navigation  a.active_page {	
	height:20px;
	margin:6px 0 0px 0;	
	padding:0px;	
	line-height:20px;	
	width:23px;	
	color:#000;
	background:#ededed;		
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-khtml-border-radius: 5px; 
	-webkit-border-radius: 5px;	
	-moz-box-shadow: inset 0 0 5px #acacac;
	-webkit-box-shadow: inset 0 0 5px #acacac;
	box-shadow: inset 0 0 5px #acacac;
	border:1px solid #fff; }	

#content .page_navigation a.previous_link,#content .page_navigation a.next_link { 
	width:58px; 
	height:33px; 	
	display:inline-block; 
	text-indent:0px; 	
	border:none;		
	text-decoration:none;	
	position:relative;}

#content .page_navigation a.previous_link,#content .page_navigation a.next_link {  margin:0px; padding:0; box-shadow:none; border:0; border-radius: 0; text-indent:-9999px;}
#content .page_navigation a.previous_link  { background:url(../images/backgrounds/pagination-prev.png) no-repeat 0 0; float:left;   }
#content .page_navigation a.next_link { background:url(../images/backgrounds/pagination-next.png) no-repeat 0 0;  float:right; }
	
#content .page_navigation a:hover.previous_link,#content .page_navigation  a:hover.next_link{ background-position:0 bottom;  }	
/* pagenav */