@charset "utf-8";
/* CSS Document */

* {
margin:0pt;
padding:0pt;
}

body {
-x-system-font:none;
color:#111111;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:20px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:36px;
text-align:center;
}

#wrapper, #content {
margin:0pt auto;
max-width:1200px;
min-width:920px;
padding:10px 60px;
}

#background {
background-color:#F4F2F5;
}

.clear {
clear:both;
}

h1 {
font-size:4em;
font-weight:normal;
letter-spacing:-3px;
padding:40px 0pt;
word-spacing:0.1em;
}

.space {
letter-spacing:-10px;
}

.tagline {
border-bottom:4px double #CCCCCC;
border-top:4px double #CCCCCC;
line-height:30px;
padding:25px 0pt;
}

.nav-grid {
float:left;
margin:40px 4% 20px 0pt;
width:40%;
}
.nav-grid-right {
float:right;
margin:40px 0pt 20px;
width:40%;
}
.product-grid {
float:left;
margin-right:5%;
width:30%;
}
.product-grid-right {
float:right;
width:30%;
}
.product-icon {
background-color:#FFFFFF;
border:4px double #CCCCCC;
margin-bottom:30px;
padding:4px;
}
.product-icon img {
padding:20px;
}
.product-icon h3 {
text-align:center;
}
.product-icon p {
color:#CCCCCC;
font-size:0.8em;
font-style:italic;
text-align:center;
}
.product-slogan {
font-size:0.8em;
font-style:italic;
text-align:left;
}
#product p {
margin-bottom:20px;
}
#product a {
text-align:center;
}
.light-grey {
color:#999999;
}
.link {
margin-bottom:20px;
text-align:left;
}
#work h3 {
margin-bottom:20px;
}
#work p {
margin-bottom:20px;
}
.work-grid-3-left {
float:left;
margin-right:4%;
width:22%;
}
.work-grid-3-middle {
float:left;
margin-right:4%;
padding:6px 0pt 60px;
width:48%;
}
.work-grid-3-right {
float:right;
font-style:italic;
height:350px;
width:22%;
}
.image-bg {
background-color:#FFFFFF;
}
.image-border {
border:4px double #CCCCCC;
height:350px;
overflow:hidden;
}
.side-title {
font-size:1em;
font-style:normal;
}
.side-note {
color:#999999;
font-size:0.6em;
height:200px;
}
.next-button {
cursor:pointer;
float:left;
}
.next-button:hover {
color:#FF0000;
cursor:pointer;
}
#company h3 {
margin-bottom:20px;
}
#company h4 {
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
margin-left:90px;
text-align:left;
}
#company p {
margin-bottom:20px;
}
#company img {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
margin-top:2px;
padding:4px;
}
.minheight {
min-height:120px;
}
.company-grid {
float:left;
margin-right:4%;
width:22%;
}
.company-grid-right {
float:right;
width:22%;
}
.picture-note {
color:#999999;
font-size:0.6em;
font-style:italic;
margin-left:90px;
}
.blog-grid {
float:left;
margin-right:5%;
width:30%;
}
.blog-middle {
float:left;
margin-right:5%;
width:30%;
}
.blog-last {
float:right;
width:30%;
}
.blog-disabled p, .blog-disabled .post, .blog-disabled h3, .blog-disabled a {
color:#CCCCCC;
}
p {
font-size:0.7em;
line-height:1.5em;
text-align:left;
}
h2 {
font-size:1.5em;
font-weight:normal;
padding-bottom:10px;
text-align:left;
}
h3 {
font-size:1.3em;
font-weight:normal;
text-align:left;
}
.lucida {
color:#CCCCCC;
font-family:"Lucida Grande",Tahoma;
}
.lucida:hover {
color:#FFBFBE;
}
.selected {
color:#CCCCCC;
}
a {
color:#111111;
}
.bullettless a{
text-decoration:none;
}

a:hover {
color:#FF0000;
}
.nav-grid, .nav-grid-right {
cursor:pointer;
}
.nav-grid:hover h2, .nav-grid-right:hover h2 {
color:#FF0000;
}
.nav-grid:hover h2 .lucida, .nav-grid-right:hover h2 .lucida {
color:#FFBFBE;
}
.nav-grid:hover p, .nav-grid-right:hover p {
color:#111111;
}
#work, #blog, #product, #client {
min-height:400px;
}
.post {
float:left;
margin-right:12px;
width:75px;
}
.day {
font-size:2.4em;
}
.month {
font-size:1em;
}

#footer, #footer-background {
padding-top:40px;
}

#footer p, #footer-background p {
-x-system-font:none;
color:#CCCCCC;
font-family:"Lucida Grande",Tahoma;
font-size:0.5em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
text-align:center;
}

.bullettless {
	list-style-image: none;
	list-style-type: none;
}
.number {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper #content th {
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 15px;
}
#wrapper #content td {
	text-align: left;
	vertical-align: top;
}