/*
Theme Name: Traxor Designs Bespoke Theme
Theme URI: http://www.traxor-designs.com/
Description: Theme created by Luke Jones for <a href="http://www.traxor-designs.com/">Traxor Designs</a>.
Version: 1.0.0
Author: Luke Jones
Author URI: http://www.traxor-designs.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

@import url(typography.css);
@import url(nav.css);
@import url(top.css);
@import url(fancybox.css);
@import url(form.css);
@import url(blog.css);


body, html {
	margin:0;
	padding:0;
}

body {
	background:url(images/bg.png) top left #262e31;
	font-family:"Segoe UI", Arial, Helvetica, Sans-Serif;
	font-size:14px;
	color:#fff;
}

/* Universal Selectors */

img { 
	border:none;
}

/* Various Visual Valuables */

#topLine {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:13px;
	background:url(images/top-line.png) top left repeat-x;
	z-index:1;
}

/* Wraps */

#mainWrap {
	position:relative;
	width:1000px;
	margin:0 auto;
	padding:13px 0 0 0;
	background:url(images/glow.png) top left no-repeat;
	overflow:hidden;
}

#contentWrap {
	width:830px;
	float:left;
	overflow:hidden;
}

#mainContentWrap {
	width:790px;
	min-height:300px;
	overflow:hidden;
	margin:0 auto;
	padding:20px 0 30px 0;
}

/* Layout */

#header {
	padding:20px 0 20px 0;
	width:830px;
	height:65px;
	background:url(images/header-contact.png) right center no-repeat;
}

#topFeature {
	width:830px;
	min-height:80px;
        padding:25px 0 1px 0;
	background:url(images/feature-shadow.png) bottom no-repeat;
}

#footer {
	width:830px;
	min-height:7px;
	padding:0 0 0 15px;
	overflow:hidden;
clear:both;
}

#footerLine {
	width:830px;
	height:7px;
	background:url(images/footer-bg.png) bottom left repeat-x;
	clear:both;
	margin:10px 0 0 0;
}

/* Content */

#carousel {
	width:490px;
	margin:0 auto;
}

.column {
	float:left;
	width:375px;
	margin:0 40px 0 0;
}

.box {
	width:330px;
	margin:0 auto;
	padding:5px 15px 2px 15px;
	background:url(images/box-bg.png) top left;
	-webkit-box-shadow:0px 0px 4px #232b2e;
	-webkit-border-radius:2px;
	-moz-box-shadow:0px 0px 3px #232b2e;
	-moz-border-radius:2px;
}

#socialMedia {
	width:260px;
	margin:0 auto;
	text-align:center;
}

#footerLeft {
	float:left;
	padding:0 0 0 20px;
}

#footerRight {
	float:right;
	text-align:right;
	padding:0 35px 0 0;
}

.portfolioItem {
	clear:both;
	margin:0 auto;
	width:790px;
	background:url(images/big-separator.png) top center no-repeat;
	padding:30px 0 20px 0;
        overflow:hidden;
}

/* Contact Details */

#contactDetails {
  width:255px;
  margin:50px auto;
}

#telephone, #skype, #address {
  width:180px;
  padding:5px 0 0 75px;
  -webkit-box-shadow:0px 0px 4px #232b2e;
  -moz-box-shadow:0px 0px 4px #232b2e;
}

#telephone {
  height:55px;
  background:url(images/contact/telephone.png) top left no-repeat;
  margin:0 0 10px 0;
}

#skype {
  height:57px;
  background:url(images/contact/skype.png) top left no-repeat;
  margin:0 0 10px 0;
}

#address {
  height:100px;
  background:url(images/contact/address.png) top left no-repeat;
  margin:0 0 20px 0;
}

/* Various */

a.noMargin, .noMargin {
	margin:0;
}

.separator {
	height:9px;
	background:url(images/separator.png) center center no-repeat;
	margin:0 0 10px 0;
}