body {
	font-family: Verdana, Tahoma, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	
	font-size: small;
	font-weight: 500;
	background-color: #f7f7f7;
	text-align: center;
    margin: 0;
    padding: 0;
    color: #a6aaad;
}

a {color: inherit; text-decoration: none;}
p {margin: 0 1px 10px 1px; font-size: smaller;}

.global {color: #858838;}
.studio {color: #bcbfc2;}
.imgBorder {border: dotted 1px #999999; padding: 6px; margin-left: 10px;}

/* Container */
#container {margin: 0 auto 0 auto; padding: 0 30px 0 30px; text-align:left; color: #aaaaaa; min-width: 762px; max-width: 1024px;}

/* Content Area */
#content {margin: 25px auto 0 auto; height: auto; background: white; font-size: 1.4em;}

#content h1, h2 {color: #858838; font-family: sans-serif, arial; letter-spacing: 2px;}
#content h1 {font-size: x-large; font-weight: 300;}
#content h2 {font-size: medium; font-weight: 300;}
#content h2.squeeze {margin-bottom: 3px;}
#content h3, h4 {font-size: x-small; text-decoration: underline; margin-bottom: 2px;}

#content .t {background: url(../images/vTwo/content_t.gif) top repeat-x;}
#content .b {background: url(../images/vTwo/content_b.gif) bottom repeat-x;}
#content .l {background: url(../images/vTwo/content_l.gif) left repeat-y;}
#content .r {background: url(../images/vTwo/content_r.gif) right repeat-y;}
#content .bl {background: url(../images/vTwo/content_bl.gif) bottom left no-repeat;}
#content .br {background: url(../images/vTwo/content_br.gif) bottom right no-repeat;}
#content .tl {background: url(../images/vTwo/content_tl.gif) top left no-repeat;}
#content .tr {background: url(../images/vTwo/content_tr.gif) top right no-repeat;}

#contentBlock {font-size: medium; padding: 5px 24px 10px 24px;}
#contentBlock p.small {font-size: x-small;}
#contentBlock a {border-bottom: dashed thin #aaaaaa;}
#contentBlock a:hover {border-bottom: solid thin #858838;}
#contentBlock a.clear {border-bottom: none;}
#contentBlock ul, ol {font-size: smaller;}
#contentBlock ul.pricing {list-style-type: none; width: 100%; margin: 20px 0 20px 0; padding: 0 0 0 20px;}
#contentBlock ul.pricing li span {float: left; width: 268px;}
#contentBlock ul.small, ol.small {font-size: x-small;}
#contentBlock ul {width: 65%;}
#contentBlock li {margin: 5px 0 5px 0;}
#contentBlock li span {color: #888888;font-weight: 600;}
#contentBlock ol li ul.spacer, #contentBlock ol li ol.spacer {margin-top: 10px;}
#contentBlock ol li ol {list-style-type: lower-alpha;}
#contentBlock ol li ol li {margin-bottom: 5px;}
#contentBlock ol li ol li ol {list-style-type: lower-roman;}

/* Contact form */
#contactArea {width: 436px; font-size: small;}
#contactArea input, #contactArea textarea {padding: 5px; margin: 0px 0px 10px 0px; border: 1px solid #ccc;width: 336px;}
#contactArea textarea {height: 90px;}
#contactArea textarea:focus, #contactArea input:focus {border: 1px solid #858838;}
#contactArea input.submitButton {width: 100px; background-color: #858838; color: white; float: right; cursor: pointer;}
#contactArea label {width: 60px; margin-right: 28px; padding-top: 2px; float: left;}

/* Header */
#header {height: 334px; width: 100%;}
#header #logo {background: url(../images/vTwo/header_gslogo.gif) top left no-repeat; padding: 0; margin: 12px 26px 4px 26px; height: 103px; width: 138px; float: left;}
#header #logo a {margin: 0; padding-bottom: 80px; padding-right: 14px;}
#header ul.contact {list-style-type: none; text-align: right; padding: 20px 24px 0 4px; margin: 0;}
#header ul.contact li {height: 25px; margin: 0 0 2px 0; padding: 0;}
#header ul.menu li a, #header ul.section li a, #header #logo a {color: transparent; filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;}

/* Header: Banners */
.banner_grey {background: url(../images/vTwo/banner_grey_1024.png) bottom right no-repeat;}
#header #panda {background: url(../images/vTwo/banner_grey_panda.gif) bottom left; height: 222px; width: 238px; margin: 61px 0 0 4px;}

/* Header: Menu */
#header ul.menu {list-style-type: none; background: url(../images/vOne/banner_menu.gif) top right no-repeat; text-align: right; height: 24px; width: 521px; margin: 28px 24px 0 4px; padding: 0; float:right;} /*Here*/
#header ul.menu li {display: inline; float: left; height: 23px; width: 92px; padding: 0; margin: 1px -3px 0 -4px; text-align: center;}
#header ul.menu #welcome {margin-left: 7px;}
#header ul.menu #welcome:hover {background: url(../images/vTwo/menu_welcome.gif);}
#header ul.menu #ethos:hover {background: url(../images/vTwo/menu_ethos.gif);}
#header ul.menu #services:hover {background: url(../images/vTwo/menu_services.gif);}
#header ul.menu #pricing:hover {background: url(../images/vTwo/menu_pricing.gif);}
#header ul.menu #photo:hover {background: url(../images/vTwo/menu_photo.gif);}
#header ul.menu #blog:hover {background: url(../images/vTwo/menu_blog.gif);}
#header ul.menu #contact:hover {background: url(../images/vTwo/menu_contact.gif);}

/* Header: Section Menu */
#header ul.section {list-style-type: none; background: url(../images/vTwo/section_menu_cddi.gif) top right no-repeat; height: 24px; width: 431px; margin: 208px 24px 0 4px; padding: 0; text-align: right; clear: both; float: right; display: none;}
#header ul.section li {display: inline; float: left; height: 24px; width: 118px; padding: 0; margin: -1px -2px 0 -11px; text-align: center;}
#header ul.section #consult {margin-left: 0;}
#header ul.section #consult:hover {background: url(../images/vTwo/menu_section_consult.gif);}
#header ul.section #design:hover {background: url(../images/vTwo/menu_section_design.gif);}
#header ul.section #develop:hover {background: url(../images/vTwo/menu_section_develop.gif);}
#header ul.section #implement:hover {background: url(../images/vTwo/menu_section_implement.gif);}

/* Footer */
#footer {clear: both; margin: 10px auto 10px auto; 0; background: #aaaa6a url(../images/vTwo/footer_fill.gif) repeat-x; color: white; height: auto; font-size: small; letter-spacing: 1px;}
#footer a {border-bottom: dotted thin #808051;}
#footer a:hover {border-bottom: solid thin white;}
#footer .l {height: 109px; background: url(../images/vTwo/footer_l.gif) top left no-repeat;}
#footer .r {height: 109px; background: url(../images/vTwo/footer_r.gif) top right no-repeat; padding: 6px 0 0 24px;}
#footer ul {list-style-type: none; margin: 0; padding: 1px 0; font-family: Arial; font-size: x-small;}
#footer ul li {display: inline; float: left; width: 24%; margin-left: 3px; border-right: solid 1px #858838; vertical-align: top;}
#footer ul li ul {padding: 0;}
#footer ul li ul li {border: none; display: block; width: 100%; line-height: 12px; white-space: nowrap;}
#footer ul li ul li span {font-weight: 900; float: left; width: 42px;}
#footer ul #contactinfo {margin-left: 0;}
#footer ul #address {width: 16%;}
#footer ul #information {width: 20%;}
#footer ul #navigation {border-right: none; width: 38%;}
#footer ul #navigation span {width: 62px;}
#footer ul #stuffbox {border-right: none;}

/* Preload */
#preload {width: 0px; height: 0px; overflow: hidden;}
#preloadWelcome {background: url(../images/vTwo/menu_welcome.gif);}
#preloadEthos {background: url(../images/vTwo/menu_ethos.gif);}
#preloadServices {background: url(../images/vTwo/menu_services.gif);}
#preloadPricing {background: url(../images/vTwo/menu_pricing.gif);}
#preloadPhoto {background: url(../images/vTwo/menu_photo.gif);}
#preloadBlog {background: url(../images/vTwo/menu_blog.gif);}
#preloadConsult {background: url(../images/vTwo/menu_section_consult.gif);}
#preloadDesign {background: url(../images/vTwo/menu_section_design.gif);}
#preloadDevelop {background: url(../images/vTwo/menu_section_develop.gif);}
#preloadImplement {background: url(../images/vTwo/menu_section_implement.gif);}
