@charset "UTF-8";
/* CSS Document  NEW NEW NEW */ 
* { margin: 0; }
html,
body { height: 100%; }
body {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  color:#4c4c4c;
	font-size:.8em;
}
.clear {
  clear:both;
  height:0;
  width:880px;
  padding:0;
  margin:0;
}
.width {
  width:880px;
  position:relative;
  margin:0 auto;
}
a:link,
a:visited {
	text-decoration:none;
  	color:#5d5d5d;
  	outline:none;
}
a:hover { color:#ec795e; }
a.arrowL{background:#ec795e url(../images/template/arrow.gif) no-repeat -24px center;display:inline-block;padding-right:10px;padding-left:22px;color:#fff;font-size:.75em;text-transform:uppercase;font-weight:bold;letter-spacing:2px;line-height:20px;height:20px;}
a.arrowL:hover{background:#ec795e url(../images/template/arrow.gif) no-repeat -30px center;}
p{
	font-size:1em;
	line-height:1.7em;
	margin-bottom:10px;
}
p.workDesc {
	font-size:.95em;
	line-height:1.3em;
	cursor:default;
}	
h1{
	font-size:2em;
	margin-bottom:10px;
	color:#2a2a2a;
}
h2{
	font-size:1.7em;
	margin-bottom:10px;
	color:#2a2a2a;
}
h3{
	font-size:1.4em;
	margin-bottom:7px;
	color:#2a2a2a;
}
h4{
	font-size:1.2em;
	margin-bottom:7px;
	color:#2a2a2a;
}
h5{
	font-size:1em;
	margin-bottom:7px;
	color:#2a2a2a;
	cursor:default;
}
hr{
	margin-top:30px;
	margin-bottom:30px;
	border-top:1px solid #e8e8e8;
	border-bottom:none;
	border-right:none;
	border-left:none;
}
hr.angle{
	margin-top:30px;
	margin-bottom:30px;
	border:none;
	display:block;
	background: url(/images/template/angle-hr.gif) repeat-x center;
	height:7px;
	clear:both;
}
hr.anglethick{
	margin-top:10px;
	margin-bottom:10px;
	border:none;
	display:block;
	background: url(/images/template/angle-thick-hr.gif) repeat-x center;
	height:31px;
	clear:both;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
}
.push {
	height: 50px;
	clear: both;
}
input, textarea {
	border:1px solid #d7d7d7;
	padding:5px;
	margin-bottom:10px;
}
input:focus, textarea:focus {
	border:1px solid #b5b5b5;	
}
input.textField, textarea.textField{font-family:Arial, Helvetica, sans-serif;font-size:.95em;outline:none;width:240px;}
form label{
	font-size:.90em;
	margin-bottom:3px;
	display:block;
}
.system-error-message {
	background:#e8e8e8;
	overflow:auto;
	width:300px;
	border:1px solid #d7d7d7;
	margin:50px auto 30px auto;
	padding:20px;
}
/*ROWS-----------------------------------------*/
.row {
  width:100%;
  padding:0;
  margin:0;
}
#rowHeader {
  padding:0;
  margin: 0 0 0 0;
  /*border-bottom:1px solid #e8e8e8;*/
  height:135px;
  background:#fff;
}
.header{background:url(/images/content/phoneNumber.jpg) right 10px;background-repeat:no-repeat;}
/*ROWS END-----------------------------------------*/
/*HEADER-----------------------------------------*/
.logo {
  border:none;
  outline:none;
  margin-top:38px;
}
#nav ul {
  float:right;
  padding:0;
  margin-top:50px;
  position:relative;
  width:480px;
  height:50px;
}
#nav li {
  list-style:none;
  display:block;
  padding-bottom:0;
  margin: 0 0 0 0;
  outline:none;
  position:absolute;
}
#nav li.h{width:130px;top:0;left:130px;}
#nav li.w{width:130px;top:0;left:260px;}
#nav li.n{width:130px;top:0;left:260px;}
#nav li.a{width:75px;top:0;left:400px;}
#nav a:link,
#nav a:visited {
	font-size:.75em;
	letter-spacing:.2em;
  	padding:25px 0 8px 0;
	display:block;
  	text-decoration:none;
  	margin:0;
  	color:#5d5d5d;
  	outline:none;
	font-family: "adelle-1","adelle-2",serif;

}
#nav a.home{background:url(/images/template/nav.jpg) 1px top no-repeat;}
#nav a.work{background:url(/images/template/nav.jpg) -149px top no-repeat;}
#nav a.notebook{background:url(/images/template/nav.jpg) -299px top no-repeat;}
#nav a.about{background:url(/images/template/nav.jpg) -449px top no-repeat;padding-right:0;}
#nav a:hover { color:#ec795e; }
/*HEADER END-----------------------------------------*/
/*FOOTER-----------------------------------------*/
#footer {
	height:50px;
  margin:10px 0 20px 0;
}
.footerInside {
	padding:20px 0;
  width:880px;
  margin:0;
  font-size:.75em;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
}
.copyright{
	float:right;
	color:#5D5D5D;
	text-transform:uppercase;
}
div.footerInside div ul{
	margin:0;
	padding:0;
}
div.footerInside div ul li{
	list-style: none;
	padding:0;
	margin:0;
}
div.footerInside div ul li a{
	color:#5D5D5D;
	text-transform:uppercase;
	list-style: none;
	margin:0;
	padding:0 6px;
}
div.footerInside div ul li a:hover { color:#ec795e; }
/*FOOTER-----------------------------------------*/
/*COLUMNS-----------------------------------------*/
.colOne {
  width:196px;
  margin-right:32px;
  list-style:none;
  padding:0;
}
.colTwo {
  width:424px;
  margin-right:32px;
  list-style:none;
  padding:0;
}
.colThree {
  width:652px;
  margin-right:32px;
  margin-bottom:35px;
  list-style:none;
  padding:0;
}
.last { margin-right: 0; }
.right { float:right; }
.left { float:left; }
/*COLUMNS END-----------------------------------------*/
/*UNIVERSAL USE-----------------------------------------*/
a.rectbtn {
	margin-top:0;
	margin-right:5px;
	background-color:none;
	background-image:url(/images/template/rect-btn-side.png);
	background-position:top right;
	background-repeat:no-repeat;
	color:#4C4C4C;
	text-shadow:#e6e6e6 1px 1px 0;
	display: block;
	float: left;
	height:40px;
	font-size:.95em;
	text-decoration: none;
	cursor:pointer;
	padding:0 15px 0 0;
	border:none;
	outline:none;
	text-transform:uppercase;
	
}
a.rectbtn span {
  background-image:url(/images/template/rect-btn.png);
  background-position:top left;
  background-repeat:no-repeat;
  display: block;
  padding:11px 0 0 15px;
  height:29px;
  border:none;
}
a.rectbtn span input{
	background:none;
  border:none;
  outline:none;
  cursor:pointer;
  margin:0;
 padding:0;
	text-transform: uppercase;
	color:#4C4C4C;
	text-shadow:#e6e6e6 1px 1px 0;
	width:inherit;
}
a.rectbtn:hover {
	background-position:bottom right;
	color:#4C4C4C;
}
a.rectbtn:hover span { background-position: bottom left; }

/*UNIVERSAL USE END-----------------------------------------*/
/*LEFT NAV-----------------------------------------*/
span.sidebarHeader{
	font-size:1em;
	text-transform: uppercase;
	color:#2a2a2a;
	padding:6px 0;
	margin:0;
	display:block;
	font-weight:bold;
	letter-spacing:.3em;
	font-family: "adelle-1","adelle-2",serif;
}
.leftMenuWrap { margin:0 0 10px 0; }
.leftMenuWrap div ul {
	margin:0;
	padding:0;
	background:none;
}
.leftMenuWrap div ul li {
	padding:0;
	list-style:none;
	outline:none;
	margin:0;	
}
.leftMenuWrap div a:link, .leftMenuWrap div a:visited {
	font-size:0.95em;
	color:#5D5D5D;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	margin:0;
}
.leftMenuWrap div a:hover {
	color:#000;
}
.leftMenuWrap div ul li:hover {
	
}
.leftMenuWrap div ul li a {
	font-size:0.95em;
	color:#5D5D5D;
	display:block;
	padding: 4px 0;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	margin:0;
}
.leftMenuWrap div ul li span {
	font-size:.95em;
	color:#807c77;
  display:block;
  padding: 4px 0;
  outline:none;
  cursor:pointer;
  text-decoration:none;
}
.leftMenuWrap div ul li a:hover {
	color:#000;
}
.leftMenuWrap a:link, .leftMenuWrap a:visited {
	font-size:0.95em;
	color:#5D5D5D;
	display:block;
	padding: 4px 0;
	outline:none;
	cursor:pointer;
	text-decoration:none;
	margin:0;
}
.leftMenuWrap a:hover {
	color:#000;
}
a.sidebarWork {
	display:block;
	width:180px;
	height:65px;
	background-position:top left;
	margin:8px 0 20px 0;
	opacity:.7;
}
a.sidebarWork i {
	display:none;	
}
a.sidebarWork:hover {
	background-position:bottom left;
	opacity:1;
}
.spoon{
	background:url(../images/sidebarWork-spoon.jpg) no-repeat;	
}
/*FILE UPLOADER-----------------------------------------*/
div.uploadBar{background:#2a2a2a;padding:20px;overflow:auto;margin-bottom:25px;}
.uploadBar span.uploadText{font-size:1.5em;color:#999999;float:left;font-family:"adelle-1","adelle-2",serif;font-weight:normal;display:inline-block;margin-top:8px;}
.uploader{padding:30px;overflow:auto;}
div#data p {
	color:#cac7c4;
}
li.exFile{
	overflow: hidden; 
	display: inline-block; 
	margin-bottom: 20px; 
	max-height: 150px;
	height: 150px;
	background:#f2f2f2; 
}
li.exFile span.counter {
	font-weight:bold;
}
li.exFile span.title {
	font-weight:bold;
	color:#ec795e;
}
ul.pagination{margin:0 0 10px 0;padding:0;}
ul.pagination li{background:#2a2a2a;display:inline-block;padding:3px 8px;margin-bottom:10px;color:#fff;outline:none;list-style:none;}
ul.pagination li a{color:#cecece;}
/*FILE UPLOADER END-----------------------------------------*/
/*LEFT NAV END-----------------------------------------*/
/*GALLERY OF WORK-----------------------------------------*/
#gallery {
	margin:0;
	padding:0;
}
#gallery .listing { 
	overflow: hidden;
	position: relative;
	background:url(/images/template/work-shadow.jpg) no-repeat center 120px ;
	cursor:default;
	height:220px;
}
#gallery .listing img{margin-bottom:10px;}
.cover{
	text-align:center;
	position: absolute;
	width: 196px; 
	height: 120px;
	top:-100px;left:0;
}
/*.cover:hover{padding-left:0;  }*/
.cover a{cursor:pointer;
	background:#000;
	font-size:.8em;
	color:#fff;
	text-align:center;
	padding:5px 8px;
	display:inline-block;
	margin:50px 2px 0 2px;
	text-decoration:none;
	outline:none;
}
.cover a:hover{background:#066288;}
div#portfolioDetail{}
div#portfolioDetail img{position:relative;margin:0 auto;}
/*Detail Page of Gallery*/
h5.portclient{display:block;}
span.porturl{display:block;margin:10px 0 5px 0;}
span.portclassifications{display:inline-block;font-style:italic;}
/*GALLERY OF WORK END-----------------------------------------*/
/*BLOG STYLING-----------------------------------------*/
div.blog-post{
	margin-bottom:35px;
}
.blogpostcategories ul li a, .BlogTagList ul li a {
	display:inline;
}
.blogpostcategories ul li a span, .BlogTagList ul li a span {
	display:inline;
}
.BlogTagCloud a:link, .BlogTagCloud a:visited{
	display:inline;
}
h2.post-title{margin:0;}
h2.post-title a{color:#2a2a2a;font-family: "adelle-1","adelle-2",serif;margin-bottom:0;}
.post-details{font-family: "adelle-1","adelle-2",serif;font-style:italic;margin-bottom:5px;}
.captchaimg{margin:6px 0;}
.commentForm{overflow:auto;background:#f6f6f6;padding:15px;margin-top:25px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;}
.commentForm input{width:240px;}.commentForm textarea{width:320px;height:100px;margin-bottom:10px;}
.commentFormLayoutL{float:left;width:280px;}
.commentFormLayoutR{float:left;width:340px;}
.comment-details{float:left;width:130px;}
.blog-comment-container{padding-bottom:20px;background: url(../images/template/angle-hr.gif) repeat-x bottom;overflow:auto;margin-bottom:15px;}
span.commentDate{font-family: "adelle-1","adelle-2",serif;font-style:italic;font-size:.8em;}
div.comment{line-height:1.5em;font-size:.95em;font-family:Georgia, "Times New Roman", Times, serif;width:520px;float:left;}
.post-body{margin-bottom:15px;}
.blog-post{padding-bottom:20px;background: url(../images/template/angle-hr.gif) repeat-x bottom;overflow:auto;margin-bottom:15px;}

/*BLOG STYLING END-----------------------------------------*/
/*ABOUT PAGES-----------------------------------------*/
ul.secondaryPeople {
  padding:0;
  background-color:#fff;
  margin: 0 10px 25px 0;
  width:310px;
  display:inline-block;
}
ul.secondaryPeople li {
  float:right;
  margin:0;
  padding:0 5px;
  list-style:none;
  width:205px;
}
ul.secondaryPeople li.name, div.mike ul li.name {
  color:#524f4b;
  font-weight:bold;
  font-size:1.3em;
  margin-top:0;
}
ul.secondaryPeople li.title, div.mike ul li.title {
  color:#ec795e;
  font-size:.85em;
  font-style:oblique;
  margin-bottom:5px;
}
ul.secondaryPeople li.bio {
  font-size:.95em;
  line-height:1.3em;
}
ul.secondaryPeople img {
  margin:0 0 0 0;
  padding:5px;
  background-color:#fff;
  border:1px solid #dfdddb;
}
.webform-results{width:300px;margin:0 auto;position:relative;text-align:left;background:#f6f6f6 url(../images/template/angle-hr.gif) repeat-x bottom;overflow:auto;margin-bottom:15px;padding:10px 10px 15px 10px;border-top:5px solid #2a2a2a;}
/*services------------------------------------------------*/
ul#services{margin:0;padding:0;list-style:none;}
ul#services li{padding-bottom:10px;background: url(../images/template/angle-hr.gif) repeat-x bottom;overflow:auto;margin-bottom:15px;}
/*ABOUT PAGES END-----------------------------------------*/
