@charset "utf-8";
/*

ONE QUICK RHINO WEBSITE DESIGN
By: Michael Strobel / OneQuickRhino.com

Color Reference
Blue: #91daeb
Brown: #25170e
Light Brown: #2b1b10
Red: #d2150a
Dark Red: #610A05
Tan: #979070
Light Tan: #eae4bf

*/

BODY {
margin-top:0;
margin-left:0;
margin:0px;
background-image:url(../images/mainBG.jpg);
background-repeat:repeat;
}

.divline {
border-top-style: dashed;
border-top-color: #979070;
border-top-width: 1px;
padding-bottom: 10px;
}
/*===================================
	MAIN CONTAINERS and LAYOUT
===================================*/
#header-wrap {
width:100%;
height:146px;
background-image:url(../images/headBG.jpg);
background-repeat:repeat-x;
}

#content-wrap {
width:850px;
margin-left:auto;
margin-right:auto;
}

/*===================================
	HEADER
===================================*/
#header {
width: 850px;
margin-left:auto;
margin-right:auto;
}

	#logoblock {
	float:left;
	width:231px;
	height:166px;
	margin-top:10px;
	}
	
	#headgraphicblock {
	float: right;
	width:500px;
	margin-top:30px;
	margin-left: 0px;
	margin-right: 90px;
	}

	/*=======MAIN NAV=======*/
	#navblock {
	float: right;
	width:610px;
	background-color: #2b1b10;
	overflow:hidden;
	padding-top:3px;
	padding-bottom: 10px;
	padding-left: 0px;
	}
	
		#navworkcontain {
		float:left;
		width:194px;
		margin-left:10px;
		margin-top: 10px;
		}
			
			a.workrollover {
			display: block;  
			width: 194px;  
			height: 54px;  
			background: url(../images/nav_work.jpg) no-repeat 0 0;  
			overflow: hidden;  
			text-indent: -10000px;  
			font-size: 0px;  
			line-height: 0px;   
			}
			
			a:hover.workrollover {  
			background-position: 0 -54px;  
			}
		
		#navaboutcontain {
		float:left;
		width:143px;
		margin-left:5px;
		margin-top: 10px;
		}
			
			a.aboutrollover {
			display: block;  
			width: 143px;  
			height: 23px;  
			background: url(../images/nav_about.jpg) no-repeat 0 0;  
			overflow: hidden;  
			text-indent: -10000px;  
			font-size: 0px;  
			line-height: 0px;   
			}
			
			a:hover.aboutrollover {  
			background-position: 0 -22px;  
			}
		
		#navservicescontain {
		float:left;
		width:200px;
		margin-left:-142px;
		margin-top: 37px;
		}
			
			a.servicesrollover {
			display: block;  
			width: 200px;  
			height: 28px;  
			background: url(../images/nav_services.jpg) no-repeat 0 0;  
			overflow: hidden;  
			text-indent: -10000px;  
			font-size: 0px;  
			line-height: 0px;   
			}
			
			a:hover.servicesrollover {  
			background-position: 0 -28px;  
			}
			
		#navblogcontain {
		float:left;
		width:124px;
		margin-left:-50px;
		margin-top:10px;
		}
			
			a.blogrollover {
			display: block;  
			width: 124px;  
			height: 22px;  
			background: url(../images/nav_blog.jpg) no-repeat 0 0;  
			overflow: hidden;  
			text-indent: -10000px;  
			font-size: 0px;  
			line-height: 0px;   
			}
			
			a:hover.blogrollover {  
			background-position: 0 -22px;  
			}
			
		#navcontactcontain {
		float:left;
		width:110px;
		margin-left:-65px;
		margin-top:37px;
		}
			
			a.contactrollover {
			display: block;  
			width: 110px;  
			height: 28px;  
			background: url(../images/nav_contact.jpg) no-repeat 0 0;  
			overflow: hidden;  
			text-indent: -10000px;  
			font-size: 0px;  
			line-height: 0px;   
			}
			
			a:hover.contactrollover {  
			background-position: 0 -28px;  
			}
		
		#navmenucontain {
		float:left;
		width:101px;
		height:23px;
		margin-left:-37px;
		margin-top:10px;
		}
		
		#navhandcontain {
		float:left;
		width:57px;
		height:29px;
		margin-left:-57px;
		margin-top:37px;
		}

/*===================================
	MIDDLE
===================================*/
#middle{
width: 850px;
margin-left:auto;
margin-right:auto;
}

	/*=======SIDE BAR=======*/
	#midcolleft{
	float:left;
	width:215px;
	height:auto;
	padding-top:30px;
	padding-right:15px;
	}
	
		#twitterblock {
		width:215px;
		}
		
		#flickrblock {
		width:215px;
		}
	
	/*=======MAIN CONTENT=======*/
	#midcolright{
	float:right;
	width:615px;
	height:auto;
	padding-top:10px;
	}
	
		#contentblock1 {
		float: right;
		width:600px;
		background-color: #2b1b10;
		overflow:hidden;
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right:0px;
		}
		
			#contentblock1inner {
			float: right;
			width:575px;
			background-color: #2b1b10;
			overflow:hidden;
			padding-top:10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right:15px;
			}
			
				/*=======FOOTER=======*/
				#contentblock1innerLEFT {
				float: left;
				width:280px;
				height:auto;
				}
				
				#contentblock1innerRIGHT {
				float: right;
				width:130px;
				height:auto;
				padding-right: 0px;
				}
				
				#footsocialicons ul {
				display:block;
				padding-top: 0px;
				list-style: none;
				}
				
				#footsocialicons li {
				float: right;
				padding-right: 5px;
				}
				
		/*=======CONTACT=======*/
		#contactinnerLEFT {
		float:left;
		width:290px;
		height:auto;
		margin-left:20px;
		}
		
			

				
		#contactinnerRIGHT {
		float:left;
		width:275px;
		height:auto;
		margin-left: -30px;
		margin-top: 20px;
		padding-right:0px;
		}
		
		#aboutblock {
		float: left;
		width:250px;
		height:260px;
		background-color: #2b1b10;
		overflow:hidden;
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right:20px;
		margin-left:5px;
		}
		
		#workblock {
		float: right;
		width:245px;
		height:260px;
		background-color: #2b1b10;
		overflow:hidden;
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right:20px;
		margin-left:5px;
		}
		
			#workblock ul {
			margin: 0;
			padding-top: 5px;
			padding-left: 0px;
			list-style: none;
			line-height: normal;
			color: #eae4bf;
			text-indent: 0px;
			font-weight: normal;
			font-family: arial;
			}

		
		#contentblock2 {
		float: left;
		width:250px;
		height:260px;
		background-color: #2b1b10;
		overflow:hidden;
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right:20px;
		margin-left:5px;
		}
		
		#contentblock3 {
		float: right;
		width:245px;
		height:260px;
		background-color: #2b1b10;
		overflow:hidden;
		padding-top:10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right:20px;
		margin-left:5px;
		}

/*===================================
	WORK
===================================*/
#workcontentblock1 {

width:610px;
overflow:hidden;
padding-top:10px;
padding-bottom: 10px;
padding-left:5px;
padding-right:0px;
}
		
#workcontentblock1inner {
float:left;
width:575px;
overflow:hidden;
padding-top:10px;
padding-bottom: 10px;
padding-left:0px;
padding-right:5px;
}

.workleft {
float:left;
width:239px;
margin-left:10px;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:10px;
background-color:#2b1b10;
}
				
.workright {
float:right;
width:239px;
margin-right:10px;
padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:10px;
background-color:#2b1b10;
}

/*===================================
	SIDEBAR
===================================*/
#sidebar {
float:left;
width:250px;
height:auto;
}
	
	#logoblock {
	width:231px;
	height:166px;
	margin-top:10px;
	}
		
	twitterblock {
	width:187px;
	}

/*===================================
	MAIN CONTENT
===================================*/
#content {
float:right;
width:600px;
height:auto;
}


/*===================================
	FOOTER
===================================*/


/*===================================
	Typography
===================================*/
ul {
padding:0px; 
margin:0; 
list-style:none;
line-height:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p {
margin:0; 
margin-top:0px;
font-size:13px; 
font-weight:normal; 
font-family:Arial, Helvetica, sans-serif;
color:#eae4bf;
}

	.mainPARA {
	margin:0; 
	margin-top:0px;
	margin-bottom:10px;
	font-size:12px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#eae4bf;
	}
	
	.slidePARA{
	margin:0; 
	margin-top:0px;
	margin-bottom:10px;
	font-size:12px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
	.sidebarPARA {
	font-size: 85%;
	letter-spacing: 1px;
	color: #979070;
	font-size: 12px;
	font-family: Arial;
	font-weight: 100;
	padding-bottom: 5px;
	}
	
	.sidebarPARAsm {
	font-size: 85%;
	letter-spacing: 1px;
	color: #979070;
	font-size: 10px;
	font-family: Arial;
	font-weight: 100;
	font-style:italic;
	}
	
	.workPARA {
	margin:0; 
	margin-top:0px;
	margin-bottom:10px;
	font-size:18px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#eae4bf;
	}
	
	.contactPARA {
	margin:0; 
	margin-top:10px;
	margin-bottom:0px;
	font-size:18px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#eae4bf;
	}
	
	.footPARA {
	font-size: 85%;
	letter-spacing: 1px;
	color: #979070;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	}


h1 {
margin:0; 
margin-bottom:0; 
}

	.headline {
	font:bold 28px Verdana,Arial,Helvetica;
	color:#91daeb;
	line-height:90%;
	margin:0em 0 0em 0;
	letter-spacing:-2px;
	}
	
	.smheadline {
	font:bold 21px Verdana;
	color:#979070;
	line-height:90%;
	margin:.2em 0 .4em 0;
	letter-spacing:-1px;
	}

	.finger {
	background:URL(../images/smfinger.jpg) no-repeat;
	padding-left:40px;
	padding-top: 0px;
	height:22px;
	}

h3 {
color:#000;
margin:0; 
margin-bottom:5px; 
font-size:14px; 
font-weight:bold; 
font-family:Arial, Helvetica, sans-serif;
}

	.footerhead {
	color:#999;
	margin:0; 
	margin-bottom:5px; 
	font-size:14px; 
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
	}

/*===================================
	Links
===================================*/
.link {
margin:0; margin-bottom:0;
font-size:12px;
color:#fab41e;
font-family:Arial;
font-weight:900;
}

A.link {
color:#d2150a;
text-decoration:none;
}

A.link:hover {
color:#FFFFFF;
text-decoration:none; 
background:#d2150a;
}

.link2 {
FONT-SIZE: 12px;
COLOR: #979070;
FONT-FAMILY: Arial;
text-align: left;
}

A.link2 {
COLOR: #979070;
TEXT-DECORATION: none
}

A.link2:hover {
COLOR: #25170e;
TEXT-DECORATION: none; 
background: #979070;
}

/*===================================
	Twitter BloggerJS Option
===================================*/
#twitter_div {
width: 215px;
}

ul#twitter_update_list {
padding: 0; 
margin: 0; 
list-style: none;
}

ul#twitter_update_list li {
font-family: arial; 
font-size: 12px; 
color: #979070; 
margin: 0px 0 20px 0;
}

ul#twitter_update_list li a {
font-size: 12px; 
color: #D2150A; 
}

/*===================================
	Flickr
===================================*/
/*Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:left; width:220px;}
#flickr_badge_wrapper {padding:0px 0 10px 0;}
.flickr_badge_image {float:left; margin:0 0px 10px 5px;}
.flickr_badge_image img {border: #2b1b10 solid thick !important; width:50px; height:50px;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
			
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#d2150a;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#eae4bf !important;}

/*===================================
	TESTS
===================================*/