/*
Theme Name: Design Spike Blog
Theme URI: http://www.designspike.ca
Description: Wordpress Theme for <a href='http://www.designspike.ca'>Design Spike</a>
Version: 1.0
Author: Design Spike
*/

body {
	margin: 0;
	background: #323232 url('images/all-glow.gif') no-repeat fixed 50% 0;
	color: #323232;
	font: 16px Lucida Sans Unicode, Lucida Grande, Arial, sans-serif;
}
.all {
	width: 832px;
	margin: 0 auto;
	min-height: 1029px;	
}
* html .all {
	height: 1029px;
}
img {
	border: none;
}
a {
	color: #323232;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
#header {
	width: 816px;
	margin: 0 auto;
	overflow: hidden;
}
.logo-call-us-over {
	width: 816px;
	overflow: hidden;
}
.logo {
	background: url('images/logo.png') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin: 40px 0 0 0;
	float: left;
}
.logo a {
	display: block; 
	width: 215px;
	height: 38px;
}
.call-us {
	float: right;
	color: #fff;
	font: bold 16px Arial, Verdana, Tahoma, sans-serif;
	text-transform: uppercase;
	margin: 38px 17px 0 0;
	display: inline;
}
.call-us p {
	margin: 10px 0 0 0;
}
#header ul {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
	width: 816px;
	background: url('images/nav-bg.gif') repeat-x;
	overflow: hidden;
}
#header li {
	padding: 0 12px 0 42px;
	float: left;
}
#header li a {
	display: block;
 	height: 44px;
 	text-indent: -9999px;
	overflow: hidden;
}
#header #home a {
	width: 52px;
	background:url('images/home.gif') no-repeat;
}
#header #order a {
	width: 64px;
	background:url('images/order.gif') no-repeat;
}
#header #work a {
	width: 100px;
	background:url('images/ourwork.gif') no-repeat;
}
#header #faq a {
	width: 36px;
	background:url('images/faq.gif') no-repeat;
}
#header #contact a {
	width: 84px;
	background:url('images/contact-nav.gif') no-repeat;
}
#header li a:hover {
	background-position: 0 -44px !important;
}
#content {
	width: 832px;
	background: url('images/cont-shadow-top.png') no-repeat;
	padding: 15px 0 0 0;
	margin: -8px 0 0 0;
	position: relative;
}
.cont-shadow {
	width: 832px;
	background: url('images/cont-shadow.png') repeat-y;
}
.content-all {
	width: 802px;
	background: #fff;
	padding: 0 7px 60px 7px; 
	margin: 0 8px;
}
.cont-shadow-btm {
	width: 832px;
	background: url('images/cont-shadow-btm.png') no-repeat;
	height: 15px;
	overflow: hidden;
}
.cont-img {
	display: block;
	text-align: center;
}
.columns {
	overflow: hidden;
	height: 1%;
	margin: 15px 0 0 0;
}
.col1 {
	width: 395px;
	padding: 20px 35px 0 30px;
	display: inline;
	float: left;
	background: url('images/col-border.gif') no-repeat 100% 150px;
}
.col1 h2 {
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 35px;
	letter-spacing: -0.1em;
}
.col1 h3 {
	margin: 0 0 28px 0;
	font-size: 38px;
	letter-spacing: -0.1em;
}
.col1 p, .col1 ul, .col1 ol, .col2 p {
	margin: 0;
	padding: 0 0 22px 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
.col1 li {
	margin-left: 25px;
}
.col1 p strong, .col2 p strong {
	font-weight: bold;
}
.col12 {
	width: 772px;
	padding: 20px 0 0 30px;
	display: inline;
	float: left;
	/*background: url('images/col-border.gif') no-repeat 100% 65%;*/
}
.col12 h2 {
	margin: 0 0 0 0;
	font-weight: bold;
	font-size: 35px;
	letter-spacing: -0.1em;
	padding-bottom: 15px;
}
.col12 h3 {
	margin: 0 0 28px 0;
	font-size: 38px;
	letter-spacing: -0.1em;
}
.col12 h4 {
	margin: 0 0 28px 0;
	font-size: 21px;
	letter-spacing: -1.5px;
	color: #333333;
}
.col12 p, .col12 li {
	margin: 0;
	padding: 0 0 22px 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
#client_industries li {
	padding-bottom: 2px;
}
.col12 p strong {
	font-weight: bold;
}
#work_samples {
	margin: 0;
	padding: 0;
}
#work_samples li {
	width: 350px;
	list-style: none;
	float: left;
	height: 255px;
	text-indent: 4px;
	padding-right: 35px;
	margin-bottom: 35px;
}
.spike-design {
	display: block;
	text-align: right;
	margin: 8px 0 0 0;
}
.col2 {
	width: 317px;
	padding: 0 0 0 25px;
	float: left;
}
.get-start-btn span {
	display: block;
	width: 238px;
	height: 48px;
	margin: 18px 0 0 0;
	padding: 17px 6px 0 0;
	background: url('images/get-started-online-btn.gif') no-repeat;
	text-align: center;
}
.get-start-btn a {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: none;
}
.get-start-btn a:hover span {
	text-decoration: underline;
}
h4 {
	margin: 0 0 12px 0;
}
#whats_included ul,
#whats_included li,
#whats_included p{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #333333;
}
#whats_included ul {
	margin: 0;
}
#whats_included li {
	list-style-type: disc;
	line-height: 18px;
	margin-left: 25px;
}
.call {
	display: block;
	margin: 3px 0 0 20px;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: -0.1em;
}
.col2 ul {
	margin: 30px 0 0 13px;
	padding: 0;
	list-style: none;
}
.col2 li {
	padding: 0;
	font-size: 20px;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}
#footer {
	width: 816px;
	background: #323232 url('images/footer-bg.gif') repeat-x;
	padding: 10px 0 14px 0;
	margin: -8px auto 0 auto;
	overflow: hidden;
}
#footer ul {
	margin: 0;
	padding: 0 0 0 28px;
	float: left;
	list-style: none;
}
#footer li {
	padding: 0 10px 0 8px;
	background: url('images/footer-separation.gif') no-repeat 100% 70%;
	display: inline;
	line-height: 13px;
}
#footer li.last {
	background: none;
}
#footer li a {
	color: #969692;
	font-size: 12px;
	text-decoration: none;
}
#footer li a:hover {
	color: #fff;
}
.calling {
	float: right;
	color: #fff;
	font-size: 14px;
	padding: 2px 15px 0 0;
	display: inline;
	letter-spacing: -0.1em;
}
.contact_form_element {
	width: 380px;
}

/*Begin: Navigation Highlights*/

#header .activate-home #home a, #header .activate-order #order a, #header .activate-work #work a,
#header .activate-faq #faq a, #header .activate-contact #contact a, #header .activate-blog #blog a {
	background-position: 0 -44px;
}

.contactSendButton {
	width: 61px; 
	height: 27px;
	background: url(images/contact-send-button.gif) no-repeat left top;
	border: none;
	outline: none;
	cursor: pointer;
}

/*End: Navigation Highlights*/