/* @group Globals */

body {
	color: #333;
	text-align: center;
	background: #f7f7f7;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 150%;
}

/* Typography */

h1, h2, h3 {
	font-weight: normal;
	line-height: 120%;
	margin-bottom: 30px;
}

h1, h2 {
	font-size: 38px;
}

h3 {
	font-size: 24px;
	margin: 20px 0;
}

h4 {
	font-size: 14px;
	margin: 20px 0;
}

h5 {
	color:#999999;
	font-size:14px;
	font-variant:small-caps;
	line-height:20px;
	text-transform:lowercase;
	font-weight: normal;
}

p {
	margin: 10px 0;
}

#page-index h1, #page-index h2, #page-index h3 {
	color: #444;
}

#page-blog h1, #page-blog h2, #page-blog h3 {
	color: #444;
}

#page-blog h1 {
	border-bottom: 2px solid #ccc;
}

#page-general h1, #page-general h2, #page-general h3 {
	color: #444;
	border-bottom: 2px solid #ccc;
}

#page-quotes h1, #page-quotes h2, #page-quotes h3 {
	color: #444;
	border-bottom: 2px solid #ccc;
}
.title-bar {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}


/* Links */

a {
	text-decoration: none;
       color:#ee6600;
}

a:hover {
	text-decoration: underline;
	color: #777;
}

#talk-to-us a {
	color: #fff;
	font-style: italic;
}

#page-index #main a {
     text-decoration:underline;
}

#page-index #main a:hover {
     text-decoration:none;
}
 #page-quotes .quote a {
	color: #777;
}
a.twtr {
	background:transparent url(./themes/site_themes/twitter-icon.gif) no-repeat scroll 0 -1px;
	padding:0 0 0 20px;
}
/* Layout */


#container {
	text-align: left;
	width: 850px;
	min-width: 850px;
	margin: 0 auto;
}

#content {
	background-color: #fff;
	padding-bottom: 60px;
}

#welcome {
	color:#CC6600;
	font-family:Georgia,serif;
	font-size:16px;
	font-style:italic;
}

#column-1 {
	padding: 0 50px 0 30px;
	width: 471px;
	float: left;
}

#column-2 {
	padding: 0 30px 0 0;
	width: 269px;
	float: left;
}

#page-general #column-1, #page-blog #column-1,  #page-quotes #column-1 {
	margin-top: 40px;
}

#page-general #column-2, #page-blog #column-2 {
	margin-top: 15px;
}


#nav {
	display: inline-block;
}

#container, #content, #header, #sub-header, #content, #column-1, #column-2, #feature, #blog, #footer {
	display: block;
}


/* self clearing floats, remember to add these elements to the IE stylesheets (remove :after) */

#container:after, #content:after, #header:after, #sub-header:after, #content:after, #column-1:after, #column-2:after, #feature:after, #blog:after, #footer:after, #current:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* @end */

/* @group Header */

#header {
	background: url(./themes/site_themes/bg-header.png) repeat-x;
	padding: 0 30px;
	margin-bottom: 20px;
}

#logo {
	width: 300px;;
	height: 50px;
	background: url(./themes/site_themes/logo.png) no-repeat;
	float: left;
	margin-top: 20px;
}

#logo h1 {
	display: none;
}


#nav {
	font-size: 12px;
	float: right;
        font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
       text-transform:uppercase;
       letter-spacing:1px;
}

#nav li {
	display: inline;
	float: left;
	height: 40px;
	width: 85px;       
	text-align: center;
	padding-top: 50px;
	margin-left: 10px;
}

#home-active {
	background: url(./themes/site_themes/tab-green.png) no-repeat;
	color:  #fff;
	font-weight: bold;
}

#blog-active {
	background: url(./themes/site_themes/tab-green.png) no-repeat;
	color:  #fff;
	font-weight: bold;
}

#work-active {
	background: url(./themes/site_themes/tab-green.png) no-repeat;
	color:  #fff;
	font-weight: bold;
}

#shopify-active {
	background: url(./themes/site_themes/tab-green.png) no-repeat;
	color:  #fff;
	font-weight: bold;
}

#testimonials-active {
	background: url(./themes/site_themes/tab-green.png) repeat-x;
	color:  #fff;
	font-weight: bold;
}
#nav a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#nav a:hover {
	text-decoration: underline;
}


/* @end */

/* @group Sub-header */

#sub-header {
	clear: both;
	font: 11px verdana,helvetica,arial,geneva,sans-serif;
	border-bottom: 1px solid #e4e4e4;
	color: #989898;
	background-color: #f7f7f7;
	padding: 0 30px;
	margin-bottom: 30px;
}

#sub-header a {
	color: #333;
	text-decoration: none;
}

#sub-header a:hover {
	text-decoration: underline;
}

#breadcrumb {
	float: left;
}

#get-in-touch {
	float: right;
}


/* @end */

/* @group Sidebar */

.title-bar, .content-wrapper {
	padding: 0 0 0 10px;
}

#talk-to-us {
	width: 249px;
	background: #000 url(./themes/site_themes/millenium-bridge-small.jpg) no-repeat;
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 137px 10px 10px;
	margin-top: 40px;
	color: #fff;
}

#talk-to-us #what-we-do {
	border-top: 1px solid #1e1e1e;
	background: url(./themes/site_themes//what-we-do-text-small.png) no-repeat 0 10px;
	height: 37px;
	margin-top: 20px;
}

#talk-to-us #what-we-do span {
	display:  none;
}


#latest-posts, #blog {
	border-bottom: 2px solid #fb4a1b;
	padding-bottom: 30px;
}

#page-index #blog {
	border-bottom: none;
}

#blog {
	padding-bottom: 10px;
}

#blog #nav_archive, #blog #nav_categories,  #blog #nav_favourites,  #blog #nav_recently {
	margin-left:10px;
}


#latest-posts .title-bar, #blog .title-bar, #map .title-bar {
	background: url(./themes/site_themes/bg-orange.png) repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 30px;
}

#blog .quote {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#f7f7f7 none repeat scroll 0 0;
	overflow:auto;
	padding:15px;
}

#latest-posts a {
	color: #333;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#latest-posts li {
	padding-bottom: 8px;
}


/* @end */

/* @group Quotes */

#page-quotes .quote {
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	background:#f7f7f7 none repeat scroll 0 0;
	overflow:auto;
	padding:15px;
}

#page-quotes .author {
	margin-top:-5px;
}

#page-quotes .thequote {
	font-size:18px;
}

.author {
	font-style:italic;
	color:#111;
	margin-left:10px;
}
/* @end */

/* @group Index */

#main {
	color: #fff;
	padding: 243px 30px 30px;
	background: #000 url(./themes/site_themes/millenium-bridge.jpg) no-repeat;
	margin-bottom: 5px;
}

#main h2 {
	color: #fff;
	font-size: 34px;
}

#main a {
	font-style: italic;
	color: #fff;
}

#main #what-we-do {
	height:  28px;
	background: url(./themes/site_themes/what-we-do-text.png) no-repeat 0 10px;
	border-top: 1px solid #1e1e1e;
}

#main #what-we-do span {
	display: none;
}

#feature {
	height:  250px;
}

#feature h2 {
	border: none;
	font-size: 24px;
	margin-bottom: 10px;
}

#feature .title-bar {
	background: url(./themes/site_themes/bg-green.png) repeat-x;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 30px;
}

#feature img {
	float: left;
	margin-right: 20px;
	border: 3px solid #f7f7f7;
}

#page-index #blog {
	height:  290px;
	padding-bottom: 0px;
}


/* @end */

/* @group Portfolio */

.work-list {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 !important;
}

.work-list .work-thumb {
	margin-top:0;
}
.work-list li {
	float:left;
	margin:0 8px 10px 0;
	width:100px;
	}
.work-thumb {
	margin:10px 0;
}
.work-thumb {
	float:left;
	font-size:11px;
}
.work-list img, .work-list a:link img, .work-list a:visited img {
	border:5px solid #CCCCCC;
	float:left;
	margin-bottom:4px;
}

.work-list a:hover img {
	border:5px solid #999999;
}

#content .work-list strong {
	display:block;
	font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
	margin:4px 0 0;
	width:85px;
}
#content .i-did {
	color:#cc6600;
	font-size:16px;
	margin:18px 0 16px;
	font-family:Georgia,serif;
}
#content .i-did ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#content .i-did li {
	float:left;
	margin:2px 0;
	padding:0;
	text-transform:lowercase;
}
/* @end */

/* @group Contact */

#name, #email, #message {
	display:block;
	margin:3px 0 10px;
	width:460px;
}

#contact_form label {
	color:#666;
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
}

#contact_form btn {
	font-weight:bold;
}

/* @end */

/* @group Blog */

#blog h2 {
	border: none;
	font-size: 24px;
	margin-bottom: 10px;
}

#page-blog .post {
	border-bottom: 2px solid #35B454;
}


.post h2 {
	font-size: 24px;
	border-bottom: none !important;
	margin: 20px 0 0;
}

.post h2 a {
	text-decoration: none;
}

.post h2 a:hover {
	text-decoration: underline;
}

.post ul {
	margin: 0 0 20px 25px;
}

.post ul li {
	list-style-type: disc;
}

.posted-by {
	font-style: italic;
	font-size: 11px;
	color: #989898;
	margin: 10px 0 20px;
}

#paging {
	margin: 20px 0;
}

#paging #back-link {
	margin-right: 10px;
}

.comment {
	background-color: #f7f7f7;
	padding: 15px;
	margin: 20px 0 10px;
}

.notice {
	font-style: italic;
}

.comments-details {
	padding-top: 20px;
}

#comments {
	padding: 10px 0;
}

#comment-form h2 {
	border-bottom: none;
	font-size: 24px;
}

#comment-form .posted-by {
	margin-top: 0px;
}


#comment-form input, #comment-form textarea {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	width:  460px;
	border: 1px solid #e4e4e4;
	padding: 5px;
	margin-bottom: 10px;
}

#comment-form .submit {
	width: 100px;
	color: #fff;
	background-color: #8a6491;
	border-style: none;
}


/* @end */

/* @group Page */

.quote {
	background-color: #f7f7f7;
	padding: 15px;
	margin: 20px 0;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	font: 11px verdana,helvetica,arial,geneva,sans-serif;
	padding: 20px 30px 0;
	color: #989898;
}

#footer a {
	color: #989898;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer-links {
	float: left;
}

#footer-legals {
	float: right;
}

/* @end */

#content .answers {
	font: 16px Georgia, serif;
}

#content ul.answers li {
	margin-bottom:5px;
	text-transform:lowercase;
}

span.meta,  .meta {
color:#999999;
display:block;
font-size:12px;
margin:3px 0 0;
}
ol.statuses {
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
ol.statuses li {
position:relative;
}
ol.statuses > li {
border-bottom:1px dashed #D2DADA;
line-height:1.1em;
padding:0.7em 0 0.6em;
position:relative;
}
ol.statuses > li {
border-bottom:1px dotted #D2DADA !important;
}
ol.statuses .thumb {
display:block;
height:50px;
left:0;
margin:0 10px 0 5px;
overflow:hidden;
position:absolute;
width:50px;
}
ol.statuses span.status-body {
display:block;
margin-left:65px;
min-height:50px;
overflow:hidden;
}
.testimonial-author {
font-style:italic;
font-size:13px;
}