/* G Site */
/* 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-color: #E6E3DC;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
table tr td {vertical-align: top;}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
strong {font-weight: bold;}
em {font-style: italic;}
span.normal {font-weight: normal!important;}
/*****/
body, html {height: 100%;}
body {
background: #AB9E5E url(/images/body_background.gif) top center repeat;
font: 100%/150% "Lucida Grande", Verdana, san-serif;
color: #000;
margin: 0px; padding: 0px;
}
h2 {
font-size: 2.1em;
font-weight: normal;
letter-spacing: .05em;
color: #35220A;
margin: .4em 0 .2em 0;
}
@font-face {
font-family: "DiamantiCondEF-Light";
src: url("/type/DiamantiCondEF-Light.eot");
src: local("DiamantiCondEF-Light"), local("DiamantiCondEF-Light"), url("/type/DiamantiCondEF-Light.woff") format("woff"), url("/type/DiamantiCondEF-Light.otf") format("opentype"), url("/type/DiamantiCondEF-Light.svg#DiamantiCondEF-Light") format("svg");
}
@font-face {
font-family: "DiamantiCondEF-LightIta";
src: url("/type/DiamantiCondEF-LightIta.eot");
src: local("DiamantiCondEF-LightIta"), local("DiamantiCondEF-LightIta"), url("/type/DiamantiCondEF-LightIta.woff") format("woff"), url("/type/DiamantiCondEF-LightIta.otf") format("opentype"), url("type/DiamantiCondEF-LightIta.svg#DiamantiCondEF-LightIta") format("svg");
}
h2 {font-family: "DiamantiCondEF-Light", Georgia, serif;}
h2 em {font-family: "DiamantiCondEF-LightIta", Georgia, serif;}
/*h3 {
font-size: 1.3em; line-height: 1.3em;
font-weight: bold;
color: #666;
margin-top: 0px; margin-bottom: 10px;
}*/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
/*@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}*/
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
/*@media screen {
.sIFR-active h2 {
font-family: "Lucida Grande", Verdana, san-serif;
visibility: hidden;
letter-spacing: .1em;
margin: 0;
}
}*/
/*****/
h3 {
font-size: 1.1em; line-height: 1.4em;
font-weight: bold;
color: #6E5300;
letter-spacing: .1em;
margin-top: 5px; margin-bottom: 5px;
}
h4 {
font-size: .9em; line-height: 1.2em;
font-weight: bold;
color: #666;
margin-top: 0px; margin-bottom: 5px;
}
.sample h4 a {
font-size: 100%; line-height: 120%;
padding: 2px;
font-weight: bold;
color: #6E5300;
margin-top: 0px; margin-bottom: 5px;
}
.sample h4 a:hover {
color: #000; text-decoration: none;
background-color: #5FC0BA;
border-bottom: #000 2px solid;
}
h5 {
font-size: .8em; line-height: 1.4em;
font-weight: bold;
color: #AB9E5E;
margin-top: 0px; margin-bottom: 0;
}
h6 {
font-size: .7em; line-height: 1.6em;
font-weight: normal;
color: #000;
text-transform: uppercase;
letter-spacing: .1em;
margin-top: 0px; margin-bottom: 5px;
width: auto;
}
h6 a {
color: #C83E21!important;
}
h6 a:hover {
color: #46C3D3!important;
}
/*h6 {
font-size: .7em; line-height: 1.6em;
font-weight: normal;
color: #000;
text-transform: uppercase;
letter-spacing: .1em;
margin-top: 0px; margin-bottom: 5px;
width: auto;
}
h6 a {
color: #C83E21!important;
}
h6 a:hover {
color: #46C3D3!important;
}*/
p {
font-size: .85em; line-height: 1.8em;
font-family: "Times New Roman", Georgia, serif;
font-style: normal;
font-weight: normal;
margin: 0 0 1.4em 0; padding: 0;
}
p.caption {
font-size: 80%; line-height: 120%;
font-style: italic;
margin: 0px;
}
span.emphasize {
font-size: 110%; font-style:italic; font-weight: bold; color: #333;
}
em {font-size: 105%;}
label {font-family: "Lucida Grande", Verdana, san-serif;
font-size: .85em; line-height: 170%;
font-style: normal;
font-weight: normal;
margin-top: 0px; padding: 0; color:#35220A;
}
a:link {
font-weight: bold;
text-decoration: none;
color: #C83E21;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #C83E21;
}
a:hover {
font-weight: bold;
text-decoration: underline;
color: #46C3D3;
}
a:visited {
font-weight: bold;
text-decoration: underline;
color: #AB9E5E;
}
hr {clear: both; margin: 0 0 1.4em 0; height: 4px; border-top: #333 1px solid; border-right: none; border-bottom: #333 1px solid; border-left: none;}
hr.pencil {clear: both; margin: 0 0 1.4em 0; height: 6px; border: none; background: transparent url(/images/pencil.gif) top left no-repeat;}
ul {
font-size: .85em; line-height: 1.8em;
font-family: "Times New Roman", Georgia, serif;
padding: 0px; margin: 0 0 1.4em 1.8em;
list-style-type: none;
}
ul li {
margin-bottom: .7em; padding-left: 1.8em;
background-image: url(/images/diameter.gif);
background-repeat: no-repeat; background-position: 0 .3em;}
ul.regular {margin: 0 0 1.4em 2em;}
ul.regular li {background-image: none; list-style-type: disc; padding-left: .2em;}
ol {
font-size: .85em; line-height: 1.8em;
font-family: "Times New Roman", Georgia, serif;
padding: 0px; margin: 0 0 1.4em 2.8em;
}
ol li {
margin-bottom: .7em; padding-left: .2em;
list-style-type:decimal;
}
.clear {clear: both; margin: 0; padding: 0;}
.right {float: right; margin: 0 0 10px 10px}
.left {float: left; margin: 0 10px 10px 0;}
img {display: block; margin: 0; padding: 0;}
a img {border: none;}
/**** Structure ****/
#wrapper {
position: relative;
margin: 0px auto; padding: 0px;
width: 984px; min-height: 100%;
background: transparent url(/images/main_background.gif) top center repeat-y;
}
#container {
margin: 0px auto; padding: 0 0 7em 0;
width: 870px;
background: #FFF url(/images/oval_background.gif) top center no-repeat;
}
#header {
position: relative;
width: 100%; height: auto;
}
#header h1 {text-indent: -9999px;
margin: 0 0 1em 0; padding: 0px;
}
#header h1 a {
display: block; width: 490px; height: 138px;
background: transparent url(/images/g_logo.png) top left no-repeat;
}
#gring {
position: absolute; margin: 0; padding: 0; top: 0px; right: 0px; z-index: 1;
}
#navigation {
position:relative;
width: 85%;
margin: 0 0 1.2em 0; padding: 0px;
background: transparent url(/images/wood.png) bottom left no-repeat;
}
#navigation ul {
list-style-type: none;
font-family: "Lucida Grande", Verdana, san-serif;
margin: 0; padding: .7em 1em 1.5em 1.2em;
background: transparent url(/images/nav_corner.gif) top left no-repeat;
}
#navigation ul li {
display: inline;
line-height: 200%;
letter-spacing: .1em;
margin: 0 2.5em 0 0; padding: 0;
background-image: none;
}
#navigation ul li a {text-decoration: none; color: #FFF; padding: .2em 2.5em .2em 0em; font-weight:bold;}
#navigation ul li a:hover {color: #46C3D3; text-decoration: underline;}
#navigation ul li.portfolio_nav a:hover {background: transparent url(/images/portfolio_icon.png) center right no-repeat;}
#navigation ul li.portfolio_nav a.active {background: transparent url(/images/portfolio_icon.png) center right no-repeat; color: #46C3D3;}
#navigation ul li.services_nav a:hover {background: transparent url(/images/services_icon.png) center right no-repeat;}
#navigation ul li.services_nav a.active {background: transparent url(/images/services_icon.png) center right no-repeat; color: #46C3D3;}
#navigation ul li.about_nav a:hover {background: transparent url(/images/about_icon.png) center right no-repeat;}
#navigation ul li.about_nav a.active {background: transparent url(/images/about_icon.png) center right no-repeat; color: #46C3D3;}
#navigation ul li.contact_nav a:hover {background: transparent url(/images/contact_icon.png) center right no-repeat;}
#navigation ul li.contact_nav a.active {background: transparent url(/images/contact_icon.png) center right no-repeat; color: #46C3D3;}
#content {
position: relative;
width: 870px;
padding: 0px; margin: 0px;
clear: both;
}
#body {
float:left;
width: 534px;
margin: 0 0 0 1em;
}
#column {
float: right;
width: 275px;
margin: 115px 0 0 0;
}
#column_one, #column_two {
width: 250px;
}
#column_one {float: left;}
#column_two {float: right;}
.testimonial {
position: relative;
background: transparent url(/images/testimonial_bg.gif) top left no-repeat;
}
.push {
float: left; display: block;
width: 6em; height: 5.2em;
}
.testimonial p {
font-style: italic;
font-size: 1em;
color: #333;
line-height: 1.8em;
padding: 2em 2em 0 2em;
}
.testimonial_bottom p.author {
font-size: .7em; line-height: 1.6em;
text-indent: -.9em;
font-family: "Lucida Grande", Verdana, san-serif;
font-style: normal;
font-weight: bold;
letter-spacing: 0em;
margin: 0 0 0 3em; padding: 0 2em 6em 2em;
color: #6E5300;
}
.testimonial_bottom {
display: block;
width: 275px; height: auto;
margin: 0;
background: transparent url(/images/testimonial_bottom.gif) bottom left no-repeat;
}
.digressions {
background: transparent url(/images/digressions.gif) top left no-repeat;
text-indent: -9999px;
margin: 0 0 15px 0;
}
.digressions a {
display: block;
width: 275px; height: 47px;
}
/*****/
/***** HOME *****/
.latest {
position: relative;
margin: 1em 0 1em 0;
}
.title_bar {
background: #B3AA7E url(/images/latest/latest_bar.gif) top left no-repeat;
}
.latest h3 {
background: transparent url(/images/latest/title_gradient.gif) bottom left repeat-x;
text-transform: uppercase;
margin: 0 0 0 10px;
padding: .5em;
}
.latest h3 a {
color: #35220A;
font-weight: normal;
}
.latest h3 a:hover {
color: #FFF;
}
.latest_descrip {
position: absolute;
text-align: right;
width: 534px;
bottom: 0;
background: transparent url(/images/latest/latest_bg.png) top left repeat;
}
.latest_descrip h4 {
margin: 0;
padding: .5em;
}
.latest_descrip h4 a {
font-weight: normal;
color: #FFF;
}
/*****/
/***** PORTFOLIO *****/
#subnav {
margin: 10px 0 25px 0;
padding: 0 0 8px 0;
background: transparent url(/images/subnav_bottom.gif) bottom left repeat-x;
}
ul.works {
background-color: #F2F1ED;
list-style: none;
margin: 0; padding: .35em;
border-top: #333 1px solid;
border-bottom: #333 1px solid;
}
ul.works li {
background-image: none;
margin: 0 1em 0 .5em; padding: 0;
display: inline;
color: #333;
letter-spacing: .1em;
}
ul.works li a {
padding: .6em;
color: #333;
font-weight: normal;
}
ul.works li a:hover {
padding: .6em;
color: #FFF;
background-color: #46C3D3;
text-decoration: none;
}
ul.works li a:visited {
text-decoration: none;
}
ul.works li a.active {
background-color: #46C3D3;
color: #FFF;
padding: .6em;
font-weight: bold;
}
.work_box {
clear: both;
border-bottom: #35220A 5px solid;
margin: 0 0 20px 0;
}
.work_full {
margin: 15px 0 0 0;
padding: 0;
width: 514px; height: auto;
background: #F2F1ED url(/images/work_fade.gif) bottom left repeat-x;
border: #E6E3DC 10px solid;
}
.work_full p {
font-family: "Lucida Grande", Verdana, san-serif;
font-size: .7em; line-height: 1.4em;
color: #333;
padding: 10px; margin: 0;
}
.work_full p a {
color: #333;
font-weight: normal;
text-decoration: none;
}
.work_full p a:hover {
text-decoration: underline;
color: #46C3D3;
}
.work_third {
float: left;
margin: 15px 15px 0 0;
padding: 0;
width: 148px; height: 12.4em;
background: #F2F1ED url(/images/work_fade.gif) bottom left repeat-x;
border: #E6E3DC 10px solid;
}
.work_third:hover, .work_full:hover {border: #6E5300 10px solid;}
.work_third p {
font-family: "Lucida Grande", Verdana, san-serif;
font-size: .7em; line-height: 1.4em;
color: #333;
padding: .8em; margin: 0;
}
.work_third p a {
color: #333;
font-weight: normal;
text-decoration: none;
}
.work_third p a:hover {
text-decoration: underline;
color: #46C3D3;
}
.last_work {
margin: 15px 0 0 0!important;
}
img.top {
float: right;
margin: 15px 0 0 0; padding: 0;
}
#full_page {
width: 838px;
margin: 0 16px;
}
#full_page h1 {
margin: 20px 0 0 0!important;
}
#full_page h1 a {
font-weight: normal;
color: #35220A;
}
p.breadcrumbs {
padding: 0;
}
.project_box, .illustration_box {
width: auto; height: auto;
margin: 0 0 20px 0; padding: 0 0 35px 0;
border: #E6E3DC 10px solid;
background: #F2F1ED url(/images/work_fade.gif) bottom left repeat-x;
clear: both;
}
.project_box h3, .illustration_box h3 {
margin: 7px 0 10px 10px;
font-size: .9em;
font-weight: normal;
}
.project_box img, .illustration_box {
padding-left: 10px;
}
.illustration_box img.last {
padding-bottom: 20px;
}
.description {
float: right;
width: 245px;
margin: 32px 10px 0 0;
padding: 0 0 0 10px;
border-left: #35220A 1px dotted;
}
.description p {
font-size: .8em;
line-height: 1.6em;
font-family: "Times New Roman", Georgia, serif;
color: #333;
margin-bottom: 1.2em;
}
#portfolio_nav {
float: right;
margin: -11px 0 0 0; padding: 0;
width: 150px; height: 20px;
}
.previous {
float: left;
width: 89px; height: 20px;
}
.previous a {
display: block;
width: 89px; height: 20px;
background-image: url(/images/previous_button.gif);
background-position: 0px 0px;
}
.previous a:hover {
background-image: url(/images/previous_button.gif);
background-position: 0px 20px;
}
.next {
float: right;
width: 57px; height: 20px;
}
.next a {
display: block;
width: 57px; height: 20px;
background-image: url(/images/next_button.gif);
background-position: 0px 0px;
}
.next a:hover {
background-image: url(/images/next_button.gif);
background-position: 0px 20px;
}
.identity {
clear: both;
margin: 10px 10px 20px 10px;
padding: 0 0 10px 0;
border-bottom: #FFF 5px solid;
}
.identity .description {
width: 440px;
margin: 0;
}
.identity img {
margin: 0; padding: 0;
}
.view {
width: 5.8em; height: 1.9em;
margin: 7px 0 0 10px;
text-align: center;
font-family: "Times New Roman", Georgia, serif;
font-size: .9em;
letter-spacing: .1em;
}
.view a {
display: block;
padding: .1em .3em;
color: #FFF;
background-color: #C83E21;
text-decoration: none;
font-weight: normal;
}
.view a:hover {
color: #FFF; font-weight: bold;
background-color: #46C3D3;
text-decoration: underline;
}
/*****/
/***** SERVICES *****/
.services_list {
margin: 0 32px; padding: 0;
border-top: #35220A 2px dotted;
background: #E6E3DC url(/images/services_list_bg.gif) top left repeat-y;
}
.services_list ul {
margin: 0 0 0 2.8em;
}
/*****/
/***** ABOUT *****/
.ringstory {
position: relative;
background: transparent url(/images/story_box.gif) top left no-repeat;
padding: 25px 25px 0px 10px;
}
.gpush {
float: left; display: block;
width: 6em; height: 4em;
}
.ringstory p {
font: 70%/200% "Lucida Grande", Verdana, san-serif;
padding: 0px 15px 0px 15px;
margin: 0px;
}
.story_bottom {
display: block;
width: 275px; height: 226px;
margin: 0 -25px 20px -10px;
background: transparent url(/images/ring_box.jpg) top left no-repeat;
}
.associates {
margin: 15px 0 0 0;
padding: 15px 15px 0 15px;
width: 484px; height: auto;
background: #F2F1ED url(/images/work_fade.gif) bottom left repeat-x;
border: #E6E3DC 10px solid;
}
.associates h4 {
float: right;
display: block;
width: 246px; height: 99px;
text-indent: -9999px;
background: #F2F1ED url(/images/james_logo.png) top left no-repeat;
margin: 0 0 10px 10px;
}
/*****/
/***** CONTACT *****/
.contact_box {
width: 415px;
margin: 0 0 1.4em 2em;
padding: 10px 10px 0 10px;
background: #F2F1ED url(/images/iphone.jpg) top right no-repeat;
border: #E6E3DC 10px solid;
}
#twitter_div {
background: transparent url(/images/twitter_div_bottom.gif) bottom left no-repeat;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
}
.twitter_box {
padding: 10px 10px 0 10px;
background: #A2E1E9 url(/images/twitter_box_top.gif) top center no-repeat;
}
.twitter_content {
padding: 10px;
background: #FFF url(/images/twitter_box_bottom.gif) bottom left no-repeat;
}
.twitter_box p {margin: 1.4em 0 0 0;font-family: "Lucida Grande", Verdana, san-serif; font-size: .75em;}
.twitter_box p a {text-decoration: none;}
.twitter_box p a:hover {text-decoration: underline;}
ul#twitter_update_list {
list-style: none!important;
font-family: "Lucida Grande", Verdana, san-serif;
font-size: .8em; line-height: 1.4em;
margin: 0; padding: 0;
}
ul#twitter_update_list li {
padding: 0;
background-image: none!important;
}
.other_contacts {
float: right;
width: 275px;
}
/*****/
/***** ILLUSTRATION *****/
#ilustration_box {
margin: -15px 0 0 0;
}
/*****/
/***** BLOG *****/
.blog_entry {
margin: 0 0 20px 0;
border-bottom: #C83E21 1px dotted;
}
p.date {
margin: 0;
font-family: "Lucida Grande", Verdana, san-serif;
font-size: .7em;
font-weight: bold;
color: #46C3D3;
}
/*****/
#footer {
position: absolute;
bottom: 0;
margin: 0 57px;
padding: 0;
width: 870px;
height: 7em;
font-size: 80%;
background: #35220A url(/images/footer_bg.gif) top center no-repeat;
color: #FFF;
}
.footer_content {
padding: 1em 1em .5em 1em;
}
#footer ul {
list-style: none; font-size: .9em;
margin: 0 0 1.4em 7em; padding: 0;
font-family: "Lucida Grande", Verdana, san-serif;
}
#footer ul li {
display: inline;
background-image: none;
margin: 0 3.1em 0 0; padding: 0;
text-transform: uppercase;
letter-spacing: .1em;
}
#footer p {
margin: 0 0 0 7em; letter-spacing: .1em;
font-family: "Lucida Grande", Verdana, san-serif;
}
#footer p a:hover, #footer ul li a:hover {
color: #FFF;
}
#footer a {
font-weight: normal;
color: #46C3D3;
}
.hand {
position: absolute;
bottom: 0; right: 1em;
}