/*

Name: e-papers.net - C&S Publishing
Date: 2010
Author: Conrad Borba
URL: http://www.ConradBorba.com/

*/



/* ---------------------
 
TABLE of CONTENTS  
	01. Global
	02. Header
	04. Containers
	05. Navigation
	06. Columns
	07. Typography
	08. General Styles
	09. Page Specific
	10.	Footer

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


/* ---------------------
 	01.	GLOBAL
-----------------------*/

* { padding: 0; margin: 0; }

body { 
	background: #eae4e4;
	font-family: Helvetica, Arial, sans-serif;}

img { border:none;}


.960 { 
	margin:auto;
	width:960px;}



/* ---------------------
 	02.	HEADER & SUBHEAD
-----------------------*/

#header { 
	background: url(../_images/bg_header_brown.jpg) #3b2d1f center;
	height:116px;
	}
	
	#head960 {
		margin:auto;
		padding:10px;
		position:relative;
		width:940px;}

		#quickContact {
			float:right;
			font-weight:bold;
			margin-top:20px;
			text-align:right; }
			
			.qc1, .qc2, .qc3 {  margin:0; font:Arial, Helvetica, sans-serif;  letter-spacing:1px;} 
			.qc1 { color: #ffffff; font-size:14px; font-weight:bold;} 
			.qc2 { color: #66cc00; font-size:22px; }
			.qc3 { color: #999; font-size:12px; font-weight:normal; } 	
			.qc3 a { color: #999; text-decoration:none;}
	
	
	
/*-- SUBHEAD --*/

#subhead { 
	background: url(../_images/bg_subhead.jpg) center #85bc29;
	height:354px;}
	
	#subhead960 { 
		height:334px;
		margin:auto;
		padding:10px;
		width:940px;}

	#subheadLeft {
		float:left;
		width:520px;}

	#subheadRight {
		float:right;
		text-align:right;
		width:400px;}
.topPad { padding-top:25px; text-align:center;}

#subhead p { 
	color:#fff;
	font-size:18px; 
	padding:6px 0;
	line-height:1.3;}
	
	#subhead span { background: url(../_images/underline.png) no-repeat bottom; padding-bottom:4px; }
	#subhead .biggerTxt { font-size:24px;}
	
	

/*Sub*/
#subheadSmall { 
	background: url(../_images/bg_subhead_short.jpg) center bottom #85bc29;
	height:112px;}

#Sub960 { 
		margin:auto;
		padding:10px;
		width:940px;}

	

/* ---------------------
 	04.	CONTAINERS
-----------------------*/

#content {
	margin:0 auto;
	min-height:300px;
	padding: 30px 0 40px 0;
	width:960px;}
	#content a { color:#3b2d20;}
	#content a:hover { color:#81bb26;}
	
	#SubL {
		float:left;
		width:282px;}

	#SubR {
		float:right;
		text-align:left;
		width:600px;}
		
		#SubR p { 
			font-family: Helvetica, Arial, Verdana, sans-serif;
			line-height:1.5; 
			padding:0 0 15px 0; }
		#SubR ul li { padding:0 0 10px 0; 
					list-style-position: outside;
					list-style-image: url(../_images/tick_16.png);}



/* ---------------------
 	05.	NAVIGATION
-----------------------*/

#mainNav  {
	background: url(../_images/box-front.png) no-repeat;
	border: solid 1px #cfdbde;
	color: #85bc29;
	float:left;
	font-size:17px;
	font-weight:bold;
	height: 120px;;
	margin:10px;
	text-decoration:none;
	padding:5px;
	text-align:center;
	width:160px;}
	
	#mainNav:hover {
		background: url(../_images/box-front.png) no-repeat scroll 0 -130px transparent;
		border: solid 1px #a2d2dc; text-decoration:none;
		color:#422f1e; cursor: pointer;}

#SubL ul li  {
	border: solid 1px #cfdbde;
	color: #85bc29;
	float:left;
	font-size:17px;
	font-weight:bold;
	height: 60px;;
	margin:  0 0 0;
	text-decoration:none;
	text-align:left;
	width:280px;
	list-style:none;}
	
	#SubL ul li:hover { background-position:right;
		border: solid 1px #95bec7; /*#a2d2dc;*/
		color:#422f1e; cursor: pointer;}
	
#SubL #box1 { background: url(../_images/sub_menu/turn-key.png) no-repeat; height:60px;}
	#SubL #box1:hover { background:url(../_images/sub_menu/turn-key.png) no-repeat scroll -280px 0;}
#SubL #box2 { background: url(../_images/sub_menu/go_digital.png) no-repeat; height:60px;}
	#SubL #box2:hover { background:url(../_images/sub_menu/go_digital.png) no-repeat scroll -280px 0;}
#SubL #box3 { background: url(../_images/sub_menu/bring_to_life.png) no-repeat; height:60px;}
	#SubL #box3:hover { background:url(../_images/sub_menu/bring_to_life.png) no-repeat scroll -280px 0;}
#SubL #box4 { background: url(../_images/sub_menu/publications.png) no-repeat; height:60px;}
	#SubL #box4:hover { background:url(../_images/sub_menu/publications.png) no-repeat scroll -280px 0;}
#SubL #box5 { background: url(../_images/sub_menu/we_deliver.png) no-repeat; height:60px;}
	#SubL #box5:hover { background:url(../_images/sub_menu/we_deliver.png) no-repeat scroll -280px 0;}
#SubL #box6 { background: url(../_images/sub_menu/testimonials.png) no-repeat; height:60px;}
	#SubL #box6:hover { background:url(../_images/sub_menu/testimonials.png) no-repeat scroll -280px 0;}
#SubL #box7 { background: url(../_images/sub_menu/advertising.png) no-repeat; height:60px;}
	#SubL #box7:hover { background:url(../_images/sub_menu/advertising.png) no-repeat scroll -280px 0;}
#SubL #box8 { background: url(../_images/sub_menu/support.png) no-repeat; height:60px;}
	#SubL #box8:hover { background:url(../_images/sub_menu/support.png) no-repeat scroll -280px 0;}
#SubL #box9 { background: url(../_images/sub_menu/about.png) no-repeat; height:60px;}
	#SubL #box9:hover { background:url(../_images/sub_menu/about.png) no-repeat scroll -280px 0;}
#SubL #box10 { background: url(../_images/sub_menu/contact.png) no-repeat; height:60px;}
	#SubL #box10:hover { background:url(../_images/sub_menu/contact.png) no-repeat scroll -280px 0;}





/* ---------------------
 	07.	TYPOGRAPHY
-----------------------*/

p { padding-bottom:10px;}

h1 { color: #fff;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:42px;
	padding-bottom:10px;}
h2 { font-size:24px;}
h3 { font-size:22px;
	 color:#3b2d20;}

.bold { font-weight:bold;}



/* ---------------------
 	09.	Page Specific
-----------------------*/

#coverArt ul li { display:inline; padding: 8px; }
.cover { height:225px; width:178px;}


 /* --- Delivery Manager --- */
 #frontBox { width:600px; background:#b1e55f; margin: 10px 0px; height:250px;  }
 .frontLeft { width:265px; padding:0px 15px; float:left;}
 .frontRight { width:260px; border-left:dotted 1px #fff; float:left; padding:0px 15px;}


/* Normal Bubble */
.bubble {
	width: auto;
	font-size: 0.75em;
	margin-bottom: 14px;
	padding-bottom:20px;
	border-bottom: dashed 1px #85bc29;
}

.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

.bubble blockquote p {
	margin: 10px 10px 0 10px;;
	padding: 0px;
}

.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(../_images/tip.gif) no-repeat 20px 0;
	font-style: normal; font-size:14px;
}



/* ---------------------
 	10.	Footer
-----------------------*/

#footNav {
	background: url(../_images/green-gradient.png) repeat-x;
	height:70px; margin:auto;}
	
	#foot960 {
		margin:auto;
		width:960px;}
		
	#footNav ul {
		list-style-type: none;
		margin:auto;}
		
		#footNav li {
			float: left;
			padding-top:20px;}
			
		#footNav ul a {
			background-image: url(../_images/green-divider.png);
			background-repeat: no-repeat;
			background-position: right;
			padding: 0 8px 0 8px;
			display: block;
			text-decoration: none;
			font-size: 12px;
			color: #ccff99;
			font-weight: 500;}

		#footNav ul a:hover {
			color: #fff;}
			
			.nobg { background-image:none; background-position:left;}
			

#foot { 
	background-color:#3b2d20; /*#422f1e; */	
	color:#fff;
	height: 300px;
	margin: auto;
	padding:30px 0;}
	
	#footL { 
		background:url(../_images/icons/32_recycle.png) no-repeat;
		color:#fff;
		float:left; 
		height:50px;
		width:400px; padding:8px 0 0 40px;;}
		
	#foorR {
		color:#fff;
		float:right;
		font-size:13px;
		
		font-weight:400;
		text-align:right;
		width:400px;}
		
		#foot a { color:#fff;}


/* footer ------------------------------------------------------ */

#FOOTcontainer { margin: 20px auto; width:940px;  font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.6;}
#FOOTcontainer a { text-decoration:none;  }
#FOOTcontainer a:hover { text-decoration:underline; }
#FOOTcontainer ul { margin:0px; padding:0px ; list-style:none;}
#FOOTcontainer .logo { height:300px;}

	#foot2, #foot1 {
		float:right;
		padding:5px;}
		
	#foot1 { width:200px;}
	
.title { font-size:14px; font-weight: bold; 
	 font-family: Arial, Helvetica, sans-serif;
	 text-transform:uppercase; color:#a8dd55; }
	 
	 
.foot a {	color: #FFF; text-decoration: none;}
.foot a:hover { color: #FFF; 	text-decoration: underline; }
.foot p { padding-top:2px; color: #FFF; }

.foot {  width:960px; color:#fff;margin-left:auto; margin-right:auto; text-align:left;  }	 
.foot ul {margin:0px; padding:0px ; list-style:none; }
.foot ul li { padding-bottom:4px; font-size:12px;}
.foot ul li a { color:#fff; text-decoration:none; font-weight:bold; }
.foot ul li a:hover {text-decoration: underline; color: #CCCCCC;}



#FOOTleft { margin-left:230px; float:left;}
#FOOTright { padding-right:20px; float: right;}