/*
-----------------------------------------------
Yogirt, Inc.
Author: Brian Yoshida
Stylesheet: Global
Version: 1.0
----------------------------------------------- */

/* [ Basics ]
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}
body {
	background: #292a2e;
	font: small/1.2em Arial, Helvetica, sans-serif;
	color: #b4b4b4;
	text-align: center;
	}
p {
	margin: 0 0 1.4em;
	line-height: 1.7em;
	}
img {
	border: none;
	}
ul, li {
  list-style: none;
  }
form {
	margin: 0;
	padding: 0;
	}
code {
	font-family: Monaco, "Courier New", Courier, Monospace;
	}

/* [ Headers ]
----------------------------------------------- */
h2 {
	margin: 0 0 1em 0;
	font-size: 152%;
	font-weight: bold;
	letter-spacing: .25em;
	color: #69b4eb;
	}
h3 {
	margin: 0 0 1em 0;
	font-size: 119%;
	font-weight: bold;
	color: #b4b4b4;
	}
h4 {
	margin: 0 0 1em 0;
	font-size: 100%;
	font-weight: bold;
	color: #b4b4b4;
	}

/* [ Links ]
----------------------------------------------- */
a:link, a:visited {
	color: #69b4eb;
	text-decoration: underline;
	}
a:hover {
	color: #69b4eb;
	text-decoration: none;
	}
a.more {
	padding-right: 7px;
	background: url(img/arrow-more.gif) no-repeat 100% 4px;
	}

/* [ Lists ]
----------------------------------------------- */
dl.list {
	margin: 0;
	}
dl.list dt {
	margin-bottom: 1em;
	font-weight: bold;
	}
dl.list dd {
	margin: 0 0 1em 1em;
	padding-left: 12px;
	background: url(img/bullet-blue.gif) no-repeat 0 6px;
	}

/* [ Forms ]
----------------------------------------------- */
form p, form dl dd {
	margin: 0 0 1em 0;
	padding: 0;
	}
dt em, .note em {
	color: #69b4eb;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	}
#form-default {
	width: 554px;
	height: 350px;
	margin: 20px 0 0;
	padding: 20px;
	background: #35363a url(img/bg-module-form.gif) no-repeat;
	}
input.input-default {
	width: 70%;
	border: 1px solid #fff;
	padding: 2px;
	font-size: 118%;
	font-family: inherit;
	background: #cfcece;
	color: #292a2e;
	}
textarea.textarea-default {
	width: 71%;
	height: 100px;
	border: 1px solid #fff;
	font-size: 118%;
	font-family: inherit;
	background: #cfcece;
	color: #292a2e;
	}
select.select-default {
	width: 70%;
	border: 1px solid #fff;
	padding: 2px;
	font-size: 118%;
	background: #cfcece;
	color: #292a2e;
	}
input:focus, textarea:focus {
	background: #fff;
	}
dt.form-divider {
	margin: 1em 0;
	font-weight: bold;
	}

/* [ Global Layout ]
----------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	font-size: 92%;
	}
#lander {
	float: left;
	margin-bottom: 22px;
	}
#content {
	clear: both;
	width: auto;
	margin: 0 22px;
	min-height: 200px;
	}

/* [ Header ]
----------------------------------------------- */
#header {
	float: left;
	width: 980px;
	height: 77px;
	}
#logo {
	float: left;
	width: 139px;
	height: 31px;
	margin: 22px;
	display: block;
	}
ul#nav-main {
	float: right;
	height: 75px;
	margin: 25px 22px 0 0;
	font-size: 119%;
	color: #8a8787;
	}
ul#nav-main li {
	float: left;
	margin-left: 7px;
	padding-right: 7px;
	display: block;
	/*background: url(img/nav-main-divider.gif) no-repeat 0 3px;*/
	border-right: 1px dotted #4b4c50;
	}
ul#nav-main li.last {
	padding-right: 0;
	border-right: none;
	}
ul#nav-main a {
	float: left;
	padding: 6px 10px;
	text-decoration: none;
	border: 1px solid #292a2e;
	color: #8a8787;
	}
ul#nav-main a:hover {
	background: #3f4043;
	border: 1px solid #4b4c50;
	color: #b4b4b4;
	}
/* Highlight category based on body class */
.home #nav-main .home, 
.work #nav-main .work, 
.services #nav-main .services, 
.about #nav-main .about, 
.contact #nav-main .contact {
	background: #3f4043;
	border: 1px solid #4b4c50;
	color: #b4b4b4;
	}

/* [ Homepage ]
----------------------------------------------- */
#home-3-col {
	float: left;
	width: 936px;
	background: url(img/home-3-col-bg.gif) repeat-y;
	}
#home-3-col-1 {
	float: left;
	width: 213px;
	padding-right: 30px;
	}
#home-3-col-2 {
	float: left;
	width: 330px;
	padding: 0 30px;
	}
#home-3-col-3 {
	float: left;
	width: 273px;
	padding-left: 30px;
	}
#home-3-col-1 dl {
	margin: 0;
	}
#home-3-col-1 dt {
	margin-bottom: 1em;
	}
#home-3-col-1 dd {
	margin-bottom: .5em;
	padding-left: 12px;
	background: url(img/bullet-blue.gif) no-repeat 0 6px;
	}
#home-3-col-2 ul {
	margin: 0;
	}
#home-3-col-2 li {
	margin-bottom: 1.5em;
	padding-left: 34px;
	}
#home-3-col-2 li em {
	font-style: normal;
	color: #69b4eb;
	}
#home-3-col-2 li.usability {
	background: url(img/icon-home-usability.gif) no-repeat 0 4px;
	}
#home-3-col-2 li.elegance {
	background: url(img/icon-home-elegance.gif) no-repeat 0 4px;
	}
#home-3-col-2 li.optimization {
	background: url(img/icon-home-optimization.gif) no-repeat 0 4px;
	}
#home-3-col-2 li.standards {
	background: url(img/icon-home-standards.gif) no-repeat 0 4px;
	}
#home-3-col-3 dl {
	margin: 0;
	}
#home-3-col-3 dt {
	width: 251px;
	height: 163px;
	margin-bottom: 1em;
	padding: 10px;
	background: #3f4043;
	border: 1px solid #4b4c50;
	}
#home-3-col-3 dd {
	margin-bottom: .5em;
	}

/* [ Sublevel ]
----------------------------------------------- */
#sub-1-col {
	float: left;
	width: 936px;
	}
#sub-2-col {
	float: left;
	width: 936px;
	}
#sub-2-col-1 {
	float: left;
	width: 680px;
	}
#sub-2-col-2 {
	float: right;
	width: 221px;
	}
#sub-2-col-1 ul {
	float: left;
	width: 628px;
	height: 378px;
	padding: 26px;
	background: #35363a url(img/bg-module-work.gif) no-repeat;
	}
#sub-2-col-1 li {
	float: left;
	width: 191px;
	margin: 0 24px 0 0;
	padding: 0;
	}
#sub-2-col-1 li.last {
	margin-right: 0;
	}
#sub-2-col-1 li img {
	margin-bottom: .5em;
	}
#sub-1-col ul.services {
	
	}
#sub-1-col ul.services li {
	float: left;
	width: 358px;
	height: 86px;
	margin: 0 20px 20px 0;
	padding: 20px;
	background: #35363a url(img/bg-module-services.gif) no-repeat;
	}
#sub-1-col ul.services dl {
	margin: 0;
	padding: 0;
	}
#sub-1-col ul.services dl.strategy {
	background: url(img/icon-services-strategy.gif) right no-repeat;
	}
#sub-1-col ul.services dl.development {
	background: url(img/icon-services-development.gif) right no-repeat;
	}
#sub-1-col ul.services dl.creative {
	background: url(img/icon-services-creative.gif) right no-repeat;
	}
#sub-1-col ul.services dl.maintenance {
	background: url(img/icon-services-maintenance.gif) right no-repeat;
	}
#sub-1-col ul.services dt {
	margin-bottom: .5em;
	font-weight: bold;
	}
#sub-1-col ul.services dd {
	margin-bottom: .5em;
	padding-left: 12px;
	background: url(img/bullet-blue.gif) no-repeat 0 6px;
	}

/* [ Footer ]
----------------------------------------------- */
#footer {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 22px;
	background: #3f4043;
	}
#footer p {
	float: left;
	margin: 0;
	padding: 10px;
	font-size: 82%;
	color: #7a7b7c;
	}
#footer ul {
	float: right;
	margin-right: 10px;
	padding: 10px 100px 10px 10px;
	font-size: 82%;
	background: url(img/logo-footer.gif) no-repeat right;
	}
#footer li {
	padding: 5px;
	display: inline;
	}
#footer li a {
	color: #999998;
	text-decoration: none;
	}

/* [ Misc ]
----------------------------------------------- */
.clear {
	clear: both;
	display: none;
	}
.hide {
	display: none;
	}
.back-top {
	margin-bottom: 0;
	}
.no-break {
	margin-bottom: 0;
	}