@font-face {
	font-family: 'Bell';
	src: url('fonts/bellerose-webfont.eot');
	src: local('☺'), url('fonts/bellerose-webfont.woff') format('woff'), url('fonts/bellerose-webfont.ttf') format('truetype'), url('fonts/bellerose-webfont.svg#webfontFxLTPgeG') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {margin:0;padding:0;}
body {font-family:'Bell', Helvetica, Arial, 'Lucida Grande', sans-serif;position:relative;
background: url(images/bg.png) top left repeat;min-width:1000px;color:#3b3b3b;}
a img {border:none;}
a:active, a:focus {outline:0;}
a {text-decoration:none;}
ul {list-style-type:none;}
h1 {line-height:1px;}
p {font-size:16px;letter-spacing:1px;}
span.number {font-family:Georgia, serif;}

#top {height:15px;margin:0 auto;background:#3b3b3b url(images/bg2.png) top left repeat;border-bottom:2px solid #beff62;}

#head {width:949px;height:200px;margin:0 auto;background: url(images/jblong.png) top left no-repeat;
	margin-top:10px;position:relative;}
#head p#tag {position:absolute;bottom:0;text-align:center;width:949px;font-size:20px;
	word-spacing:15px;letter-spacing:3px;text-shadow:0 1px 1px #fff;}	

#body_wrap {width:949px;margin:40px auto;position:relative;}

#nav {width:164px;float:left;}
#nav ul {margin:0 0 0 15px;}
#nav ul li {margin:0 0 10px 0;font-size:18px;text-indent:5px;line-height:30px;text-shadow:0 1px 1px #000;}
#nav ul li a {display:block;width:100px;height:25px;background:#000 url(images/ul2.png) top left repeat;
	color:#fff;border-bottom:3px solid #000;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	box-shadow: 1px 1px 3px #424447;
	-moz-box-shadow: 1px 1px 3px #424447;
	-webkit-box-shadow: 1px 1px 3px #424447;}
#nav ul li a:hover {border-color:#beff62;}

#services_ul {padding-top:5px;}
#services_ul li {margin:20px 0 0 0;}
#services_ul li h2 {font-weight:normal;}
#services_ul li h2:first-letter {color:#c4c4c4;}
#services_ul li a {color:#3b3b3b;display:block;width:230px;padding:3px 5px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;}
#services_ul li a:hover {background:#3b3b3b;color:#d8d8d8;}
#services_ul ul li p {width:619px;}
#services_ul ul li p:first-letter {color:red;}

#body_center {width:775px;min-height:730px;float:left;}
#home #body_center {background: url(images/home.png) top right no-repeat;}
#home #body_center p, #contact #body_center p, #blog #body_center p {width:619px;margin-top:25px;}
#home #body_center p:first-letter, #contact #body_center p:first-letter, #blog #body_center p:first-letter {font-weight:bold;color:red;}
#home #body_center p a, #contact #body_center p a, #blog #body_center p a {color:#c4c4c4;border-bottom:1px dotted #3b3b3b;padding:0 3px;}	
#home #body_center p a:hover, #contact #body_center p a:hover, #blog #body_center p a:hover {color:#fff;background:#3b3b3b;}
#works #body_center {background: url(images/works.png) top right no-repeat;} 	
#services #body_center {background: url(images/services.png) top right no-repeat;}
#contact #body_center {background: url(images/contact.png) top right no-repeat;}
#blog #body_center {background: url(images/blog.png) top right no-repeat;}

img.postcard {
	box-shadow: 1px 1px 4px #424447;
	-moz-box-shadow: 1px 1px 4px #424447;
	-webkit-box-shadow: 1px 1px 4px #424447;}

#work_col1 {width:294px;position:absolute;top:40px;left:165px;}
#work_col2 {width:294px;position:absolute;top:40px;left:485px;}
.works_box {width:294px;height:182px;background:#f2f2f2;margin-bottom:25px;
	box-shadow: 1px 1px 3px #424447;
	-moz-box-shadow: 1px 1px 3px #424447;
	-webkit-box-shadow: 1px 1px 3px #424447;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;}
.works_box a img {border:3px solid #fff;margin:8px 0 0 0;}		
.works_box a img:hover {border-color:#3b3b3b;}
.works_box h3 {font-size:17px;text-align:center;padding-top:8px;letter-spacing:0px;}
.works_box p a {color:#3b3b3b;text-decoration:underline;}
.works_box p a:hover {text-decoration:none;}
.works_box:hover h3 {color:#6f6f6f;}	
.works_box:hover h3 span {color:#3b3b3b;}

#portfolio_wrap {width:775px;float:left;}
#p_left {width:410px;float:left;}
#portfolio #body_center #p_left p {padding:25px 25px 0 0;}
#portfolio #body_center #p_left p span {border-left:1px dotted #3b3b3b;font-weight:bold;padding-left:5px;}
#portfolio #body_center #p_left p a {color:#6f6f6f;font-style:italic;}
#p_right {width:365px;float:left;}
#p_right img {border:10px solid #d8d8d8;margin:0 0 30px 0;}

.entry_wrap {width:619px;margin:40px 0 0 0;float:left;}
.entry_date {width:60px;height:100%;text-align:center;float:left;}
.date_wrap {width:60px;height:70px;background: url(images/date.png) top left no-repeat;border:1px solid #3b3b3b;
	box-shadow: 1px 1px 2px #424447;
	-moz-box-shadow: 1px 1px 2px #424447;
	-webkit-box-shadow: 1px 1px 2px #424447;
	-moz-border-radius-topright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;}
.date_wrap h3 {padding-top:13px;font-size:13px;font-weight:normal;}
.date_wrap h5 {font-size:12px;font-weight:normal;letter-spacing:1px;}
.entry {width:539px;margin:0 0 0 20px;float:left;position:relative;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px}
.entry img {margin:10px 0;border-top:5px solid #fff;border-bottom:5px solid #fff;}	
.entry:hover {background:#e9e9e9;}
x.entry:hover h3, x.entry:hover p {color:#fff;text-shadow:none;}
#blog #body_center x.entry:hover p:first-letter {color:#beff62;}
.entry h3 {padding:0 5px;}
.entry h4 {visibility:hidden;position:absolute;top:0;right:0;font-weight:normal;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;}
.entry:hover h4 {visibility:visible;background:#fff;}
.entry:hover h4 a {color:#3b3b3b;padding:0 10px;}
.entry:hover h4 a:hover {background:#d8d8d8;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;}
#blog #body_center .entry p {width:529px;margin-top:10px;padding:5px;}
.space {width:619px;height:50px;float:left;}
#share_div {height:40px;width:265px;background: url(images/share.png) top left no-repeat;}
#share_div:hover {background-position:bottom left;}
#share_div a {margin:0 0 0 30px;}

#email {position:relative;width:100%;}
form#contact_form input#from, form#contact_form input#subject {background: url(images/input.png) bottom left no-repeat;font-size:12px;
	border:none;outline:none;width:215px;height:30px;color:#fff;font-family:helvetica, arial, sans-serif;padding:2px;float:left;margin:0 10px 0 0;}
form#contact_form textarea#message {background: url(images/input.png) top right repeat;border:none;outline:none;width:215px;height:100px;
	color:#fff;padding:2px;outline:none;font-family:helvetica, arial, sans-serif;font-size:12px;}
form#contact_form input#from:focus, form#contact_form input#subject:focus {background-position:bottom left;outline:none;}
#email #include {position:absolute;left:247px;top:57px;z-index:-10;}
#email #include p {width:100%;}

#footer_wrap {padding-bottom:100px;width:100%;border-top:2px solid #beff62;margin:40px auto 0;
	background:#3b3b3b url(images/bg2.png) top left repeat;float:left;color:#787878;}
#footer {width:949px;margin:0 auto;}
#footer div {width:237px;float:left;}
#footer div h3 {text-align:center;font-size:17px;padding-bottom:20px;letter-spacing:1px;}
#footer div ul li {margin:0 0 5px 0;text-align:center;}
#footer div ul li img {border:2px solid #787878;}
#footer div ul li img:hover {border-color:#d8d8d8;}
#footer div ul li a {color:#787878;}
#footer div ul li a:hover {color:#fff;text-decoration:underline;}
#footer p {text-align:center;margin:40px auto;background:#383838;padding:10px 0;border:1px solid #303030;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px}
#footer p a {color:#787878;}	
#footer p a:hover {color:#ff5f5f;}	
.tooltip {outline:none;position:relative;z-index:90;}
.tooltip span {margin-left:-9999px;position:absolute;}
.tooltip:hover span {
	border-radius: 1px 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; 
	position: absolute; left: 0;top: 0; z-index: 99;
	margin-left: 0; width: 126px;}	
.classic { padding: 0.8em 1em; background: #FFF; border: 2px solid #c4c4c4;color:#424447;text-decoration:none;}