@charset "utf-8";

* {
		margin: 0;
		padding: 0;
	}

body {
		font:72.5%/1.5 "Lucida Grande", LucidaGrande, "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#000;
		text-align: center;
		background: #DA2420;
	}
	
a img {
		border: none;
	}
	
ul {
		list-style: none;
	}
	
address {
		font-style: normal;
		display: inline;
	}
	
blockquote {
		font-family: Georgia, "Trebuchet MS", serif;
		font-style: italic;
		color: #CC3333;
		font-size: 1.6em;
		margin-bottom: 22px;
		line-height: 1.4em;
	}
#content blockquote {
		margin-top: 40px;
	}
	
#container {
		width: 100%;
		text-align: left;
		background: #fff url(../images/bg-header.jpg) repeat-x top left;
	}
#containerFoot {
		background: transparent url(../images/bg-footer.jpg) repeat-x bottom left;
		width: 100%;
	}
#containerInner {
		width: 680px;
		margin: 0 auto 0 auto;
	}
	
#bodyWrap {
		margin: 30px 0 50px 0;
		font-size: 1.1em;
	}
	

	
/* [+] -- HEAD -------------------------------- */

#head {
		min-height: 190px;	
		position: relative;
	}

#head img {
		position: absolute;
		bottom: 0;
		left: 0;
	}
	
#head li {
		float: left;
	}
#head li a {
		display: block;
		height: 67px;
	}
#head li span {
		position: absolute;
		left: -2000px;
	}
#head li.active a {
		background-position: bottom left;
	}
	
#menu-home a {
		background: url(../images/menu-home.png) no-repeat top left;
		width: 62px;
	}
#menu-do a {
		background: url(../images/menu-whatwedo.png) no-repeat top left;
		width: 100px;
	}
#menu-work a {
		background: url(../images/menu-who-work.png) no-repeat top left;
		width: 151px;
	}
#menu-who a {
		background: url(../images/menu-who-we-are.png) no-repeat top left;
		width: 101px;
	}
#menu-contact a {
		background: url(../images/menu-contact.png) no-repeat top left;
		width: 90px;
	}

#menu-home a:hover {
		background: url(../images/menu-home.png) no-repeat bottom left;
	}
#menu-do a:hover {
		background: url(../images/menu-whatwedo.png) no-repeat bottom left;
	}
#menu-work a:hover {
		background: url(../images/menu-who-work.png) no-repeat bottom left;
	}
#menu-who a:hover {
		background: url(../images/menu-who-we-are.png) no-repeat bottom left;
	}
#menu-contact a:hover {
		background: url(../images/menu-contact.png) no-repeat bottom left;
	}

	
/* [+] -- CONTENT -------------------------------- */

#content {
		float: left;
		width: 385px;
		padding-right: 20px;
		w\idth: 365px;
	}
#home #content {
		width: 365px;
		padding-right: 30px;
		w\idth: 335px;
	}
#noSide #content {
		float: none;
		width: 500px;
	}

#content ul, #content ol {
		margin-left: 20px;
	}
	
#workWrap {
		clear: both;
		padding-top: 30px;
	}
#workWrap img {
		padding-right: 0px;
		float: left;
	}


/* [+] -- SIDEBAR -------------------------------- */

#sideBar {
		float: right;
		width: 295px;
		padding-top: 57px;
	}
#home #sideBar {
		position: relative;
	}
#home #sideBar img {
		position: absolute;
		top: 0;
		right: -10px;
	}
.sidePad #sideBar {
		padding-top: 30px;
	}
	
#sideBar ul {
		margin-bottom: 20px;
	}


/* [+] -- FOOT -------------------------------- */

#foot {
		min-height: 115px;	
		clear: both;
		font-family: Georgia, "Trebuchet MS", serif;
		color: #fff;
		font-size: 1.1em;
		position: relative;
		margin: 0 auto 0 auto;
		width: 680px;
	}
#foot ul {	
		padding: 25px 70px 25px 0;
	}
#foot a {
		color: #fff;
		text-decoration: none;
	}
#foot img {
	position: absolute;
	top: 30px;
	right: 13px;
	}
	
/* [+] -- PAGE SPECIFIC -------------------------------- */





/* [+] -- FORMS -------------------------------- */

button {
		display: block;
		margin-left: 130px;
		background: #fff url(../images/bg-header.jpg) repeat-x top left;
		border: 1px inset #333;
		padding: 3px;
	}
fieldset {
		border: none;
	}
legend {
		display: none;
	}
form p {
		margin: 6px 0;
		clear: both;
	}
label {
		width: 125px;
		float: left;
		text-align: left;
		margin-right: 5px;
		display: block
	}
input, textarea {
		width: 185px;
		border: 1px inset #333;
		w\idth: 183px;
	}



/* [+] -- FONTS -------------------------------- */

p {
		margin-bottom: 15px;
	}
	
h1 {
		margin-bottom: 40px;
		letter-spacing: 0.0005em;
		font-family: Georgia, "Trebuchet MS", serif;
		font-size: 235%;
		font-weight: normal;
		color: #323232;
	}
h2 {
		font-size: 135%;
		margin-bottom: 17px;
		letter-spacing: 0.0005em;
		font-family: Georgia, "Trebuchet MS", serif;
		font-size: 180%;
		font-weight: normal;
		color: #323232;
	}
	
/* [+] -- LINKS -------------------------------- */

a:link {
		color: #000;
		text-decoration: underline;
	}
a:visited {
		text-decoration: none;
	}
a:hover {
		color: #333;
		text-decoration: underline;
	}
a:active {
		text-decoration: none;
	}


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

.imgFloat {
		float: right;
		margin: 0 0 10px 10px;
	}

.bullets {
		list-style: disc;
		margin-left: 15px;
	}