/*********************************************************
  by Francesco Camarlinghi, www.francescocamarlinghi.com
*********************************************************/
/* 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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
*{margin:0;padding:0}html, body {height:100%}

/* Global */
body {background:#f9f5ed;min-width:980px}
img {vertical-align:middle}
sup {position:relative;bottom:0.3em;vertical-align:baseline}
sub {position:relative;bottom:-0.2em;vertical-align:baseline}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed}

.float-left {float:left}
.float-right {float:right}
.clearer {clear:both}
.hidden {visibility:hidden;display:none}
.text-right {text-align:right}
.text-left {text-align:left}
.text-center {text-align:center}
.text-justify {text-align:justify}
.smallcaps {font-variant:small-caps}
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {border-bottom:1px solid}
.highlight {background:#ffc}
.code {font-family: Courier New, Courier, Arial, Helvetica, sans-serif;background:#faf1d7}

/* Headers & Typography */
body {font:100%/1.5em "Helvetica Neue", Arial, Helvetica, sans-serif;
      color:#676662;letter-spacing:-0.010em;text-align:center;font-weight:normal}
h1, h2, h3, h4, h5, h6 {color:#282523;letter-spacing:-0.05em;font-weight:bold}

h1 {font-size:1.5em;line-height:1em;margin:0 0 0.875em 0}
h2 {font-size:1.375em;line-height:1em;text-transform:uppercase;margin:1em 0 0.375em 0/*;text-shadow:rgba(0,0,0,0.2) 0px 0px 1px*/}

pre, p {margin:0 0 1.25em 0}
.content p {font-size:0.875em}
p small {font-size:0.875em}
small {font-size:0.8125em}
strong{font-weight:bold}
em {font-style:italic}

blockquote {display:block;position:relative;border:1px solid #eee5ca;margin:0 auto 1.25em auto;padding:1.25em;background:#faf1d7;quotes: "\201C" "\201D";width:470px}
blockquote {font-style:italic;font-size:0.9285em}
blockquote:before, blockquote:after {color:#eee5ca;display:block;width:30px;font-weight:bold;font-size:700%;font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif}
blockquote:before {content:open-quote;top:40px;left:5px;position:absolute;z-index:1}
blockquote:after {content:close-quote;bottom:-5px;right:40px;position:absolute;z-index:1}
blockquote p {margin:0;z-index:2;position:relative}

/* Forms */
input, textarea {font:100%/1.5em Arial, Helvetica Neue, Helvetica, sans-serif;padding:5px;letter-spacing:normal}
label {display:block;margin-bottom:1em}
input, button {margin:0;padding:4px}


textarea#message {width:560px;height:230px;overflow:auto}
label.error {color:#f35937}

/* Tables */
table {width:100%}
thead tr td {font-weight:bold}
td {padding:5px}

/* Links */
a {color:#f35937;text-decoration:none}
a:active, a:hover {color:#d95b43;text-decoration:underline}
a:visited {color:#f94e03}

/* Contents of the link gets substituted by an image */
.sprite-link {display:block;text-indent:-9999em;color:#000;overflow:hidden}

/* Inline list */
ul.inline li {list-style-type:none;float:left}
ul.inline li a {display:block}

/* Layout */
div.wrapper {width:960px;margin:0 auto;min-width:960px;min-height:100%;height:auto !important;height:100%;position:relative}
div.left {float:left;width:330px;padding:0 0 0 0;position:relative}
div.content {background:#fff;width:570px;margin-left:330px;padding:40px 30px 25px 30px;text-align:left;position:relative;margin-bottom:-50px}
div.section {margin-bottom:2em;position:relative}

div#floatingcontent {position:absolute;top:30px;left:0;width:330px;height:300px;z-index:1}
span#logo {width:330px;height:70px;background:transparent url(gc-logo.gif) top left no-repeat}
ul#menu {margin-top:30px}
ul#menu li {width:180px;margin-left:150px}
ul#menu li a {display:block;line-height:2em;text-align:right;margin:0.25em 0 0.25em;height:2em;padding:0.75em 40px 0.75em 0}
ul#menu li a:hover {background:#ede8df}
ul#menu li a.selected {background:#ede8df;border:1px solid #d6d0c5;border-right:0;border-bottom-color:#fcf9f4;height:1.875em}

div.content:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:0;
	width:1px;
	height:70%;
	top:15%;
	left:-1px;
	background:-moz-linear-gradient(100% 100% 90deg,#fff, #d7d6d6, #fff 100%);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF), color-stop(.5,#d7d6d6));
}

ul.portfolio {margin-left:3em}
ul.portfolio li {margin:0 5em 1.5em 0}