@charset "utf-8";
/* CSS Document */
/*-------------------------------RESET--------------------------------------------------*/
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%;}

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

em{font-style:italic;}

a{	outline:none;}

/*-----------------------------------------GLOBAL------------------------------------------*/

html {
	text-align:center;	
	}

body {
	width:960px;
	background:url(../images/bg.jpg) top center no-repeat;
	background-attachment:fixed;
	margin:0 auto;
	text-align:left;
	background-color:#000;
	font-size:88% ! Important;
	}

p{
	font-family:'Droid Serif', Georgia, Times, serif; 
	color:#FFF;
	font-size:1em;
	line-height:1.4em;
}

a{
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	color:#FFF;
}

/*---------------------------------------BODY------------------------------------------------------------------------------------*/

div#wrap{
	position:relative;
	width:100%;
	float:left;	
}

div#wrap p.copyright{
margin:40px 0;	
font-size:.8em;
}

div#firefox{
width:100%;
text-align:center;
background:#000;
height:50px;
}

	div#firefox p{
	font-size:.8em;
	padding-top:10px;
	}

	div#firefox a{
	color:#FF5B00;
	font-family:'Droid Serif', Georgia, Times, serif; 
	}
	
	div#firefox a:hover{
	text-decoration:underline;
	}

div#nav{
width:960px;
float:left;
margin:10px 0;

}

div#nav-index{
width:960px;
float:left;
margin:0;

}
		
	ul#jsddm{	
	padding:0;
	width:720px;
	float:left;
	display:inline-block;
	margin:10px 0;
	}
		
		ul#jsddm li{	
		width:20%;
		float:left;
		text-align:center;
		/*IE 7*/*background:#666 url(../images/ie-only-nav-bg.jpg) repeat;
		/*IE 8*/background:#666 url(../images/ie-only-nav-bg.jpg) repeat\9;

		}
	
		ul#jsddm li a{	
		display:block;
		outline:none;
		font-weight:bold;
		background-color:rgba(120,105,74,.2);
		padding:6px 0;
		}
		
			ul#jsddm li a:hover{	
			color:#C3EBE4;
			text-decoration:underline;
			background:none;
			}
			
			
				ul#jsddm li a.services-nav:hover{
				text-decoration:none;	
				background-color:rgba(120,105,74,.2);
				}
			
				ul#jsddm li ul{	
				width:150px;
				margin: 0 ;
				padding: 0;
				position: absolute;
				visibility: hidden;
				z-index:10;
				}
			
					ul#jsddm li ul li{	
					float: none;
					display: inline;
					
					}
					
					ul#jsddm li ul li a{	
					display:block;
					outline:none;
					font-weight:bold;
					padding:6px 0 6px 14px;
					text-align:left;
					margin:2px 0 0 0;
					}
					
						ul#jsddm li ul li a.sub-nav-graphic{	
						background-color:rgba(120,105,74,.3);
						/*IE 7*/*background:#666 url(../images/ie-only-nav-bg.jpg) repeat;
						/*IE 8*/background:#666 url(../images/ie-only-nav-bg.jpg) repeat\9;
						}
						
						ul#jsddm li ul li a.sub-nav-web{	
						background-color:rgba(120,105,74,.4);
						/*IE 7*/*background:#666 url(../images/ie-only-nav-bg.jpg) repeat;
						/*IE 8*/background:#666 url(../images/ie-only-nav-bg.jpg) repeat\9;
						}
					
					ul#jsddm li ul li a:hover{	
					color:#C3EBE4;
					text-decoration:underline;
					background:none;
					}
		

		
	/*----------------------Search box-----------------------------------------*/
	
	div#search-area{
	width:220px;
	height:28px;
	float:right;
	margin:10px 0;
	background-color:rgba(120,105,74,.4);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 6px #000;
	-webkit-box-shadow:0 3px 3px #000;
	box-shadow:0 3px 3px #000;
	/*IE 7*/*background:#666 url(../images/ie-only-nav-bg.jpg) repeat;
	/*IE 8*/background:#666 url(../images/ie-only-nav-bg.jpg) repeat\9;
	}
	
	div#search-area2{
	width:215px;
	height:26px;
	float:right;
	margin:10px 0;
	padding:2px 0 0 5px;
	background-color:rgba(120,105,74,.4);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 3px 6px #000;
	-webkit-box-shadow:0 3px 3px #000;
	box-shadow:0 3px 3px #000;
	/*IE 7*/*background:#666 url(../images/ie-only-nav-bg.jpg) repeat;
	/*IE 8*/background:#666 url(../images/ie-only-nav-bg.jpg) repeat\9;
	}
	
	.text-area{
	float:left;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
	width:168px;
	height:26px;
	border:none;
	background:none;
	display:inline-block;
	margin:0 0 0 10px;
	/*IE 7*/*padding-top:5px;
	/*IE 8*/padding-top:5px\9;
	}

	.search-box{
	border:none;
	display:block;
	margin:-24px 10px;
	float:right;
	}
	
	div#search-form-hide{
	font: bold 11px Verdana; 
	visibility:hidden;
	}
	
	div#search-results-page{
	width:900px;
	float:left;
	}
	
	/*----------End Search box---------------------*/
	
/*END NAV*/


/*Identity: For all pages EXCEPT home page--------------*/
div#identity{
position:relative;
float:left;
width:100%;
border-bottom:#fff thin solid;
padding:0 0 15px 0;
}

	div#identity ul{
	display:inline;
	width:100%;
	}
	
		div#identity ul li{
		float:left;
		width:50%;
		}
	
	div#identity h1{
	text-indent:-9999px;
	background: url(../images/sprites.png)  0 -1984px no-repeat;
	width:145px;
	height:87px;
	margin:20px 10px 0 10px;
	z-index:2;
	position:relative;
	}
	
	div#identity blockquote{
	background:url(../images/design_sprites.PNG) 0 -207px no-repeat;
	width:460px;
	height:72px;
	float:left;
	text-indent:-9999px;
	margin:60px 10px;
	}
	
/*BEGIN Brand*/

div#brand{
position:relative;
width:100%;
float:left;
background:url(../images/sprites.png) 0 0 no-repeat;
height:480px;
border-bottom:#C3EBE4 1px solid;
}

div#brand h1{
	text-indent:-9999px;
	background: url(../images/h1.png) 0 0 no-repeat;
	width:452px;
	height:302px;
	margin:0 460px;
}

	/*Web, Graphic, Copywriting Links
	I have copywriting masked until I figure out what to do*/
	div#brand div#left{
	width:460px;
	margin:10px;
	float:left;
	}
	
		div#brand div#left ul{
			width:326px;
			margin:-50px 130px;
		}
		
			div#brand div#left ul li{
			margin:5px 0;
			}
		
			div#brand div#left ul li a{
			background-image:url(../images/sprites.png);
			text-indent:-9999px;
			outline:none;
			}
			
			div#brand div#left ul li a.web-btn{
			display:block;
			height:76px;
			background-position:0 -1003px;
			background-repeat:no-repeat;
			}
			
				div#brand div#left ul li a.web-btn:hover{
				background-position:-360px -1003px;
				}
			
			div#brand div#left ul li a.gfx-btn{
			display:block;
			height:58px;
			background-position:0 -1086px;
			background-repeat:no-repeat;
			}
			
				div#brand div#left ul li a.gfx-btn:hover{
				background-position:-360px -1086px;
				}
				
			div#brand div#left ul li a.cpy-btn{
			display:block;
			height:34px;
			background-position:0 -1153px;
			background-repeat:no-repeat;
			}
			
				div#brand div#left ul li a.cpy-btn:hover{
				background-position:-369px -1153px;	
				}
		
	
	/*Arrow graphic element*/
	div#brand div#center{
	margin:-60px 0;
	float:left;
	width:40px;
	height:178px;
	background:url(../images/sprites.png) 0 -816px no-repeat;
	}
	/*blockquote*/
	div#brand div#right{
	margin:10px;
	float:left;
	width:404px;
	}	
		div#brand div#right blockquote{
			display:block;
			width:404px;
			height:67px;
			background:url(../images/sprites.png) 0 -1216px no-repeat;
			text-indent:-9999px;
		}
		
		div#brand div#right blockquote a{
		display:block;	
		}

/*END Brand*/

/*What's New Section*/

div#whats-new{
width:100%;
position:relative;
margin:0;
float:left;
}

div#whats-new p a{
font-size:.8em;
}

div#whats-new-1,div#whats-new-3,div#whats-new-4{
position:relative;
float:left;
margin:0 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
}

div#whats-new-1{
width:460px;
min-height:259px;
}

div#whats-new-3,div#whats-new-4{
width:220px;	
}

div#whats-new-1 h4,div#whats-new-3 h4,div#whats-new-4 h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1.7em;
color:#C3EBE4;
margin:0 0 5px 0;
width:100%;
border-bottom:#FFF dotted 1px;
}





/*End What's New Section*/


/*Begin About Section*/

	div#about{
	width:100%;
	float:left;
	position:relative;
	background:url(../images/trees.png) bottom left no-repeat;
	margin:20px 0;
	padding:0 0 30px 0;
	border-bottom:#C3EBE4 1px solid;
	}
	
		div#about ul{
		width:100%;
		display:inline;
		}
		
			div#about ul li{
			float:left;
			}
			
			div#about ul li.dedication{
			width:300px;
			margin:10px;
			padding:10px;
			background-color:rgba(120,105,74,.2);
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			-moz-box-shadow:0 3px 6px #000;
			-webkit-box-shadow:0 3px 3px #000;
			box-shadow:0 3px 3px #000;
			}
			
				div#about ul li.dedication h2{
				text-indent:-9999px;
				background:url(../images/sprites.png) 0 -1315px no-repeat;
				height:30px;
				margin:5px 0 5px 0;
				padding:0 0 5px 0;
				border-bottom:#EFF1C5 dashed 1px;
				}
				
				div#about ul li.dedication blockquote{
				background:url(../images/sprites.png) -347px -837px no-repeat;
				display:inline-block;
				width:289px;
				height:50px;
				text-indent:-9999px;
				}
				
				div#about ul li.dedication p,div#about ul li.tailored p,div#about ul li.discover p{
				padding:10px;
				line-height:1.4em;
				font-size:1.1em;
				}
			
			div#about ul li.tailored{
			width:300px;
			margin:10px 10px 10px 40px ;
			padding:10px;
			background-color:rgba(120,105,74,.2);
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			-moz-box-shadow:0 3px 6px #000;
			-webkit-box-shadow:0 3px 3px #000;
			box-shadow:0 3px 3px #000;
			}
			
				div#about ul li.tailored h2{
				text-indent:-9999px;
				background:url(../images/sprites.png) 0 -1364px no-repeat;
				height:30px;
				margin:5px 0 5px 0;
				padding:0 0 5px 0;
				border-bottom:#EFF1C5 dashed 1px ;
				}
				
				div#about ul li.tailored blockquote{
				background:url(../images/sprites.png) -347px -837px no-repeat;
				display:inline-block;
				width:289px;
				height:50px;
				text-indent:-9999px;
				}
			
			div#about ul li.discover{
			width:220px;
			margin:10px;
			}
			
				div#about ul li.discover h2{
				text-indent:-9999px;
				background:url(../images/sprites.png) 0 -1415px no-repeat;
				height:30px;
				margin:15px 0 0 0;
				padding:0 0 5px 0;
				border-bottom:#EFF1C5 dashed 1px ;
				}
				
				div#about ul li.discover div#social-icons{
				position:relative;
				float:left;
				margin:-30px 0;
				}
				
					div#about ul li.discover div#social-icons ul{
					width:228px;
					height:238px;
					display:block;
					position:relative;
					float:left;
					background:url(../images/sprites.png) -80px -1468px no-repeat;
					}
					
						div#about ul li.discover div#social-icons ul li{
						width:45px;
						height:45px;
						float:left;
						background-image:url(../images/sprites.png);
						background-repeat:no-repeat;
						text-indent:-9999px;
						}
						
						div#about ul li.discover div#social-icons ul li a{
						width:43px;
						height:43px;
						display:block;
						outline:none;
						}
				
						div#about ul li.discover div#social-icons ul li.facebook {
						background-position:0 -1473px;
						margin:70px 0 10px 55px;
						}
						
						div#about ul li.discover div#social-icons ul li.twitter {
						background-position:0 -1540px;
						margin:70px 20px 10px 30px;
						}
						
						div#about ul li.discover div#social-icons ul li.linked-in {
						background-position:0 -1606px;
						margin:10px 0 10px 55px;
						}
						
						div#about ul li.discover div#social-icons ul li.flickr {
						background-position:0 -1673px;
						margin:10px 20px 10px 30px;
						}
						
			div#about-me a.linked-in-about{
			display:block;
			width:275px;
			height:32px;
			background:url(../images/profile.png) 0 0 no-repeat;
			text-indent:-9999px;
			position:absolute;
			margin:-40px 325px;
			}
						
	img.chess{
	position:absolute;
	width:200px;
	height:200px;
	margin:-90px 0 0 110px;
	z-index:2;
	}
				
				
/*Container*/
div#container{
width:100%;
float:left;
position:relative;
padding-bottom:60px;
}
	
	
/*----Client Page------*/
	
	div#identity blockquote.clients{
	float:right;
	background: url(../images/sprites.png) -3px -2225px no-repeat;
	width:225px;
	height:45px;
	text-indent:-9999px;
	margin:40px 0 0 0;
	}
	
	div#identity blockquote.con{
	float:right;
	background: url(../images/sprites.png) -3px -2288px no-repeat;
	width:265px;
	height:45px;
	text-indent:-9999px;
	margin:40px 0 0 0;
	}
	
	/*Ref. the conatiner div as the parent*/
	
	div#what-you-get{
	width:100%;
	position:relative;
	float:left;
	padding:0 0 20px 0;
	border-bottom:#FFF 2px solid;
	
	}
	
	div#what-you-get h2{
	text-indent:-9999px;	
	}
	
	div#what-you-get p{
	font-size:1.3em;
	padding:0 0 10px 0;
	text-align:center;
	}
	
		div#what-you-get ul.what{
		width:100%;
		display:inline;
		text-align:center;
		}
		
			ul.what li{
			width:25%;
			height:auto;
			float:left;
			background:none;
			font-family:'Droid Serif', Georgia, Times, serif;
			font-weight:normal;
			color:#D8DB9E;
			margin:10px 0;
			
			}
			
	div#container ul{
	position:relative;
	width:100%;
	margin:20px 0;
	}
		
		div#container ul li{
		position:relative;
		width:300px;
		height:300px;
		float:left;
		margin:10px;
		text-align:justify;
		background-color:rgba(120,105,74,.2);
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 3px 6px #000;
		-webkit-box-shadow:0 3px 3px #000;
		box-shadow:0 3px 3px #000;
		}
		
		div#container ul li h1{
		text-indent:-9999px;
		background-image:url(../images/sprites.png);
		background-repeat:no-repeat;
		margin:20px 10px;
		border-bottom:#FFF 1px dashed;
		padding-bottom:3px;
		}
		
			div#container ul li h1.client{
			width:280px;
			height:32px;
			background-position:-469px -1533px;
			}
		
			div#container ul li h1.web{
			width:280px;
			height:32px;
			background-position:-469px -1569px;
			}
			
			div#container ul li h1.logo{
			width:280px;
			height:32px;
			background-position:-469px -1615px;
			}
			
			div#container ul li span{
			display:inline-block;
			width:25px;
			height:25px;
			background:url(../images/sprites.png) -1153px -491px no-repeat;
			text-indent:-9999px;
			margin-right:5px;
			
			}
			
			div#container ul li span.doc{
			display:inline-block;
			width:25px;
			height:25px;
			background:url(../images/sprites.png) -1153px -491px no-repeat;
			text-indent:-9999px;
			margin-right:5px;
			
			}
			
			div#container ul li a{
			margin:0 0 0 10px;
			}

			div#container ul li a.ie-7-link{
			display:none;
			/*IE7*/*display:block;
			/*IE7*/*color:#C3EBE4;
			}

			div#container ul li p{
			padding:5px 10px 20px 10px;	
			}

			div#container ul li p.document-link{
			bottom:0;
			position:absolute;
			padding:5px 10px 20px 10px;
			}









/*----about Page------*/

div#container-about-me{
width:100%;
float:left;
position:relative;
padding-bottom:30px;
}
	
	div#container-brand{
	position:absolute;
	width:100%;
	height:334px;
	background:url(../images/about-banner.png) center top no-repeat;
	margin:-130px 0;
	border-bottom:#FFF thin solid;
	z-index:0;
	*margin:-130px -960px;
	}

		div#about-me{
		margin:220px 10px 10px 10px;
		width:620px;
		float:left;
		position:relative;
		}
			div#about-me p{
			padding:5px 20px 20px 20px;	
			text-align:justify;
			}
			
			div#about-me p span.horrible{
			text-decoration:line-through;
			}
			
			div#about-me h2{
			text-indent:-9999px;
			background:url(../images/sprites.png) -468px -1671px no-repeat;
			margin:20px 10px;
			border-bottom:#FFF 1px dashed;
			padding-bottom:6px;	
			height:30px;
			}

		div#stuff-i-do{
		margin:220px 10px 10px 10px;
		width:300px;
		float:left;
		position:relative;
		}
		
			div#stuff-i-do h2{
			width:290px;
			height:25px;
			background:url(../images/sprites.png) -759px -1233px no-repeat;
			text-indent:-9999px;
			margin:20px 0;
			border-bottom:#FFF 1px dashed;
			padding-bottom:10px;	
			}

				div#stuff-i-do ul{
				width:100%;
				}
				
					div#stuff-i-do ul li{
					height:50px;
					margin:5px 0;
					}
					
						div#stuff-i-do ul li p{
						display:block;
						float:left;
						width:230px;
						height:50px;
						background-image:url(../images/sprites.png);
						background-repeat:no-repeat;
						text-indent:-9999px;
						margin-left:20px;
						}
						
							div#stuff-i-do ul li p.front-end-p{
							background-position:-1194px -300px;	
							}
							
							div#stuff-i-do ul li p.xhtml-p{
							background-position:-1194px -60px;	
							}
							
							div#stuff-i-do ul li p.css-p{
							background-position:-1194px -120px;	
							}
							
							div#stuff-i-do ul li p.graphic-design-p{
							background-position:-1194px -240px;	
							}
							
							div#stuff-i-do ul li p.logos-p{
							background-position:-1194px -361px;	
							}
							
							div#stuff-i-do ul li p.coffee-p{
							background-position:-1194px -180px;	
							}
							
							div#stuff-i-do ul li p.photography-p{
							background-position:-1194px 0;	
							}
							
							div#stuff-i-do ul li p.audio-p{
							background-position:-1194px -424px;	
							}
						
						div#stuff-i-do ul li span{
						display:block;
						float:left;
						width:50px;
						height:50px;
						background-image:url(../images/sprites.png);
						background-repeat:no-repeat;
						text-indent:-9999px;
						}
						
							div#stuff-i-do ul li span.front-end-icon{
							background-position:-1141px -300px;
							}

							div#stuff-i-do ul li span.xhtml-icon{
							background-position:-1141px -57px;
							}
							
							div#stuff-i-do ul li span.css-icon{
							background-position:-1141px -118px;
							}
							
							div#stuff-i-do ul li span.graphic-design-icon{
							background-position:-1141px -242px;
							}
							
							div#stuff-i-do ul li span.logos-icon{
							background-position:-1141px -360px;
							}
							
							div#stuff-i-do ul li span.coffee-icon{
							background-position:-1141px -182px;
							}
							
							div#stuff-i-do ul li span.photography-icon{
							background-position:-1141px 0;
							}
							
							div#stuff-i-do ul li span.audio-icon{
							background-position:-1141px -424px;
							}
						
						
						
		
		
		
		
		
		
		
		
		
		
		
/*---Blog Page---*/

/*this is the twitter feed up in the right corner*/
	div#identity div#twitter{
	float:right;
	width:380px;
	height:75px;
	margin:20px 0 0 0;
	background:rgba(255,255,255,0.1);
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	}
	
		div#twitter h1{
		background:url(../images/sprites.png) -1141px -554px no-repeat;
		width:130px;
		height:48px;
		position:absolute;
		margin:-20px 0;
		}
		
		div#twitter h1 a {
		display:block; 
		width:130px;
		height:48px;
		}
		
		div#twitter h1 a:hover { 
		}

		div#twitter ul {
		width:380px;
		height:75px;
		}
		
			div#twitter ul li {
			width:340px;
			height:45px;
			line-height:.7em;
			padding:20px 20px 0 20px;
			}
			
				div#twitter ul li a {
				font: italic .8em "Courier New", Courier, monospace;
				color:#999;
				
				}
					div#twitter ul li a:hover { 
					color:#C3EBE4; 
					}

			div#twitter ul li span {
			font:.8em "Courier New", Courier, monospace; 
			color:#fff;
			}
			
				div#twitter ul li span a {
				font:.8em "Courier New", Courier, monospace;
				color:#C3EBE4;
				}
				
				div#twitter ul li span a:hover {
				color:#999; 
				}

div#blog-container{
width:100%;
float:left;
position:relative;
padding-bottom:60px;
}
	
	div#blog-container-brand{
	width:100%;
	height:284px;
	background:url(../images/blog-banner.png) center top no-repeat;
	position:absolute;
	margin:-78px 0;
	border-bottom:#FFF thin solid;
	z-index:0;
	}
	
	
	div#web-design-blog,div#coffe-blog{
	width:456px;
	margin:225px 10px 10px 10px;
	position:relative;
	float:left;
	}
	
	div#web-design-blog{
	position:relative;
	float:left;
	}
	
		div#web-design-blog h1{
		background:url(../images/sprites.png) -1140px -634px no-repeat;	
		width:100%;
		height:55px ;
		text-indent:-9999px;
		border-bottom:#FFF thin dashed;
		padding-bottom:5px;
		}
		
	div#coffe-blog{
	position:relative;
	float:left;
	}
		
		div#coffe-blog h1{
		background:url(../images/sprites.png) -1140px -713px no-repeat;	
		width:100%;
		height:55px ;
		text-indent:-9999px;
		border-bottom:#FFF thin dashed;
		padding-bottom:5px;
		}
		
		div#coffe-blog p,div#web-design-blog p{
		padding:20px;
		}
		
		div#coffe-blog a,div#web-design-blog a{
		display:inline-block;
		padding:0 0 0 20px;
		float:left;
		}
		
		div#coffe-blog a:hover,div#web-design-blog a:hover{
		color:#C3EBE4;
		text-decoration:underline;
		}
		
			div#coffe-blog a.arrow,div#web-design-blog a.arrow{
			float:left;
			width:24px;
			height:24px;
			display:inline-block;
			background: url(../images/001_59.png) 0 0 no-repeat;
			text-indent:-9999px;
			margin:0 0 0 10px;
			}
		
		
		
		
		ul#blogs a.clear{
		background-image:url(../images/coffee-bot.PNG);
		}
		
		
						
/*Begin Footer Section*/			
				
div#footer{
width:100%;	
float:left;
position:relative;
padding:0 0 20px 0;
background:url(../images/sprites.png) 40px -1738px no-repeat;
border-top:#fff thin solid;
}
	div#footer a{
	display:block;
	outline:none;
	font-weight:bold;
	/*background-color:rgba(120,105,74,.2);*/
	padding:4px 0;
	}
	
	div#footer a:hover{
	text-decoration:underline;	
	color:#C3EBE4;
	}
	
	div#footer p{
	font-size:.8em;
	}
	
		div#footer div#ftr-clmn-1 h3,div#footer div#ftr-clmn-2 h3,div#footer div#ftr-clmn-3 h3,div#footer div#ftr-clmn-4 h3{
		width:115px;
		height:12px;
		background:url(../images/sprites.png);
		background-repeat:no-repeat;
		text-indent:-9999px;
		margin:5px 0 15px 0;
		}
		
		div#footer div#ftr-clmn-1 h3{
		background-position:-146px -817px;
		}
		
		div#footer div#ftr-clmn-2 h3{
		background-position:-146px -837px;
		}
		
		div#footer div#ftr-clmn-3 h3{
		background-position:-146px -857px;
		}
		
		div#footer div#ftr-clmn-4 h3{
		background-position:-146px -877px;
		}
			
		div#footer div#ftr-clmn-1,div#footer div#ftr-clmn-2,div#footer div#ftr-clmn-3,div#footer div#ftr-clmn-4{
		float:left;
		width:220px;
		margin:10px;
		}
		
	div#footer div#ftr-clmn-1 ul li,div#footer div#ftr-clmn-2 ul li,div#footer div#ftr-clmn-3 ul li,div#footer div#ftr-clmn-4 ul li{
	margin:0 0 5px 0;
	}
		
		
		
/*END Footer*/				
				
		
		
/*---Contact------*/

div#contact-container {
width:100%;
position:relative;
float:left;
padding:20px 0 0 0;
}

div#identity img.contact-arrow{
position:absolute;
margin:-12px -770px;
width:503px;
height:135px;
z-index:0;
}

div#misc-info{
float:left;
position:relative;
width:540px;
margin:15px 0;

}
		
	div#misc-info h1{
	width:100%;
	height:32px ;
	background:url(../images/sprites.png) -1145px -910px no-repeat;
	text-indent:-9999px;
	border-bottom:#EFF1C5 dashed 1px;
	}
	
	div#misc-info p{
	font-size:1.5em;
	margin:20px 10px;
	text-align:justify;
	}
	
	div#misc-info p img.email{
	display:block;
	position:absolute;
	margin:-25px 86px;
	}
		
	div#misc-info ul{
	width:100%;
	margin:30px 0;
	padding:0 0 80px 0;
	}
	
		div#misc-info ul li{
		position:relative;
		float:left;
		border-bottom: #CCC 2px solid;
		}
		
		div#misc-info ul li a{
		display:block;
		background-image:url(../images/social-icons.png);
		background-repeat:no-repeat;
		height:60px;
		width:135px;
		text-indent:-9999px;
		}
	
			div#misc-info ul li a.social-icon-linkedin{
			background-position:0 -60px;
			}
			
			div#misc-info ul li a.social-icon-twitter{
			background-position:-135px -60px;
			}
			
			div#misc-info ul li a.social-icon-facebook{
			background-position:-270px -60px;
			}
			
			div#misc-info ul li a.social-icon-flickr{
			background-position:-405px -60px;
			}
			
			div#misc-info ul li a.social-icon-linkedin:hover{
			background-position:0 0;
			}
			
			div#misc-info ul li a.social-icon-twitter:hover{
			background-position:-135px 0;
			}
			
			div#misc-info ul li a.social-icon-facebook:hover{
			background-position:-270px 0;
			}
			
			div#misc-info ul li a.social-icon-flickr:hover{
			background-position:-405px 0;
			}
		
	div#misc-info h2{
	width:100%;
	height:35px ;
	background:url(../images/sprites.png) -1145px -968px no-repeat;
	text-indent:-9999px;
	border-bottom:#EFF1C5 dashed 1px;
	padding:0 0 3px 0;
	}
		
	div#misc-info a{
		display:block;
		margin:20px 0 0 0;
	}
	
		div#misc-info ul#blogs li{
		border:none;
		display:list-item;
		margin:10px 0 0 10px;
		}
		
		div#misc-info ul#blogs li p{
		font-family: "Courier New", Courier, monospace;
		color:#D8DB9E;
		font-size:1.1em;	
		}
		
#misc-info p span{
font-style:italic;
color:#EAD902;	
padding-right:10px;
}