/*------------------------------ COMMON STYLES -------------------------------*/
html {
	font-size: 100.1%;
}
body {
font:14px Myriad Pro, tahoma,arial,helvetica;
margin:0;
padding:0;
background: #b6b9bb url('/img/bg.jpg?1232');
}
a {
color:#1D67B2;
text-decoration: none;
}
a:visited {
color:#1D67B2;
text-decoration: none;
}
a:active {
color:#1D67B2;
text-decoration: none;
}
a:hover {
color:#1D67B2;
text-decoration: underline;
}
textarea {
padding:3px;
border:1px solid #C0CAD5;
font:8pt tahoma,arial,helvetica;
}
input {
padding:3px;
border:1px solid #C0CAD5;
font:8pt tahoma,arial,helvetica;
}

///reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#container {
	width:1002px;
	margin:34px 0 50px 50px;
	position:relative;
}
#bodyContainer {
	width:806px;
}

hr {
	background:#bfbfbf;
	width:100%;
	height:1px;
	padding:0;
	border:0;
	margin: 46px 0;
}
h1 {
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:60px;
}
h2 {
	font-size:14px;
	margin:0;
	padding:0;
}
.columns {
//	padding-left:1px;
	position:relative;
	overflow:hidden;
	clear:both;
}
.columns .a, .columns .b {
	float:left;
	position:relative;
}
.columns .a {
	width:168px;
}
.columns .b {
	width:638px;
	color:#464646;
}
.columns .a .tire {
	position:absolute;
	width:14px;
	height:1px;
	background:#bfbfbf;
	top:49px;
	right:5px;
}
ul.list {
	list-style:none;
	margin:0;
	padding:0;
}
	ul.list li {
		
		padding-left:18px;
		min-height:14px;
		margin-top:10px;
	}
p {
	line-height:18px;
}
a.clickMe {
	background:url('img/clickMeBlack.png') no-repeat left top;
	width:58px;
	height:58px;
	display:block;
	margin-left:4px;
}
a:hover.clickMe {
	background:url('img/clickMeColour.png');
	text-decoration:none;
}
ul.works {
	list-style:none;
	margin:0;
	padding:0;
}
.works li {
	display:block;
	margin:5px 10px 5px 0px;
	width:140px;
	height:81px;
	float:left;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}