/* Reset v1.0 | 20080212 */

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;
}

body { background: #f4f2f0 url(i/bg-body.gif) repeat; font-family:"Helvetica Neue", "Arial", "Lucida Grande", sans-serif; }

h1 { color:#5e0000; }
h2 { color:#5e0000; }
h3 { font-size:25px; margin-bottom:10px; color:#5e0000; }
h4 { font-size:16px; margin-bottom:10px; color:#5e0000; }

p { margin-bottom: 14px; font-size: 12px; line-height: 18px; color:#5f604a; }
p.feature { font-size:14px; }
.list { margin-bottom: 14px; }
.list li { font-size: 12px; line-height: 18px; color:#5f604a; background: url(i/bg-list.gif) no-repeat 0 6px; padding-left:9px; }
.chunk { padding-bottom: 15px; border-bottom: 1px solid #5e0000; margin-bottom:25px; }
.chunkLast { border-bottom:0; padding-bottom: 0; margin-bottom:15px; }
.column { float:left; }
.col1 { width:60px; margin-right:20px; }
.col2 { width:140px; margin-right:20px; }
.col3 { width:220px; margin-right:20px; }
.tail { margin-right:0; }

#content { width:940px; margin:50px auto ; }
#header { border-top:5px solid #5e0000; border-bottom:2px solid #5e0000; height:228px; background: url(i/bg-header.gif) no-repeat; margin-bottom:30px; }
#header h1,
#header h2 { position: absolute; left:-999em; }
#aboutUs { width:560px; margin-right:57px; padding-top:18px; }
#contact { width:283px; padding:18px 20px 0 20px ; background: url(i/bg-contact.gif) no-repeat; min-height:710px; margin-bottom:15px; }
* html #contact { height: 710px; }

#contact p { margin-bottom:10px; }
#contact label { display: block; font-weight: bold; font-size:12px; }
#contact input,
#contact textarea { font: 12px "Helvetica Neue", "Arial", "Lucida Grande", sans-serif; border:0; padding:4px 4px 1px 4px; color:#000; }
#contact input { width:185px; background: url(i/inputText.gif) no-repeat; }
#contact textarea { padding-bottom: 4px; width:270px; height:119px; background: url(i/textareaContact.gif) no-repeat; }
#contact #submit { background-image: none; padding:0; width:86px; height:31px; }

#how-we-can-help-you { background: url(i/how-we-can-help-you.gif) no-repeat; text-indent: -900em; overflow:hidden; }
#work-with-us { background: url(i/work-with-us.gif) no-repeat; text-indent: -900em; overflow:hidden; }
#find-us-online { background: url(i/find-us-online.gif) no-repeat; text-indent: -900em; overflow:hidden; }
#interaction-design { background: url(i/interaction-design.gif) no-repeat; text-indent: -900em; overflow:hidden; }
#visual-design { background: url(i/visual-design.gif) no-repeat; text-indent: -900em; overflow:hidden; }
#design-technology { background: url(i/design-technology.gif) no-repeat; text-indent: -900em; overflow:hidden; }

#footer { clear: both; border-bottom:5px solid #5e0000; border-top:2px solid #5e0000; padding-top:15px; margin-top:25px; }
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }