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}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body {
	font-family:Helvetica, “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, Verdana, sans-serif;
	font-size:62.5%;
	color:#555555;
}

.wrapper {
	width:920px;
	margin:0px auto;
	font-size:1.2em;
	line-height:1.4em;
	position:relative;
}

.branding {
	height:60px;
	background:#2c2c2c url(images/brandingBg.gif) repeat-x bottom left;
}


.footer {
	float:left;
	width:100%;
	height:20px;
	margin:0px 0px;
	padding:40px 0px;
	color:#999;
	text-align:center;
	display:inline;
	background:url(images/contactAreaBottomBg.gif) repeat-x top;
}

/******************* columns *********************/

.workSection, .aboutSection, .contactSection {
	float:left;
	width:100%;
	padding:0px 0px 30px 0px;
}

.workSection {
	background:url(images/workSectionBg.jpg);
	border-bottom:4px solid #1446a8;
}

.aboutSection {
	
}

.contactSection {
	padding:10px 0px 40px 0px;
	margin:20px 0px 0px 0px;
	background:#f5f5f5 url(images/contactAreaTopBg.gif) repeat-x top left;
}

.contactSection {border-bottom:none;}

.fourCol {
	float:left;
	width:210px;
	margin:0px 0px 0px 10px;
	display:inline;
}


.twelveCol {
	float:left;
	width:680px;
	margin:0px 20px 0px 0px;
	display:inline;
}

.aboutCol {
	float:left;
	width:640px !important;
	width:635px;
	margin:0px 60px 0px 0px;
	display:inline;
}

.eightCol {
	float:left;
	width:430px;
	margin:0px 20px 0px 0px !important;
	margin:0px 10px 0px 0px;
	display:inline;
}

/******************* lists *************************/

.branding ul {
	position:absolute;
	top:0px;
	right:0px;
	width:600px;
	height:60px;
}

.branding ul li {
	float:right;
	width:auto;
	margin:0px 0px 0px 30px;
	display:inline;
	height:68px;
}

* html .branding ul li {width:85px;}

ul.portfolio {
	float:left;
	margin:50px 0px 0px 0;
	display:inline;
}

ul.portfolio li {
	float:left;
	margin:0px;
	width:210px;
	padding:0 72px 0px 0px;
	margin:0px 72px 0 0;
	display:inline;	
	background:url(images/divider.gif) no-repeat top right;
}

ul.portfolio li.last {
	margin:0px;
	padding:0px;
	background:none;
}

ul.servicesList {
	width:207px;
	padding:0px;
	background:#eeeded url(images/servicesListBg.gif) no-repeat bottom left;
}

ul.servicesList li {
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 10px;
	background:#eeeded url(images/listBg.gif) repeat-x bottom left;
	color:#7d7d7d;
}

ul.technologyList {
	width:207px;
	padding:0px;
	background: #edecec url(images/technologyListBg.gif) no-repeat bottom right;
	
}

ul.technologyList li {
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 10px;
	background:#eeeded url(images/listBg.gif) repeat-x bottom left;
	color:#7d7d7d;
}

ul.technologyList li.last {
	background: url(images/sidebarBottomBg.gif) no-repeat bottom left;
}

ul.contactMethods {
	width:451px;
	margin-left:25px;
}

* html ul.contactMethods { 
	margin-left:18px;
}

ul.contactMethods li {
	display:block;
	padding:20px 0px 0px 80px;
	margin:0px;
	font-size:1.4em;
	
}

ul.contactMethods li a {
	color:#eda801;
}

ul.contactMethods li.contactTop {
	height:41px;
	background:url(images/contactBoxTop.gif) no-repeat top left;
}

ul.contactMethods li.contactMiddle {
	height:43px;
	background:url(images/contactBoxMiddle.gif) no-repeat top left;
}

ul.contactMethods li.contactBottom {
	height:42px;
	background: url(images/contactBoxBottom.gif) no-repeat top left;
}

/************************ links **********************/

.branding ul li a {
	display:block;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	padding:20px 0 0 0;
	height:40px;
}

.branding ul li a:hover {
	color:#487fed;
	text-decoration:none;
}

.branding ul li.selected a.work {color:#487fed; height:47px; background:url(images/marker.png) no-repeat bottom center;}
.branding ul li.selected a.about {color:#487fed; height:47px; background:url(images/marker.png) no-repeat bottom center;}
.branding ul li.selected a.contact {color:#487fed; height:47px; background:url(images/marker.png) no-repeat bottom center;}

* html .branding ul li.selected a.work, * html .branding ul li.selected a.about, * html .branding ul li.selected a.contact {background:none;}

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

a:hover {
	text-decoration:underline;
}

p.intro a {
	color:#eda801;
}

a:focus {}

a.active {}

.portfolio h3 a {
	color:#0a2398;
	text-decoration:none;
}

.portfolio h3 a:hover {
	text-decoration:none;
	cursor:text;
}

/************************ headings *************************/

.branding h1 {
	background: url(images/branding.gif) no-repeat 0px 0px;
	width:106px;
	height:40px;
	text-indent:-9999px;
	position:relative;
	top:10px;
}

.workSection h2 {
	background:url(images/mainHeading.gif) no-repeat top left;
	width:715px;
	height:45px;
	margin:50px 0px 10px 0px;
	text-indent:-9999px;
}

.aboutSection h2 {
	background:url(images/aboutMeHeading.gif) no-repeat top left;
	width:135px;
	height:27px;
	margin:40px 0px 10px 0px;
	text-indent:-9999px;
}

.contactSection h2 {
	background:url(images/getInTouchHeading.gif) no-repeat top left;
	width:174px;
	height:27px;
	margin:30px 0px 10px 0px;
	text-indent:-9999px;
}

h2 {
	font-size:2.2em;
	padding-top:3px;
}

h3 {
}

h3.servicesHeading, h3.technologyHeading {
	background:url(images/keyServicesHeading.gif) no-repeat top left;
	padding:0px;
	text-indent:-9999px;
	color:#373737;
	font-size:1.3em;
	height:34px;
}

h3.technologyHeading {
	height:28px;
	width:207px;
	background:#f04a2f url(images/technologiesHeading.gif) no-repeat top left;
}

.portfolio h3 {
	font-size:1.3em;
	color:#0a2398;
	font-weight:normal;
	padding:10px 5px;
	background:url(images/headingBg.gif) no-repeat;
	width:196px;
}

.skillsList h4 {
	color:#f04a2f;
}

/************************ paragraphs *********************/

p.intro {
	font-size:1.5em;
	line-height:1.4em;
	color:#fff;
}

p {
	margin:10px 0px;
}

.portfolio p {
	color:#fff;
	width:210px;
}

/************************* other tags *********************/

blockquote {
	border-top:1px dashed #ddd;
	color:#0e57ea;
	font-size:1.2em;
	line-height:1.6em;
	font-style:italic;
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	background:url(images/openingQuote.gif) no-repeat 0px 20px;
}

blockquote p {
	margin-bottom:0px;
	text-indent:27px;
}

blockquote span {
	display:inline-block;
	width:25px;
	height:16px;
	background:url(images/closingQuote.gif) no-repeat bottom right;
}

blockquote p.author {
	margin:0px;
	font-style:normal;
	color:#a1a0a0;
	font-size:0.8em;
	text-indent:0px;
}

address {
	
}


.highlight {
	color:#bbc9f5;
}