/*************************************************************

		THEJOOMLERS™ CSS Stylesheet
		Copyright © 2009, All Rights Reserved
		By TheJoomlers Designers ////////

*************************************************************/

/*************************************************************

		Page Style ////////

*************************************************************/

* {		margin: 0; padding: 0; }
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td ,swf ,object,input,submit
{
		
		outline-color:-moz-use-text-color;
		outline-style:none;
		outline-width:medium;
		padding:0;

}
html, body 
{		height: 100%; }
img{	border:none;	}
a	{	border:none;	}

body 
{
		background-attachment:fixed;
		background-color:#544d37;/*#24231e;*/
		background-image: url(../images/backgroundImage.jpg); 
		background-repeat:repeat;
		font-family:'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
		min-height:100%;
		font-size:72.5%;
		background-position:top center;					
}
/*************************************************************

		Content ////////

*************************************************************/
#headerBg
{
		width:100%; 
		margin: 0 auto;
		background-image:url(../images/headerBg.jpg);
		background-repeat:no-repeat;
		background-position: top center;
		height:156px;
	
}

/****************************
		Global
****************************/

/* WRAPPER
-----------------------------------------------------------*/
#wrapper 	
{	
		margin:0px auto; width:100%;
}
/*---------------------------------------------------------*/

/****************************
		Header Content
****************************/

/* HEADER
-----------------------------------------------------------*/	  	
#header	
{	
		width:980px;
		margin:0 auto;
		position:relative;		
}
		

#menu	
{	
		left:785px;
		min-height:100%;
		position:absolute;
		text-align:right;
		top:-10px;		
}

#menu li	
{
		display:inline;
		float:left;
		padding:0 7px;
		width:25px;	
}	
		
#logo	
{		
		height:66px;
		left:62px;
		position:absolute;
		top:10px;
}

#subcontents	
{
		left:0;
		margin:0 auto;
		position:relative;
		top:140px;
		width:800px;
		text-align: justify;	
}


/*---------------------------------------------------------*/


/****************************
		Main Content
****************************/

#content	
{		
		margin:0px auto;
		left:0;
		position:relative;
		top:156px;
		width:100%;
		background-image:url(../images/featuredBg.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		min-height:798px;
		
}

.heading
{
	color:#f26522;
	font-family:Comfortaa;
	font-size:18px;
	font-weight:normal;

}
				
#featured	
{	
		left:0;
		padding-bottom:0px;
		position:relative;
		top:100px;
		width:980px;
		margin:0 auto;
}

#subcontents #design
{
		width:260px;
		float:left;
		margin-right:30px;
		padding-top:10px;
		color:#9a8a7c;
		
}

#subcontents #development
{
		width:260px;
		float:left;
		margin-right:30px;
		padding-top:10px;
		color:#9a8a7c;
}

a.more
{
	background:url(../images/readmore.png) no-repeat left center;
	width:91px;
	height:28px;
	
}

a.next
{
	background:url(../images/next.png) no-repeat top center;
	width:96px;
	height:23px;
}

a.prev
{
	background:url(../images/previous.png) no-repeat top center;
	width:96px;
	height:26px;
}
	
#subcontents #gotidea
{
		width:180px;
		float:left;
		padding-top:60px;
		padding-right:10px;
		padding-left:15px;
	
}

#copyright
{
	margin:80px auto 0 auto;
	width:980px;
}


h1#company
{
 color:#6b675a;			
}

#portfolios
{
		margin:0 auto;
		width:980px;
		position:relative;
	
}

#portfolio-content
{
	margin:0 auto;
	clear:both;
	width:970px;
	height:110px;
	background: url(../images/BG-Headercontent.png) no-repeat top center;
	padding-top:10px;
}
#portfolio-title
{
	width:250px;
	float:left;
	padding-left:20px;
	padding-top:12px;
	
}
#portfolio-img
{
	float:left;
	height:105px;
	margin-right:20px;
	width:3px;
	background:url(../images/portfolio-line.png) no-repeat center center;
	
}
#portfolio-desc
{
	width:650px;
	float:left;
	text-align:justify;
	line-height:20px;
	
}
#workContent
{
		height:340px;
		background: url(../images/PFmidBG.png) no-repeat top center;
		margin-bottom:6px;
		clear:both;
		
	
}
#thumbshot
{
		float:left;
		padding:16px;
		width:560px;
}
#sitedesc
{
		background:none;
		color:#FFFF00;
		float:left;
		height:225px;
		margin-top:24px;
		padding:0;
		width:360px;
}

#sitedesc .img
{
float:right;
margin-right:15px;
margin-top:0px;
}


#sitedesc span
{
	font-family: 'Trebuchet MS';
	
}

#pwtitle
{
	line-height:10px;
}

span.company
{
	color:#6f831b;
	 font-size:12px;
}

span.title
{
	color:#b2a780;
	 font-size:14px;
}

span.client
{
	color:#6f831b; font-weight:normal; font-size:12px;
}

p.pdetails
{
	font-family: sans-serif; 
	text-align: justify;
	color:#636159; 
	color:#aaa;
	font-size:11px; 
	padding-top:10px;
	height:85px;
	
}
a.links:hover
{
	text-decoration:underline;
}
/****************************
		About us page
****************************/

#aboutus
{
	margin:0 auto;
	width:650px;
	color:#454545;
	text-align:justify;
	word-spacing:.5px;
	letter-spacing:.2px;
		
}

#contactus
{
	margin:0 auto;
	width:640px;
		
}

#ourservices
{
	margin:0 auto;
	width:650px;
	color:#454545;
	text-align:justify;
	word-spacing:.5px;
	letter-spacing:.2px;
}				

ul.Scontent
{
	margin-left:50px;
}

.Scontent li 
{
	margin:2px 0px;
}
/****************************
		Footer
****************************/
#footerBg	
{	
		position: relative;
		width:100%;
		top:155px;
		left:0;
		background:url(../images/footerBg.jpg) no-repeat top center;
		height:176px;
		
}

.footer-menu
{
	width:980px;
	margin:0 auto;
	padding-top:20px;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:normal;
	
	

}


.footer-menu li
{
	display:inline;
	margin:0 3px;
	
}

.footer-menu li a
{
	text-decoration:none;
	color:#4F4F00;

}

.footer-menu li a:hover
{

	color:#8a8a00;
	
}


#footerBox	
{		margin:0 auto;
		position:relative;
		vertical-align:top;
		width:925px;
		
}


















			

#home a, #home a:visited {float:left; display:block; width:26px; height:118px; background:url(../images/menu/home.png) no-repeat;}
* html #home a, * html #home a:visited {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../graphics/home.png',sizingMethod='crop');}/* changed */
#home a:hover, #home a:active {margin:10px 0 0 0;}

#home a.current
{
	float:left; display:block; margin-top:10px ;width:26px; height:132px; background:url(../images/menu/home.png) no-repeat;
}

#portfolio a, #portfolio a:visited {float:left; display:block; width:24px; height:118px; background:url(../images/menu/portfolio.png) no-repeat;}
* html #portfolio a, * html #portfolio a:visited {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu/portfolio.png',sizingMethod='crop');}/* changed */
#portfolio a:hover, #portfolio a:active {margin:10px 0 0 0;}

#portfolio a.current
{
	float:left; display:block; margin-top:10px ;width:24px; height:132px; background:url(../images/menu/portfolio.png) no-repeat;
}


#services a, #services a:visited {float:left; display:block; width:24px; height:118px; background:url(../images/menu/services.png) no-repeat;}
* html #services a, * html #services a:visited {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu/services.png',sizingMethod='crop');}/* changed */
#services a:hover, #services a:active {margin:10px 0 0 0;}

#services a.current
{
	float:left; display:block; margin-top:10px ;width:24px; height:115px; background:url(../images/menu/services.png) no-repeat;
}




#about-us a, #about-us a:visited {float:left; display:block; width:25px; height:115px; background:url(../images/menu/aboutus.png) no-repeat;}
* html #about-us a, * html #about-us a:visited {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu/aboutus.png',sizingMethod='crop');}/* changed */
#about-us a:hover, #about-us a:active {margin:10px 0 0 0;}

#about-us a.current
{
	float:left; display:block; margin-top:10px ;width:25px; height:118px; background:url(../images/menu/aboutus.png) no-repeat;
}




#contactus a, #contactus a:visited {float:left; display:block; width:24px; height:118px; background:url(../images/menu/contactus.png) no-repeat;}
* html #contactus a, * html #contactus a:visited {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu/contactus.png',sizingMethod='crop');}/* changed */
#contactus a:hover, #contactus a:active {margin:10px 0 0 0;}

#contactus a.current
{
	float:left; display:block; margin-top:10px ;width:24px; height:115px; background:url(../images/menu/contactus.png) no-repeat;
}


#contactus #crypt a
{
background:none;
height:auto;
}

#contactus #crypt a:visited, #contactus #crypt a:hover
{
margin:0;
height:auto;

}