/* Base element */

	html, body {

		height:100%;
	}

/*Images*/	

	img {
		margin:0;
		padding:0;
		border: none;
	}

/*End Images*/

/* Typo */		

	p {
		font-size: 1em;
		margin: 0 0 1em 0;
		padding: 0;
		line-height:1.6em;
	
	}

	h1 {
		font-size: 2em;
		line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;
       	
	}
	
	h2 {
		font-size: 1.5em;
       	line-height: 1.5em;
		margin: 0 0 0.5em 0;
		padding: 0;

	}
	
	h3 {
		font-size: 1.2em;
       	line-height: 1.5em;
		margin: 0 0 0.3em 0;
		padding: 0;

	}

/* End Typography */		

/* Links */

	a,	a:link,	a:active {
		color:#768bad;
	   text-decoration: underline;
	}

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

/* End Links */

/* End Base element */

	body {
	
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		font-size:14px;
		color:#656565;

	}
	
	.home {
	
		background:#ffffff url(../img/bg/home.gif) repeat-x top left;
	
	}
	
	.sub {
	
		background:#ffffff url(../img/bg/sub.gif) repeat-x top left;
	
	}

	#wrapper {
	
		min-height:100%;
		position:relative;
	
    }
	
	* html #wrapper {
	
		height:100%

    }
	
	#container{
		
		margin:0 auto;
		width:900px;
		padding:0px 15px 126px 15px;
	
    }

/*Header and menu */	

	#header{
		margin:0;	
		position:relative;
		height:120px;
			
    }
	
	#header h1 {
	
		display:block;
		position:relative;
		float:left;
		top:0px;
		left:0px;
		height:120px;
		width:550px;
		margin:0;
		overflow:hidden;
		padding:0;
		text-decoration:none;
		text-indent:-9999px;
		background: url(../img/logo/logo.gif) no-repeat top left;
	
	}
	
	#header h1 a {
	
		display:block;
		height:120px;
		width:550px;
		
	}
	
		
	ul.contact  {
		
		position:absolute;
		right:0px;
		top:0px;	
		margin:0 0 0px 0;
		font-size:0.9em;
		padding:0;
        list-style: none;
		
				
	}
	
	ul.contact li  {
		padding: 0;
		float: left;
		margin: 0 0px 0 10px;
		display: inline;
		
	}
	
	ul.contact li a{
		display:block;
		cursor:pointer;
		height:25px;
		width:30px;
		margin:0;
		overflow:hidden;
		padding:0;
		text-decoration:none;
		text-indent:-9999px;
	
	}
	
	a.home {
	
		background:url(../img/nav/tab.home.gif) no-repeat left center;
		
	}
	
	a.email {
	
		background:url(../img/nav/tab.email.gif) no-repeat left center;
		
	}
	
	ul#main-menu  {
		
		position:absolute;
		right:0px;
		bottom:35px;	
		margin:0 0 0px 0;
		font-size:1.2em;
		padding:0;
        list-style: none;
		background:transparent no-repeat scroll 0px 0px;
				
	}
	
	ul#main-menu li  {
	
		padding: 0;
		float: left;
		margin: 0 0px 0 15px;
		display: block;
		text-transform: lowercase;

	}

	ul#main-menu li a{
		
		float: left;
		padding: 12px 2px 0px 2px;
		text-decoration:none;
		color:#656565;
	
	}
	
	ul#main-menu li a:hover, ul#main-menu li a#current{
	
		padding: 7px 2px 0px 2px;
		border-top:5px solid #cad3e3;
		border-bottom:none;
		text-decoration:none;
		background: url(../img/bg/nav.gif) no-repeat top center;
		
	}
	
	#mainbar {
		position:relative;
		height:244px;
	
	}
	
	
	div#description {
		position:absolute;
		top:20px;
		right:0px;
		width:295px;
		margin:0;
		padding:0;
		color: #FFF;
		font-size: 18px;
		line-height: 22px;
	}
		div#description p {
			margin: 0 0 10px 0;
		}
		
		div#description a {
			margin: 0;
			padding: 0;
			display: block;
			width: 107px;
			height: 25px;
			background: url(../img/btn/contactus.gif) no-repeat top left;
			text-indent: -9000em;
			text-decoration: none;
			line-height: normal;
		}
	
	#subbar {
		position:relative;
		height:160px;
		background:url(../img/bg/subbar.gif) no-repeat top left;
	}
	
	#subbar h1{
		position:absolute;
		top:0px;
		right:0px;
		width:450px;
		height:160%;
		margin:0;
		overflow:hidden;
		padding:0;
		text-decoration:none;
		text-indent:-9999px;
	}
	
	h1.ourwork { background:url(../img/header/ourwork.gif) no-repeat top left; }
	h1.clients { background:url(../img/header/clients.gif) no-repeat top left; }
	h1.contactus { background:url(../img/header/contactus.gif) no-repeat top left; }
	
/* Jflow slider */

	#flow {
	
		width:575px;
		height:244px;
		float:left;
		clear:both;
		overflow:hidden;
		background:url(../img/bg/slider.gif) no-repeat top left;

	}

	.prevNext {
	
		float:left;
		margin-top:106px;
		display:none;
	
	}
	
	.has-script .prevNext{ 
	
		display:block; 
		
	}
	
	.prevNext img {
		cursor:pointer;
		
	}
	
	img.jFlowPrev {
	
		padding-left:10px;
		margin-right:20px;
	
	}
	
	img.jFlowNext {
	
		margin-left:10px;
	
	}
	
	#jFlowSlide {
	
		width:460px;
		height:244px;
		float:left;
	
	}
	
	#slides {
	
		float:left;
		margin-left:20px;
		font-size: 11px;
		color: #fff;
	}
	
	#slides img {
	
		margin-left:0px;
		float:left;
		padding:28px 8px 10px 8px;
		background:url(../img/bg/frame.gif) no-repeat top left;
	
	}
	
	#slides span {
		margin-left: 9px;
	}
	
	
/*End Header and menu */

/*Content*/

	#content {
	
		padding:30px 0px 0px 0px;
	
	}
	
	#content h1 {
	
		clear:both;
		padding:0px 0px 3px 0px;
		margin:0px 0px 5px 0px;
		line-height:1em;
		font-size:1.6em;
		letter-spacing:1px;
		font-weight:bold;		
	
	}
	
	#content h2 {
	
		clear:both;
		padding:0px 0px 5px 0px;
		margin:0px 0px 7px 0px;
		line-height:1em;
		font-size:1.6em;
		letter-spacing:1px;
		font-weight:bold;
		border-bottom:1px dotted #aaa;

	}
	
	
	#content  h3 a, #content h2 a, #content  h1 a {
		color:#6b6a6a;
	}
	
	#content  h3 a:hover, #content h2 a:hover, #content h1 a:hover {
	   color:#768bad;
	   text-decoration: none;
	}

	#main {
	
		float:left;
		display:inline;
		width:575px;
	
	}
	
	#main-sub {
	
		float:right;
		display:inline;
		width:600px;

	}
	
	#content.single-col #main-sub {
		float: none;
		width: 100%;
	}
	
	#main ul, #main-sub ul{
	
		margin:0 70px 10px 10px;
		padding:0px 0px 0px 0px;
		list-style:none;

	}
	
	#main ul li, #main-sub ul li  {
		
		display:block;
		padding:5px 0px 5px 20px;
		margin:0px 0px 3px 0px;
		background:url(../img/bg/bullet.gif) no-repeat center left;
		
	}
	
	#main ul li a, #main-sub ul li a {
	
		color:#6b6a6a;
		text-transform:none;	
	
	}
	
	
	#main ul li a:hover,  #main-sub ul li a:hover {
		color:#768bad;
		text-decoration:none;
		
	}
	
	.block {
	
		margin-bottom:30px;
		
	}

	.gallery {
	
		margin:25px 0px 0px 0px;	
	
	}
	
	.gallery  img{
	
		padding:2px;
		margin:0px 28px 10px 0px;
		background:#d0d0d0;		
		border:#bbb 1px solid;
		border-top:#c3c3c3 1px solid;
		border-left:#c3c3c3 1px solid;
	
	}

/* our work */
#main-sub ul.projects li {
	 background-position: 0 0.8em
}

div.project {
	border-bottom: 1px solid #dbdbdb;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

div.project.last {
	border-bottom: none;
}

div.project img {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 10px 10px 0;
	border: 1px solid #c0c0c0;
}

div.project p {
	float: right;
	width: 360px;
	padding: 0;
	margin: 0 0 1em 0;
}

/* Sidebar */	
	
	#sidebar {
	
		float:right;
		display:inline;
		margin:0px 0px 0px 0px;
		width:295px;
	
	}
	
	#subnav {
	
		float:left;
		display:inline;
		margin:0px 0px 0px 0px;
		width:250px;

	}
	
	#subnav ul{
	
		margin:10px 0px 25px 0px ;
		padding:0px 0px 0px 0px;
		list-style:none;
	
	}
	
	#subnav ul li  {
		
		display:block;
		font-size:1.2em;
		padding:5px 0px 5px 20px;
		margin:0px 0px 0px 0px;
		background:url(images/nav-back.gif) no-repeat center left;	
		
	}
	
	#subnav ul li a {
	
		color:#6b6a6a;
		text-transform:none;	
	
	}
	
	
	#subnav ul li a:hover {
		
		color:#74ab00;
		text-decoration:none;
		
	}
	
	table.clients {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
		table.clients td {
			height: 70px;
			text-align: center;
			vertical-align: middle;
		}
	

/* Form Styling */

	ol.forms input {
		border:1px solid #74ab00;
		padding: 2px;
	}
	
	.field {
		margin-bottom:10px;
	}
	
	.field label {
		display:block;
		margin: 0 0 3px 0;
		font-weight: bold;
	}
	
	.field input.text {
		width: 250px;
	}
	
	.field textarea {
		width: 400px;
	}
	
	span.error {
		font-size:12px;
		color:#ffffff;
		padding-left:5px;
	}
	
	form .success {
		font-weight: bold;
		color: #008548;
	}
	
	form .error { color: #ef3b4c; }
	form .error p { font-weight: bold; }
	form .error ul { font-weight: normal; }
	
/* Form Styling */

/* Map Styling */

	#map {
		
		margin:10px 0px 20px 0px;
		width:248px;
		height:150px;
		background:#d0d0d0;		
		border:#bbb 1px solid;
		border-top:#c3c3c3 1px solid;
		border-left:#c3c3c3 1px solid;
	
	}


/* End Sidebar */	

/*End Content*/
	
/*Footer */
	
	#footer{
	
		position:relative;
		margin-top:-127px;
		height:126px;
		min-width:930px;
		color:#ffffff;
		background:#575858 url(../img/bg/footer.gif) repeat-x top left;
	
    }
	
	.footer-block {
	
		clear:both;
		margin:0 auto;
		text-align:left;
		padding:82px 0px 0 0px;	
		width:900px;
		font-size:0.9em;
	
	}

	.footer-block p{
	
		float:left;
		padding:0px;
		margin:0px;	
		margin-top:-10px;	
		
	}
	
	.footer-block ul{
	
		padding:0px;
		float:right;
		margin:0px;
		margin-top:-10px;	
		list-style:none;
	}
	
	.footer-block ul li{
	
		float:left;
		list-style:none;
		margin:0;
		margin-left:1em;
		
	}
	
	.footer-block a {
		color:#ffffff;
		text-decoration: none;
		text-transform: lowercase;
	}
	
	.footer-block a:hover {
       color: #c8daf0;
	   text-decoration: underline;
 
	}

/*End Footer */

/*Tools*/

	.hidden {
		display:none;
	}

	.center {
		
		margin:0 auto;

	}
	
	.last {
	
		margin:0px;
		padding:0px;
	}
	
	.clear, .clearline {
	
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;

	}
	
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


	.margin-bottom {
	
		margin-bottom:20px;
		
	}
	
	.left {
	
		float:left;
		display:inline;
	
	}

	
	/* vcard */
	.vcard .org { font-weight: bold; }
	.vcarddownload {
		margin-top: 25px;
	}