/* incompra design style sheet*/


/* layout */

html,body{
	height:100%;
	margin: 0 0;
	padding: 0 0;
	}

body {
	font: .67em/2em Helvetica, Arial, sans-serif;
	background: #fff url('images/incompraLogodark.jpg') no-repeat;
	margin: 0 0;
	color: #666;
}

#container {
	width:740px;
	margin: 0px auto;
	background: url('images/greenback.gif') repeat top center;
	height: 100%;
}

#header {
	height: 50px;
}

#content {
	margin: 0;
	background: #ffffff url('images/back3.jpg') repeat; 
	width:740px;
	height:460px;
}



#footer {
	margin: 20px 0;
	background-color: #fff;
	height: 70px ;
	background: url('images/footerback.jpg') repeat-x top center;
}



/* basics */

strong {
	color: #89BFD9;
}

h2 {
		font: italic 2em Times, Georgia, serif;
		letter-spacing: 5px; 
		margin: 0px 20px 0px 0px;
		color: #91C153;
		text-align: right;
		padding: 20px 0 10px 0;
		border-bottom: 1px solid #ccc;
}

h2.aboutheader {
color: #FFB7AC;
}

#processbody h2.aboutheader, #ourworkbody h2.aboutheader  {
color: #ACD4E4;
}

h2.linksheader{
color: #6FB3D1;
}


a {
		color: #91C153;
	 	text-decoration: none;

		}

a:hover {
		text-decoration: none;
}

a img {
border: none !important;
}




/* images  */


.floatright { 
		float: right;
		margin: 10px 0 0 15px;
}

#latestfloatright { 
		float: right;
		margin: -15px 0 0 15px;
}



.floatleft { 
		float: left;
		margin: 10px 15px 0 0;
}


.aboutfloatright { 
		float: right;
		margin: 10px 0 0 5px;
}

.aboutfloatleft { 
		float: left;
		margin: 5px 10px 0 -20px;
}



/* nav bar */


#ideaslink {
	float: right;
	margin: 11px 38px 4px 0;
}

#ideaslink a{

}

#ideaslink a:hover{

}


#navbar ul{
	margin: 26px 0 26px 0px;
	float: left;
}

#navbar ul li{
	display: inline;
 	margin: 0px 30px 0 0;
 	text-decoration: none;
 }

 
#navbar a {
	font: italic 1.6em Times, Georgia, Sans-serif;
 	color: #999;
	text-decoration: none;
	letter-spacing: 2px;
 	}

#navbar a:hover {
 	text-decoration: none;
 	}

#latestlink a:hover, #latestlinkactive a{
		color: #AACF67;
}

#aboutlink a:hover{
	color: #ACD4E4;
}

#linkslink a:hover, #serviceslink a:hover{
 	 	color: #FBA8A2;
}

#incompralogo{
	float: right;
	margin: 12px 25px 0px 0;
}






/*bottom line */

#bottomline {
		width: 740px;
		margin: 0px 0 0px 0;
		height: 16px;
}

#bottomline p{
		background: #D4F7B7;
		padding: 3px 0px 3px 0px;
		text-align: center;
		font: normal 1em/2em Helvetica, Arial, sans-serif;
		letter-spacing: .2em; 
		color: #888;
}

#bottomline a {
color:#888;
text-decoration: none;
}

#bottomline a:hover{
		color: #fff;
		padding: 3px 0;

}




/* about us */
 
#aboutus, #ourservices, #ourprocess{
text-align: left;	
}

#aboutus p{
	line-height: 160%;
	margin: 8px 0 0 0px;
}

.def{
			font: italic 1.2em/140% Times, Georgia, serif;
			color: #999;
			margin: 14px 0 10px 0;}

.aboutsection{ background: url('images/aboutarrow3.jpg') right 74px no-repeat;
}

#feedback { text-align: left; margin-top: 15px;}


					
#feedback .byline2{
		color: #91C153;
					font-size: 90%;
					line-height: 145%;
					margin-bottom: 22px;
					margin-top: -1px;
					font-style: italic;}


#feedback p{
	margin-bottom: 0px;
}

.quote{
	text-indent: -5px;
	margin-left: 5px;
}

#feedback .byline{
		color: #91C153;
		text-align: left;
					font-size: 90%;
					line-height: 145%;
					margin-bottom: 14px;
					margin-top: 8px;
					font-style: italic;
					text-indent: 0px!important;}

.feedleft{
	float: left;
	width: 170px;
	margin-right: 40px;
}

.feedright{
	float: right;
		width: 170px;

}

.feedcenter{
	float: left;
		width: 170px;
	margin-right: 20px;

}

.feedleft2{
	float: left;
	width: 260px;
	margin-right: 40px;
}

.feedright2{
	float: right;
		width: 260px;

}

#us{
float: left;
font: normal 1em/1.7em Helvetica, Arial, sans-serif;
padding: 5px 10px;
margin-top: 26px;
width: 190px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-right: 30px;

}

#contactbox{
	float: left;
font: normal 1em/1.7em Helvetica, Arial, sans-serif;
padding: 5px 10px;
margin-top: 26px;
width: 210px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;

}


#definestrong{
color: #999;	
}
.maincolumn {
			font: 1.2em/1.75em Helvetica, Arial, sans-serif;
		padding: 0px 0px 0 0;
		width: 470px;
		height: 280px; 
		margin: 0px 30px 0 0px ;
		float: right;
}

.widecolumn {
			font: 1.2em/1.75em Helvetica, Arial, sans-serif;
		padding: 8px 0px 0 0;
		width: 600px;
		height: 280px; 
		margin: 0px 40px 0 0px ;
		float: right;
}

.widercolumn {
			font: 1.2em/1.75em Helvetica, Arial, sans-serif;
		padding: 8px 0px 0 0;
		width: 630px;
		height: 280px; 
		margin: 0px 30px 0 0px ;
		float: right;
}
	
#aboutlearnmore {
		border-top: 1px #eee solid;
		padding: 0px 0 0 0;
}


.sidecolumn {
	width: 160px;
 }

.sidebox {	font: italic 1.2em/1.75em times, georgia, serif;
	padding: 5px;
	border-top: 1px #D5EBF8 solid; 
	border-bottom: 1px #D5EBF8 solid; 
	background: #F8FCFF;
	margin: 60px 10px 0 20px;
 }

 .sidebox a, .sideboxlower a{
 		font: normal .9em/1.95em Helvetica, Arial, sans-serif;
	 	text-decoration: none;
 }


.sideboxlower {
  	 	font: italic 1.2em times, georgia, serif;

	padding: 5px;
		border-top: 1px #FAE1DC solid; 
	border-bottom: 1px #FAE1DC solid; 
	background-color: #FFF;
		margin: 30px 10px 0 20px;
 }




 /* links page */

 #linkslist {
margin: 30px 0 0 0;
 }
 
 #linkslist p{
 font: italic 120% Times New Roman, Serif;
 padding-left: 25px;	
 color: #999;
 }

 #linkslistright {
float: right;
width: 220px;
margin: -14px 10px 0 0;
text-align: left;
 }

 #linkslistleft{
width: 220px;
text-align: left;

 }

 #linkslist ul{
line-height: 1.75em;
 }

 #linkslist li{
margin: 0px 0px 10px 0;
text-decoration: none;
	  	padding: 0px 0 5px 30px;
	  	background: url('images/lilgreybullet.gif') no-repeat;
	  	background-position: left 2px;
list-style-type: none;
 }


 #linkslist a:hover{
 	 	color: #FBA8A2;}

 #clickabox{
margin-top: -50px;
 }

/* latest works page */

#latestworkscolumn {
		font: 1.1em/1.95em Helvetica, Arial, sans-serif;
		padding: 0px 30px 0 0;
		width: 360px;
		height: 280px; 
		margin: 0px 0px 0 0px ;
		float: right;
}

#worklistcolumn {
	width: 180px;
		font: italic 1.5em Times, Georgia, Sans-serif;
	text-decoration: none;
	letter-spacing: 2px;
 }

#worklistcolumn ul{
 	list-style-type: none;
 	line-height: 3em;
 	margin: 10px 0 0 -25px;
 }

#worklistcolumn ul a{
 	text-decoration: none;
 	padding: 5px 0 5px 25px;
		color: #6FB3D1;
 	 }

#worklistcolumn ul a:hover{
 	 	text-decoration: none;
	  	padding: 5px 0 5px 25px;
	  	background: url('images/lilbluebullet.gif') no-repeat;
	  	background-position: 5px left;
 	 	color: #FBA8A2;
 }



/* work sections pages */


h2#sectionhead {
		font: italic 2em Times, Georgia, serif;
		letter-spacing: 6px; 
		margin: 0px 30px 0px 0px;
		text-align: right;
		padding: 20px 0 10px 0;
		border-bottom: 1px solid #eee;
}

h3{
			font: italic 1.2em/1.3em Times, Georgia, serif;
			color: #FBA8A2;
			margin: 7px 0 -10px 0;
			padding-bottom: 0px;
			letter-spacing: 2px; 

}

h4{
			font: italic 1.2em/.2em Times, Georgia, serif;
			color: #999;
			margin: 0px;
			padding: 10px 0 0 0;
}

h5{
			font: italic 1.6em Times, Georgia, serif;
			color: #AACF67;
			margin: 15px 0px 0px 0px;
			padding: 0px;
			letter-spacing: 1px;
}


#ourprocess h5{
			font: italic 1.6em Times, Georgia, serif;
			color: #AACF67;
			margin: 5px 0px 0px 0px;
			padding: 0px;
			letter-spacing: 1px;
}





/*work pages*/

#workcolumn {
		font: 1.1em/1.95em Helvetica, Arial, sans-serif;
		padding: 0px 0px 0 0px;
		width: 640px;
		height: 280px; 
		margin: 0px 0px 0 0px ;
		float: right;
}

#workcolumninner {
padding: 5px 25px 0 25px;
}

 #thumbcolumn {
font-size: 1.1em;
line-height: 1.9em;
	width: 250px;
	height: 260px;
	text-decoration: none;
	padding-right: 10px;
	border-right: 1px solid #eee;
 }

 .sectionpages #thumbcolumn {
	padding-right: 10px;
 }
 
 #thumbcolumn ul{
 	list-style-type: none;
 	line-height: 2.75em;
 	margin: 5px 0 0 -5px;
 }

 #thumbcolumn ul li {
 	 	display: inline;
 	 	margin-right: 10px;
 }


#workslideshorizontal{
float: right;
width: 300px;
height: 230px;
margin: 15px 0px 0 0px;
padding: 0 0;
}

#slideshowhorizontal{
	text-align: center;
	margin: -39px 0 0 0;
}


#slideshownumbershorizontal{
text-align: center;
position: relative;
top: 190px;
border-top: 1px solid #eee;
}

#clicktoenlarge{
font: italic 1.1em times, serif;
color: #999;
}






/* gallery */

.gallery {  
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom: 1px solid #eee;
	margin: 0 30px 15px 0px;
 }
.gallery ul { 
	margin:0;
	 padding: 15px 0 0 10px; 
 	 list-style:none; 
 	 height:30px;

   }

.gallery ul li { 
	 float:left;
  color:#ccc;
   }
   
.gallery ul li a { 
	color: #89BFD9;
	 text-decoration:none;
 	 font: italic 1.4em Times, Georgia, serif;
  	margin: 0 10px 0 12px;
}

.gallery ul li a:hover { 
text-decoration:none;
 }

.gallery ul a:hover, .gallery ul a#active {
 	text-decoration: none;
 	 	color: #FBA8A2;
}


/*tinynav*/

#tinynav{
margin: 16px 0 0 0;
}

#tinylabel {
 	 font: italic 1.1em Times, Georgia, serif;
	color: #89BFD9;
	letter-spacing: 14px;
	position: relative;
	bottom: 8px;
	left: 50px;
}

#tinynav ul{
	display: inline;
	padding-left: 0px;

}

#tinynav ul li{
list-style-type: none;
margin-right: 14px;
}

/*services*/

#ourservices{ background: url('images/serviceback.jpg') top right no-repeat;
}

#ourservices p{
	line-height: 170%;
}


/* process */

#ourprocess p{
	line-height: 165%;
	margin: 10px 0 0 0px;
}
#processlinks{
letter-spacing: 6px;	
padding-left: 10px;
margin-top: 7px;
}

#processbody #my-glider, #ourworkbody #about{ 
}

#arrowbox{
padding: 4px 0px 2px 15px;
width: 330px;
margin: 0px 0px 0px 0px;
font: italic 1.2em/1em Times, Georgia, serif;
color: #555;
position: relative;
top: 7px;
left: 155px;
background-image: url('images/pinkside.jpg');
background-repeat: no-repeat;
background-color: #FCDEE8;
background-position: right top;
}



/* work */

#lastscreen{
text-align: center;
font: italic 3em/3.5em Times, Georgia, serif;
color: #777;
padding: 120px 0px 40px 0px;
background: url('images/serviceback.jpg') center 100px no-repeat;
width: 460px;
margin: 0 auto;
letter-spacing: 1px;
}

#lastscreen a{
	color: #999;
}

#nextcaselink{
	background: url('images/nextcase.gif') right center no-repeat;
}

#nextcaselink a{
padding: 0px 0px;	
display: block;
}

#nextcaselink a span, #backprocesslink a span{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}


#backprocesslink{
	background: url('images/backtoprocess.gif') left center no-repeat;
}

#backprocesslink a{
padding: 0px 0px;	
display: block;	
}

#backprocesslink a span{
	
}

#lastscreen a:hover{
	color: #FBA8A2;
}