@charset "utf-8";
/* CSS Document */
/* Eric Meyer's 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,
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%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles!
:focus {outline: 0;  REMOVE OR ALTER? SEE WEBAIM ARTICLE! }*/

body {color:#808080; font-family:Arial, Helvetica, sans-serif; background:#cccbc6;}

body#home {color:#808080; font-family:Arial, Helvetica, sans-serif; background:#fff;}

body#home #ggHome {background:#fff; position:relative; width:810px; height:420px; margin-left:auto; margin-right:auto; margin-top:100px;}

#ggWrap { background:#cccbc6 url(background.gif) top left no-repeat; position:relative; width:996px; height:750px; margin-left:auto; margin-right:auto;}

#ggWrap #ggSidebar { width:130px; float:left; margin-top:55px; margin-left:17px; }

#ggWrap #ggSidebar .menu { margin-top:33px;}
#ggWrap #ggSidebar .menu ul li { font-size:78%;}
#ggWrap #ggSidebar .menu ul li a, #ggWrap #ggSidebar .menu ul li a:visited {text-decoration:none; color:#8D9395; height:18px; display:block; }
#ggWrap #ggSidebar .menu ul li a:hover {color:#f1d9d3; }
#ggWrap #ggSidebar .menu ul li a.active {color:#555; }
#ggWrap #ggSidebar .menu ul li a.about {margin-top:16px;}

#ggWrap #ggMain { font-size:77%; width:847px; float:left; margin-top:55px; }
#ggWrap #ggMain .fixed { height:670px;}
#ggWrap #ggMain .inner { width:847px;}
#ggWrap #ggMain .inner .left { float:left; padding:85px 30px 20px 50px; width:340px;}
#ggWrap #ggMain .inner .left p, #ggWrap #ggMain .inner .left h2 {line-height:1.3em; margin:0 0 1em; }

.profile {background:url(h2-profileintro.gif) top left no-repeat;}
#ggWrap #ggMain .inner .mainText {margin:0 0 44px 33px; width:565px; }
#ggWrap #ggMain .inner .clientText {margin:0 0 44px 33px; width:707px; }
#ggWrap #ggMain .inner .profiletext {font-size:16px; }
#ggWrap #ggMain .inner .mainText p, #ggWrap #ggMain .inner .clientText p {line-height:1.5em; margin:0 0 1em; }
#ggWrap #ggMain .inner .clientText ul.clients li { float:left; display:block; width:220px; line-height:1.2em; margin-right:14px; margin-bottom:7px; }

#ggWrap #ggMain .inner a, #ggWrap #ggMain .inner a:visited { color:#8D9395; text-decoration:none;}
#ggWrap #ggMain .inner a:hover, #ggWrap #ggMain .inner a:active { color:#f1d9d3; text-decoration:none;}

#ggWrap #ggFooter { clear:left;}
#ggWrap #ggFooter p { font-size:70%; text-align:right; margin-right:15px; }


/* Clear fix - http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}