/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus {/* remember to define focus styles! */
	outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

strong { font-weight: bold }
em { font-style: italic }
a { outline:none; }
img { display:block; }


/* Colors

Portfolio Red = #d2222a
Clients Green = #74a070
Current Projects Blue = #00adee
Principals / Group M Gallery / Contact Yellow = #ffd356

*/



/* Common
----------------------------------------------- */

body {
	background:#ffd356;
	color:#333;
	font: 12px/14px "Arial", Verdana, sans-serif;
}

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

a:hover { color:#b48d04; }

.clear { clear:both; }
.image { display:block; text-indent:-9999px; }
#wrapper { width:800px; margin:50px auto 50px; background:#000 url(../imgs/bg-body.jpg) 0 0 repeat-y; overflow:hidden; }
.left { float:left; }
.right { float:right; }
.hide { display:none; }

/* Sprites
----------------------------------------------- */


/* Structure
----------------------------------------------- */

header {
    width:793px;
}

main {
    min-height:800px;
	width:573px;
    padding-bottom:50px;
	overflow:visible;
}

article {
    width:500px;
    margin:38px auto 0;
    padding-bottom:10px;
    border-bottom:1px solid #d5d5d6;
}

aside {
    width:220px;
    margin:38px 7px 0 0;
    font-size:14px;
    line-height:16px;
}

img {
    display:inline-block;
    margin-bottom:2em;
}

/* Headers
----------------------------------------------- */

h1 {
    height:144px;
    width:729px;
	margin:36px auto 0;
}

h1 a {
	display:block;
    height:144px;
    width:729px;
    background:transparent url(../imgs/logo.png) 0 0 no-repeat;
}

h2 {
    margin-bottom:1em;
	font-weight:bold;
}

/* Paragraphs
----------------------------------------------- */

p {
    margin-bottom:1em;
}

aside p {
    padding: 0 33px 0 3px;
}

article p {
    width:75%;
}

/* Elements
----------------------------------------------- */

aside img {
    margin-top:30px;
}