/*   DEFAULT STYLES   */
body {
	background:#f1f1f1 url(../images/background.png); 
	min-width:1000px;
	font-size:13px;
	line-height:20px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	color:#444;
}
* { margin: 0; outline: none; }
a {color:#4c4c4c;}
a:hover {color:#6b6b6b;}
p {margin-bottom:18px;}
ul {margin-bottom:24px;}
#navigation, .comments {font-weight:700; font-family: 'PT Sans Narrow', arial, serif;}
.pagination {font-family: 'PT Sans', arial, serif;}
#navigation ul ul {font-weight:500; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:700; font-family: 'PT Sans Narrow', arial, serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none;}
h1 {  font-size:36px; line-height:32px;  margin-bottom:12px;}
h2 { font-size:24px;  line-height:24px; margin-bottom:7px;}
h3 { font-size:22px; line-height:22px; margin-bottom:6px;}
h4 { font-size:20px; line-height:21px;  margin-bottom:5px;}
h5 {font-size:18px; line-height:19px; margin-bottom:3px;}
h6 {font-size:16px; line-height:26px; margin-bottom:3px;}
iframe {border:0px; margin:0px; padding:0px;}

/*   HEADER   */
#header {background:url(../images/header-bg.png) top left repeat-x; padding-top:35px; border-bottom:5px solid #d3d3d3;}
#header-gradient-background { background:url(../images/gradient.png) top center no-repeat; }
#header-noise { background: url(../images/noise.png) top left repeat-x;}
#top-bar {color:#a8a8a8; position:absolute; min-width:1000px;  top:0px; z-index:10; width:100%; font-size:11px; padding:10px 0 0 0; height:45px; background:url(../images/top-bar-bg.png) top left repeat-x;}
#top-bar a {color:#a8a8a8; text-decoration:none;}
#top-bar-inside {text-align:right;  width:940px; margin:0 auto;}
#top-bar-inside .email {padding-right: 0px;}
#logo {text-align:center; position:relative; top:-10px; left: -4px; float:left;}
.logobox-br {background: url(../images/roundbox_br.png) no-repeat bottom right; margin:0 0 0 30px; padding:16px 30px 16px 0px; }
.logobox-bl {background: url(../images/roundbox_bl.png) no-repeat bottom left; position:absolute;}

/*   MAIN STYLES   */
.container {width:940px; margin:0 auto; overflow:hidden; }
#content {padding:28px 0 28px 0; width:940px; overflow:hidden;}
.bread-crumbs {border-bottom:1px solid #e1e1e1; color:#9f9f9f; font-size:10px; padding:0 0 7px 0; margin:-10px 0 21px 0;}
.bread-crumbs a {color:#9f9f9f; text-decoration:none;}
.bread-crumbs a:hover {color:#898989;}
.float-container {width:940px; overflow:hidden;}
.alignright {float:right; margin:0 0 10px 10px;}
.alignleft {float:left; margin:0 10px 10px 0;}
.aligncenter { margin-bottom:12px; text-align:center;}
#content img {background:#fff; padding:5px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
.imageborder {background:#fff; padding:5px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
#content .noborder, #content .noborder img {padding:0px; background:transparent; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc;}
.feature-box {border:1px solid #d1d1d1; padding:24px 28px 21px 28px; margin-bottom:30px; width:882px; overflow:hidden; background:url(../images/feature-box-bg.png) top left repeat-x;}
.feature-box h1, .feature-box h2, .feature-box h3, .feature-box h4, .feature-box h6 {color:#555; margin-bottom:3px;}
.feature-box h5  {color:#757575; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-weight:normal; font-size:13px; }
.left-feature-box {float:left; width:700px; }
.right-feature-box {float:right; width:178px; margin-top:3px;}
.content-slide .big-button {-moz-box-shadow: 0 1px 4px #3d3d3d; -webkit-box-shadow: 0 1px 4px #3d3d3d;}
.divider {border-bottom:1px solid #e1e1e1; color:#9f9f9f; margin-bottom:35px; padding-bottom:25px;}
blockquote {font-style:italic; line-height:24px; font-size:14px; color:#626262; background:url(../images/blockquote.png) 15px 9px no-repeat; padding:5px 0 0 50px; margin-bottom:20px;}
#content ul.checkmark li { margin-left:0px; background:url(../images/checkmark.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#content ul.arrow li { margin-left:0px; background:url(../images/sidebar-arrow.png) 0px 4px no-repeat; padding:0 0 2px 20px; list-style:none;}
#content ul li {list-style:circle; margin-left:20px;}
#content ol li {list-style:decimal; margin-left:23px;}
.button {font-size:12px; font-weight:bold; color:#858585; font-family: Arial, sans-serif;
	background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x;
	display: inline-block;
	padding: 10px 19px 11px 19px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	border-bottom: 1px solid #b8b8b8;
	position: relative;
	cursor: pointer;
}
a.button:hover {background-color:#fff; color:#787878;}
.big-button {font-size:14px; font-weight:bold; color:#fff; font-family: Arial, sans-serif;
	background: #434343 url(../images/big-button-overlay.png) top left repeat-x;
	display: inline-block;
	padding: 10px 19px 11px 19px;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 4px #999;
	-webkit-box-shadow: 0 1px 4px #999;
	border-bottom: 1px solid #343434;
	position: relative;
	cursor: pointer;
}
a.big-button:hover {background-color:#373737; color:#fff;}
#portfolio {padding-top:8px;}
#portfolio .divider {margin-top:8px;}
#portfolio ul.four-column-portfolio {list-style:none; margin-left:0px; margin-bottom:-20px; }
#portfolio ul.four-column-portfolio li {display:inline; margin:0px 27px 0px 0; padding:0px; width:130px;}
#portfolio ul.four-column-portfolio li.last {margin-right:0px;}
#portfolio ul.four-column-portfolio li img {margin-bottom:28px;}
#portfolio img {margin-bottom:10px;}
.pagination {text-align:right; margin-bottom:15px;  color:#6f6f6f; font-size:11px;}
.pagination a {color:#6f6f6f; padding:8px 10px; background-color:#e4e4e4; margin-right:1px; text-decoration:none; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.pagination a:hover {background-color:#dadada;}
.pagination a.selected, .pagination a.selected:hover {background-color:#686868; color:#fff; }
.post-heading {width:646px; overflow:hidden; margin:0px 0 15px 0;}
.post-data {width:600px; float:left; color:#7d7d7d; font-size:11px;}
.blog-post .divider {margin:5px 0 28px 0;}
h2.blogpost {font-size:30px; line-height:31px; margin-bottom:4px; margin-top:2px;}
.comments {float:right; text-align:center;  width:31px; height:34px; font-size:15px; }
.comments a {color:#949494; margin-top:13px; background:url(../images/blog-comments.png) 0px 0px no-repeat; display:block;  width:32px; height:30px; text-decoration:none; padding-top:4px;}
.comments a:hover {color:#6a6a6a; background:url(../images/blog-comments.png) 0px -34px no-repeat;}
#content .blog-post img {background:#fff; padding:6px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}
.blog-post .button {margin:4px 0 5px 0;}
#author_description { width:636px; overflow:hidden; margin:15px 10px 0 0;}
#author_description img {float:left;  margin:0 25px 0 10px;}
#content #main-content-sidebar ol.commentlist {list-style:none; margin:25px 0 20px 0; width:646px; overflow:hidden; }
#content #main-content-sidebar ol.commentlist li { list-style:none; margin:0 0 15px 0;  width:646px; overflow:hidden; }
.avatarimage {float:left; width:75px;}
.comment-body {float:right; width:525px; background:url(../images/comment-bg.png) top left no-repeat; padding:20px 10px 20px 30px;}
.comment-body p {margin-bottom:8px;}
.comment-author {font-size:16px; padding-bottom:5px;}
.comment-date {font-size:12px; padding-left:10px;}
#respond input, #respond textarea {border:1px solid #d5d5d5; padding:5px; font-size:13px; background:#f9f9f9;}
#respond h3 {padding:15px 0 15px 0;}
#map iframe {background:#fff; padding:6px; -moz-box-shadow: 0 0px 5px #ccc; -webkit-box-shadow: 0 0px 5px #ccc;}

/*   SIDEBAR STYLES   */
.sidebar {float:right; width:238px; margin-top:5px; padding:32px 0 0 32px; background:url(../images/sidebar-divider.png) top left no-repeat;}
#main-content-sidebar {width:646px; float:left; }
#content .sidebarleft {float:left; background:url(../images/sidebar-divider-left.png) top right no-repeat; padding: 0px 32px 0 0; margin-right:24px;}
#content .sidebarleft #sidebar-base {background:url(../images/sidebar-base-left.png) top left no-repeat; left:250px;}
#sidebar-base {background:url(../images/sidebar-base.png) top left no-repeat; height:86px; width:20px; position:relative; right:32px;}
.sidebardivider {margin-bottom:40px;}
.sidebar h4 {margin-bottom:10px;}
#content ul.submenu li {list-style:none; margin-left:0px;}
ul.submenu li a {display:block; padding:0 0 15px 34px; text-decoration:none; background:url(../images/submenu-list.png) 0px 6px no-repeat;}
ul.submenu li a:hover {color:#000; background:url(../images/submenu-list.png) 0px -69px no-repeat;}

/*   COLUMNS   */
.grid2column, .grid3column, .grid3columnbigcolumn, .grid4column, .grid4columnbig, .grid5column {float:left;}
.grid2column {width:455px; margin-right:30px; }
.grid3columnbigcolumn {width:616px; margin-right:30px;}
.grid3column {width:293px; margin-right:30px; }
.grid4column {width:212px; margin-right:30px;}
.grid4columnbig {width:696px; margin-right:30px;}
.lastcolumn, #main-content-sidebar .lastcolumn {margin-right:0px !important;}
#main-content-sidebar .float-container {width:646px; }
#main-content-sidebar .grid2column {width:308px; margin-right:30px; }
#main-content-sidebar .grid3column {width:195px; margin-right:30px; }
#main-content-sidebar .grid4column {width:139px; margin-right:30px; }
#main-content-sidebar .grid3columnbigcolumn {width:420px; margin-right:30px; }
#main-content-sidebar .grid4columnbig {width:477px; margin-right:30px;}

/*   SOCIAL NETWORKING ICONS   */
.social-email, .social-linkedin, .social-twitter, .social-facebook, .social-flickr, .social-rss {width:20px; height:20px; padding-right:7px; display:block;  float:left; text-indent:-999px;}
a.social-email {background:url(../images/social-email.png) 0px -20px no-repeat;}
a.social-email:hover {background:url(../images/social-email.png) 0px 0px no-repeat;}
a.social-linkedin {background:url(../images/social-linkedin.png) 0px -20px no-repeat;}
a.social-linkedin:hover {background:url(../images/social-linkedin.png) 0px 0px no-repeat;}
a.social-twitter {background:url(../images/social-twitter.png) 0px -20px no-repeat;}
a.social-twitter:hover {background:url(../images/social-twitter.png) 0px 0px no-repeat;}
a.social-facebook {background:url(../images/social-facebook.png) 0px -20px no-repeat;}
a.social-facebook:hover {background:url(../images/social-facebook.png) 0px 0px no-repeat;}
a.social-flickr {background:url(../images/social-flickr.png) 0px -20px no-repeat;}
a.social-flickr:hover {background:url(../images/social-flickr.png) 0px 0px no-repeat;}
a.social-rss {background:url(../images/social-rss.png) 0px -20px no-repeat;}
a.social-rss:hover {background:url(../images/social-rss.png) 0px 0px no-repeat;}


#footer #jtwt { margin-bottom:28px; overflow:hidden; }
#footer #jtwt_picture {float:left;  padding:5px 10px 55px 0; }
#footer #jtwt_tweet a {text-decoration:underline;}
#footer #jtwt_date {font-size:10px; font-style:italic; padding-top:5px;}
#footer a#jtwt_date {color:#989898; text-decoration:none;}
#footer a#jtwt_date:hover {color:#a7a7a7; text-decoration:none;}
.sidebar #jtwt_picture {float:left;  padding:5px 10px 55px 0; }
#content .sidebar #jtwt img {-moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc; padding:0px; background:transparent; }
.sidebar #jtwt { margin-bottom:20px; overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:15px; }
.sidebar #jtwt_tweet a {text-decoration:underline;}
.sidebar a#jtwt_date {color:#838383; text-decoration:none; font-size:10px; font-style:italic; padding-top:5px;}
.sidebar a#jtwt_date:hover {color:#979797; text-decoration:none;}
.sidebar #flickrsidebar ul {list-style:none; margin:7px 0 0 0; padding:0px;}
.sidebar #flickrsidebar ul li {display:inline; margin:0px; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img {margin:0px 7px 7px 0px; width:65px; height:65px; border:3px solid #d8d8d8;  opacity: 0.8; -moz-opacity: 0.8; -moz-box-shadow: 0 0px 0px #ccc; -webkit-box-shadow: 0 0px 0px #ccc; padding:0px; background:transparent;}
.sidebar #flickrsidebar ul li img:hover {opacity: 1; -moz-opacity: 1;}
#flickrfooter ul {list-style:none; margin:7px 0 0 0; padding:0px;}
#footer-top #flickrfooter ul li {display:inline; margin:0px; padding:0px; background:transparent;}
#footer-top #flickrfooter ul li a {background:transparent;}
#flickrfooter ul li img {margin:0px 12px 8px 0px; width:48px; height:48px;  border:3px solid #c9c9c9;  opacity: 0.8; -moz-opacity: 0.8;}
#flickrfooter ul li img:hover {opacity: 1; -moz-opacity: 1; }
#footer-top #flickrfooter ul li a {display:inline; padding:0px; margin:0px;}


/*   CONTACT FORM STYLING   */
#contact-wrapper { width:450px; }
#contact-wrapper div { clear:both; margin:1em 0; }
#contact-wrapper label { display:block; float:none; width:auto; }
form#contactform input {background:#fff; border-color:#B7B7B7 #e3e3e3 #E8E8E8 #B7B7B7; border-style:solid; border-width:1px;	padding:5px; font-size:14px; width:295px; }
form#contactform textarea {background:#fff; font-size:14px; padding:0.6em 0.5em 0.7em;border-color:#B7B7B7 #e3e3e3 #E8E8E8 #B7B7B7;  border-style:solid; border-width:1px; }
#contact-wrapper input.error, #contact-wrapper textarea.error {font-size:14px;}
#contact-wrapper .error {color:#666; font-style:italic; margin-bottom:0px; font-size:11px;}
form#contactform input.submit-form {width:115px; cursor:pointer; display:inline-block;  text-decoration:none !important; font-size:12px; font-weight:bold; color:#858585; font-family: Arial, sans-serif;	background: #f6f6f6 url(../images/big-button-overlay.png) top left repeat-x; border-right:1px solid #B7B7B7;	padding: 10px 19px 11px 19px;line-height: 1;	-moz-border-radius: 4px;	-webkit-border-radius: 4px; -moz-box-shadow: 0 1px 3px #ccc; -webkit-box-shadow: 0 1px 3px #ccc; border-bottom: 1px solid #b8b8b8; position: relative; cursor: pointer;}
form#contactform input.submit-form:hover {background-color:#fff; color:#787878;}


/*   FOOTER STYLES   */
#footer {border-top:5px solid #d3d3d3; color:#b2b2b2; background:url(../images/footer.png) top left repeat-x; text-shadow: 1px 1px 1px #000; }
#footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#fff; padding-bottom:6px !important;}
#footer-top a {color:#dadada; text-decoration:none;}
#footer-top a:hover {color:#fff;}
#footer-top {width:940px; margin:0 auto; overflow:hidden; padding:32px 0 15px 0;}
#footer-top ul li a {display:block; padding:0 0 15px 15px; background:url(../images/footer-list.png) 0px 6px no-repeat;}
#footer-base {background:url(../images/footer-base.png) top left repeat-x; font-size:12px; color:#a9a9a9; padding:21px 0 22px 0;}
#footer-base a {color:#e1e1e1; text-decoration:none;}
#footer-base a:hover {color:#fff;}
#footer-base #copyright {float:left;}
#footer-base ul {float:right; margin:0px; padding:0px;}
#footer-base ul li {display:inline; padding-left:30px;}