/* CLEAR / ALIGN / IMAGE / MISC STYLES
----------------------------------------------------------------------------------------------------*/
.clear{clear:both;display:block;overflow:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clearer{clear:both;}
.align-left{float:left;}
.align-right{float:right;}
img.border{background:#FAFAFA;border:1px solid #E4E4E4;padding:8px;-webkit-border-radius:5px;-moz-border-radius:5px;}
img.align-right{margin:5px 0 10px 10px;}
img.align-left{margin:5px 10px 10px 0;}
.text-align-left{text-align:left;}
.text-align-right{text-align:right;}
blockquote{background:transparent url("../images/bg-quote.png") no-repeat left top;color:#666;font-family:Georgia,serif;font-style:italic;min-height:12px;padding:5px 0 10px 30px;line-height:20px;}
cite{display:block;float:right;}

/* MAIN STYLES
----------------------------------------------------------------------------------------------------*/
#wrapper {margin:0 auto;position:relative;width:100%;}
a#backtotop {background:url("../images/backtoptab.png") no-repeat scroll right top transparent;bottom:60px;height:51px;position:fixed;right:0;text-indent:-9999px;width:46px;}
a#backtotop:hover {background-position:left bottom;}

/* TEXT STYLES
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{color:#B71B25;font-family: 'Petrona', serif;}
h1{font-size:35px;padding:0 0 10px 0;}
h2{font-size:28px;padding:0 0 8px 0;}
h3{font-size:23px;padding:0 0 6px 0;}
h4{font-size:20px;padding:0 0 5px 0;}
h5{font-size:17px;padding:0 0 4px 0;}
h6{font-size:15px;padding:0 0 2px 0;}
p {font-size:14px;line-height:20px;padding:10px 0;}

/* LINKS STYLES
----------------------------------------------------------------------------------------------------*/
a{text-decoration:none;color:#B71B25;}
a:hover{color:#424242;text-decoration:none;}

/* HEADER STYLES
----------------------------------------------------------------------------------------------------*/
#header-inner{width:960px;position:relative;margin:0 auto;}
#header-inner #logo{margin:40px 0 0 360px;}

#Navigation{width:910px;height:55px;margin:0 auto;}
#Navigation a{margin-right:12px;}
#Navigation ul{margin:0;padding:0;}
#Navigation li{display:inline;float:left;margin:0 2px;}

/* CONTENT / CONTAINER STYLES
----------------------------------------------------------------------------------------------------*/
#content{background:none;}
.content-container{width:990px;margin:0 auto;}
.content-top{height:20px;}
.content-inner{padding:0 15px;position:relative;}
.content-bottom-grey{height:20px;}
.main-content{float:left;margin:30px 10px 0 20px;padding-bottom:30px;position:relative;width:610px;}
.main-content-full{padding:30px 20px;position:relative;width:920px;overflow:hidden;}
.sidebar-content{float:left;margin-left:20px;position:relative;width:300px;}

/* HOMEPAGE STYLES
----------------------------------------------------------------------------------------------------*/

.slider_area {width:900px;margin:0 auto; border: 8px solid #e5e5e5 }


/*HOME PAGE*/
.home-top-panel{margin:0 20px;}
.what-we-panel{float:left;width:920px;margin-left:5px;margin-right:25px;}
.recent-work-panel{float:left;width:290px;}
.home-middle-panel{margin:20px;}
.middle-col-one, .middle-col-two, .middle-col-three{float:left;background:url("/images/boxbg.png") no-repeat 0 0;width:270px;height:282px;}
.middle-col-one h4, .middle-col-two h4 {padding-top:100px;text-align:center}
.middle-col-three h4{padding-top:20px;text-align:center}
.middle-col-one h4{background:transparent url("/images/box-img-01.gif") no-repeat center 10px;}
.middle-col-two h4{background:transparent url("/images/box-img-02.gif") no-repeat center 10px;}
.middle-col-one p, .middle-col-two p{padding:25px 10px 0;text-align:center}
.middle-col-three p{padding:10px 0px 0;text-align:center}
.middle-col-two{margin:0 50px;}
.bottom-col-one, .bottom-col-two{float:left;width:445px;}
.bottom-col-one{margin-right:30px;}
.bottom-col-two p{padding:0;}
.bottom-col-two img{margin:0;}
.home-bottom-panel{margin-top:20px;padding:30px 20px;}
.recent-container{width:290px;margin-top:17px;}
.recent-image{float:left;}
.recent-right{margin-left:20px;}
.recent-image img{border:5px solid #ccc;opacity:1;}
.recent-image a:hover img{opacity:0.8;}
/*PIECEMAKER SLIDER*/
#slider3d {height:460px;margin:0 auto;padding:0;width:960px;}

/* ABOUT US / TEAM STYLES
----------------------------------------------------------------------------------------------------*/
.top-team-row{margin-top:10px;}
.bottom-team-row{margin-top:20px;}
.team-member-left{float:left;width:290px;;border-right:1px dashed #ccc;padding-right:10px;}
.team-member-right{float:right;width:290px;}

/* CONTACT US STYLES
----------------------------------------------------------------------------------------------------*/
#map-holder{background:url("../images/map-holder.jpg") no-repeat;width:610px;height:287px;position:relative;}
#map_canvas {width:590px;height:250px;position:absolute;top:10px;left:10px;}
.ContactForm {padding:10px;margin:10px 0 0 30px;}
.ContactForm input {font-size:12px;color:#424242;}
.ContactForm input:focus, textarea:focus {background:#eee;color:#424242;border:1px solid #bbb;}
.ContactFormRow {width:100%;overflow:hidden;margin-bottom:20px;}
.ContactFormCol {width:98%;float:left;display:inline;text-align:center;position:relative;margin-top:10px}
.ContactFormCol label {font-size:13px;line-height:16px;vertical-align:middle;color:#B71B25;}
.ContactFormCol span{color:#bbb;font-style:italic;padding-left:5px;vertical-align:middle;}
.ContactInputReg, textarea.ContactInputReg {width:70%;padding:10px;margin-top:3px;font:normal 12px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;}
.ContactInputSub {width:60%;cursor:pointer;padding:7px;margin-top:15px;font:normal 12px 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;color:#424242;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;}
.ContactFormButton{border:none;cursor:pointer;margin:0;background:url("../images/btn-getintouch.png") no-repeat 0 0;width:105px;height:32px;text-indent:-9999px;color:transparent;text-transform:capitalize;display:block;}
.ContactFormButton:hover{background-position:0 -32px;}
label.error {color:#ff1800;font-size:12px;position:absolute;right:10px;text-align:right;top:0;}

/* SIDEBAR STYLES
----------------------------------------------------------------------------------------------------*/
.social-icons{text-indent:-9999px;padding:20px 0;}
.social-icons ul{margin-left:35px;}
.social-icons li{background:url("../images/social-icons.jpg") no-repeat 0 0;margin-left:20px;}
.social-icons li.twitter{float:left;width:48px;height:48px;background-position:0 0;}
.social-icons li.twitter:hover{background-position:0 -48px;}
.social-icons li.facebook{float:left;width:48px;height:48px;background-position:-48px 0;}
.social-icons li.facebook:hover{background-position:-48px -48px;}
.social-icons li.rss{float:left;width:48px;height:48px;background-position:-96px 0;}
.social-icons li.rss:hover{background-position:-96px -48px;}
.social-icons li a{display:block;width:48px;height:48px;}
#sidebar-nav {margin-top:30px;}
#sidebar-nav li {margin:0;width:285px;padding:0;float:right;}
#sidebar-nav li#top {border-top:1px solid #DCDDDC;}
#sidebar-nav li a {border-bottom:1px solid #DCDDDC;border-top:1px solid #FFFFFF;color:#797C80;display:block;font-size:14px;font-weight:bold;padding:16px 0 16px 20px;width:265px;}
#sidebar-nav li a:hover{text-decoration:none;color:#222;}
#sidebar-nav .current a {background:url("../images/sidebar-active.png") no-repeat 0 0;border:0 none !important;color:#FFFFFF;padding:16px 0 16px 35px;float:right;text-shadow:1px 1px 0 #01305f;}
#sidebar-nav .current a:hover{color:#fff;}
.sidebar-search, .sidebar-cats, .sidebar-ads, .tag-cloud {margin:30px 10px 0 0;}
.sidebar-search h4, .sidebar-cats h4, .sidebar-ads h4, .tag-cloud h4, .sidebar-mission h4, .sidebar-contact h4{border-bottom:1px dashed #ccc;margin-bottom:15px;}
.search-box {background:url("../images/search.png") no-repeat scroll 0 0 transparent;overflow:hidden;padding-left:5px;position:relative;width:285px;}
.search-left {background:url("../images/search.png") repeat-x scroll 0 -34px transparent;border:medium none;float:left;font-size:14px;color:#666;height:20px;margin:0;padding:7px;width:250px;}
.search-submit {background:url("../images/search.png") no-repeat scroll 0 -68px transparent;border:medium none;cursor:pointer;float:left;height:34px;margin:0;overflow:hidden;padding-top:34px;position:absolute;right:0;width:32px;text-indent:-9999px;}
.sidebar-cats ul li {background:none;border-bottom:1px solid #eee;line-height:22px;overflow:hidden;padding:0;}
.sidebar-cats ul li:hover, #sidebar ul li.current-cat {background:#e4e4e4;}
.sidebar-cats ul li a {background:transparent url("../images/sidebar-arrow.png") no-repeat 2px center;color:#424242;display:block;padding:5px 0 5px 20px;}
.sidebar-cats a:hover, #sidebar .current-cat a, #sidebar li.active a {color:#B71B25;}
.sidebar-125ad{float:left;}
.sidebar-125ad img{border:4px solid #ddd;}
.sidebar-125ad img:hover{border:4px solid #bbb;}
.ad-left{padding:0 0 10px 10px;}
.ad-right{padding:0 0 10px 10px;}
.tag-size-11{font-size:11px;}
.tag-size-12{font-size:12px;}
.tag-size-13{font-size:13px;}
.tag-size-14{font-size:14px;}
.tag-size-15{font-size:15px;}
.tag-size-16{font-size:16px;}
.tag-size-17{font-size:17px;}
.tag-size-18{font-size:18px;}
.tag-size-19{font-size:19px;}
.tag-size-20{font-size:20px;}
.sidebar-mission{margin:37px 10px 0 0;}
.sidebar-contact{margin:30px 10px 30px 0;}
.sidebar-contact p{padding:0;}
.sidebar-contact span{color:#B71B25;font-size:14px;font-weight:bold;padding-bottom:3px;}

/* TERMS + FULL WIDTH STYLES
----------------------------------------------------------------------------------------------------*/
.main-content-full h3{padding:25px 0 10px 0;}
.main-content-full p{padding:0 0 10px 0;}
.main-content-full ul.styled{list-style-type:disc;margin:0 0 0 30px;}
.main-content-full li{line-height:20px;}

/* FOOTER STYLES
----------------------------------------------------------------------------------------------------*/
.footer-inner{width:920px;position:relative;margin:0 auto;padding:20px 10px 0 10px;}
.footer-module{float:left;width:290px;}
.footer-module h4{border-bottom:1px solid #ddd;padding-bottom:8px;}
.middle{margin:0 25px;}

.footer-module ul#recent-blog{margin-top:15px;}
.footer-module ul#recent-blog li {background:none;border-bottom:1px dashed #ddd;line-height:22px;overflow:hidden;padding:0;}
.footer-module ul#recent-blog li a:hover{color:#424242;}
.footer-module ul#recent-blog li a {background:transparent url("../images/sidebar-arrow.png") no-repeat 2px center;color:#B71B25;display:block;padding:5px 0 5px 20px;}

.flickr-top{width:290px;margin:20px 0 0 0;}
.flickr-bottom{width:290px;margin:20px 0 0 0;}
.flickr-image{float:left;}
.flickr-image img{border:5px solid #ccc;opacity:1;}
.flickr-image a:hover img{opacity:0.6;}
.flick-mid{margin:0 17px;}

.tweet {color:#666;width:290px;}
.tweet .tweet_list {margin:10px 0 0 0;padding:0;}
.tweet .tweet_list li {overflow:auto;padding:10px 0;}
.tweet .tweet_list li a{color:#B71B25;}
.tweet .tweet_list li a:hover{color:#424242;}
.tweet .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar {padding-right:.5em;float:left;}
.tweet .tweet_list .tweet_avatar img {vertical-align:middle;}

/* BASE FOOTER STYLES
----------------------------------------------------------------------------------------------------*/
#base-footer{width:100%;background:#444;border-top:3px solid #000;}
#base-footer-inner {width:940px;margin:0 auto;padding:20px 10px 0 10px;}
#base-footer-inner p {color:#666;font-size:11px;padding:0 0 25px 0;}
#base-footer-inner p span {font-weight:bold;font-style:italic;}
#base-footer-left {float:left;padding:0;width:650px;}
#base-footer-right {float:right;padding:0;text-align:right;width:250px;}
#base-footer-right ul.base-footer-icons li{float:right;margin:0 5px;}
#base-footer a {color:#B71B25;font-size:10px;font-weight:bold;}
#base-footer a:hover {color:#fff;}


/* Tables */
table {
	width: 100%;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fcfcfc;
	padding: 0;
	margin-bottom: 30px;
}
table.half { width: 560px; }
	table tr th,
	table tr td {
		text-align: left;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		padding: 8px 15px 8px 15px;
	}
	table thead tr th {
		color: #505050;
		font-size: 14px;
		font-weight: bold;
	}
	table tr td { font-size: 14px; }
	table tr.highlight td { background: #f3f3f3; }
	table .no_right_border { border-right: 0; }
	table .no_bottom_border { border-bottom: 0; }