/* OnDesign4id Global Stylesheet */

/* General Typography ---------------------------- */
body {
	background: #000;
	color: #ccc;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	}
h1 {
	font-size: 24px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	}
h2 {
	color: #d72;
	font-size: 21px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
	padding: 0 0 10px 0;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 21px;
	margin: 0;
	}
p, ul, ol {
	font-size: 13px;
	line-height: 21px;
	margin: 0 0 21px 0;
	}
p.list {margin-bottom: 0;}
ul {
	list-style : disc outside;
	padding: 0 0 0 15px;
	}
ol {
	list-style: decimal inside;
	padding: 0 0 0 7px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	padding: 0;
	}
html>body ol {padding: 0;}
blockquote {
	margin: 0 24px;
	}
blockquote p {
	line-height: 19px;
	margin-bottom: 15px;
	}
strong {font-weight: bold;}
em {font-style: italic;}
img {display: block;}


/* Links --------------------------------- */
a {
	border-bottom: 1px dotted #777;
	color: #fff;
	text-decoration: none;
	}
a:hover {
	border-bottom-color: #cb5;
	color: #ffc977;
	}
.box a {
	border-bottom-color: #888;
	color: #333;
	}
.box a:hover {
	border-bottom-color: #b86;
	color: #c63;
	}


/* Page Layout Divisions ---------------------------- */
#container {
	margin: 0 auto;
	
	position: relative;
	text-align: left;
	width: 976px;
}
#header {
	height: 78px;
	padding: 18px 0 0 16px;
	position: relative;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height: 60px;
	}
html>body #header {height: 60px;}
#header a#ondesign-logo {
	border-bottom: none;
	display: block;
	height: 60px;
	width: 130px;
	}
#maincontent {
	color: #ccc;
	position: relative;
	margin: 0 240px 0 256px;
	padding: 15px 0 300px 0;
	}
.box {
	background: #e5e5d5;
	color: #333;
	padding: 24px;
	}

	
/* Top Navigation ---------------------------- */
#mainnav,
#mn1a,
#mn2a,
#mn3a {
	font-size: 11px;
	line-height: 13px;
	}
#mainnav {
	border-bottom: 1px dotted #f90;
	font-weight: normal;
	height: 29px;
	left: 256px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 26px;
	width: 720px;
	}
#mainnav li {
	float: left;
	padding: 2px 8px 4px 0px;
	}
#mainnav #mn1 {
	padding-left: 0;
	}
#mn1a,
#mn2a,
#mn3a {
	border-right: 1px dotted #f90;
	border-left: 1px dotted #f90;
	float: left;
	list-style: none;
	margin-left: 8px;
	padding: 0;
	}
#mn1a li,
#mn2a li,
#mn3a li {
	background: url(/theme/img/nav_bullet.gif) no-repeat 0 6px;
	float: left;
	padding: 0 8px 4px 10px;
	margin: 0;
	}
#mn1a #mn1a1,
#mn2a #mn2a1,
#mn3a #mn3a1 {
	background: none;
	padding-left: 8px;
	}
#mainnav a,
#mainnav #mn1a a,
#mainnav #mn2a a,
#mainnav #mn3a a {
	color: #eee;
	text-decoration: none;
	border-bottom: 0;
	float: left;
	font-weight: normal;
	}
#mainnav a:hover,
#mainnav #mn1a a:hover,
#mainnav #mn2a a:hover,
#mainnav #mn3a a:hover {
	color: #ffc977;
	}

/* Sub Menu Display */
body.home #mn1a,
body.home #mn2a,
body.home #mn3a,
body.forward4 #mn2a,
body.forward4 #mn3a,
body.results #mn1a,
body.results #mn3a,
body.work #mn1a,
body.work #mn2a,
body.profile #mn1a,
body.profile #mn2a,
body.profile #mn3a,
body.contact #mn1a,
body.contact #mn2a,
body.contact #mn3a,
body.error404 #mn1a,
body.error404 #mn2a,
body.error404 #mn3a {
	display: none;
	}

/* Page indication -- You are Here */
body.forward4 #mn1 a,
body.results #mn2 a,
body.work #mn3 a,
body.profile #mn4 a,
body.contact #mn5 a {
	color: #f90;
	}
body.forward4.define #mn1a #mn1a1 a,
body.forward4.discover #mn1a #mn1a2 a,
body.forward4.design #mn1a #mn1a3 a,
body.forward4.drive #mn1a #mn1a4 a {
	color: #f90;
	}
body.results.action #mn2a #mn2a1 a {
	color: #f90;
	}
body.work.brand #mn3a #mn3a1 a,
body.work.print #mn3a #mn3a2 a,
body.work.web #mn3a #mn3a3 a {
	color: #f90;
	}


/* Page and Section Specific Styles ------------------------------ */

/* Forward4 Section -- Left margin graphics (Define, Discover, etc.) */
body.forward4.define #container {background: url(/theme/img/forward4_1define.gif) no-repeat 16px 129px;}
body.forward4.discover #container {background: url(/theme/img/forward4_2discover.gif) no-repeat 16px 129px;}
body.forward4.design #container {background: url(/theme/img/forward4_3design.gif) no-repeat 16px 129px;}
body.forward4.drive #container {background: url(/theme/img/forward4_4drive.gif) no-repeat 16px 129px;}
/* Forward4 Page */
body.forward4.intro #maincontent {
	background: url(/theme/img/forward4egg.jpg) no-repeat 82px 154px;
	}
body.forward4.intro h2 {margin-bottom: 70px;}
/* Home Page */
body.home h1#ondesign4id {
	position: absolute;
	top: 248px;
	left: 160px;
	}
body.home h2 {margin-bottom: 9px;}
body.home #intro {
	margin: 54px 0 300px 524px;
	}
body.home #intro p {
	line-height: 19px;
	margin-bottom: 15px;
	}
body.home #egg {
	margin: 0 0 125px 0;
	}
/* Work Section */
body.work h2 {
	border-bottom: 1px dotted #b50;
	}
body.work #maincontent {
	margin-top: 0;
	margin-right: 0;
	}
body.work .feature {
	float: left;
	width: 240px;
	padding: 32px 32px 0 0;
	font-size: 12px;
	line-height: 16px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 208px;
	}
html>body.work .feature {width: 208px;}
body.work .feature-image a {
	display: block;
	border: 0;
	}
body.work .feature img {
	border: 0;
	margin-bottom: 16px;
	}

body.work #project-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 160px;
	left: 16px;
	width: 160px;
	}
body.work #project-nav li {
	float: left;
	margin: 0;
	padding: 0 16px 16px 0;
	font-size: 11px; 
	line-height: 13px;
	}
body.work #project-nav a {
	float: left;
	border: 1px solid #777;
	padding: 0;
	
	}
body.work #project-nav a:hover {border-color: #ffb340;}
body.work #project-nav a.current {border-color: #df7527;}
body.work #project-nav img {
	border: 0;
	height: 22px;
	width: 22px;
	}
body.work #project {
	position: relative;
	padding: 30px 0 160px 0;
	}
body.work #project .desc {
	font-size: 12px;
	line-height: 16px;
	padding-top: 30px;
	padding-bottom: 16px;
	}
body.work.brand #project .desc {
	position: absolute;
	top: 0;
	right: 0;
	width: 320px;
	}
body.work.print #project .desc {
	position: absolute;
	top: 160px;
	left: -240px;
	width: 160px;
	}
body.work.web #project .desc {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	}
	
/* Results Page */
body.results #container {background: url(/theme/img/forward4andegg.jpg) no-repeat 16px 129px;} 
body.results.action #container {background: url(/theme/img/results-software-teamwork.jpg) no-repeat 16px 129px;}
/* Profile Page */
body.profile #container {background: url(/theme/img/forward4andegg.jpg) no-repeat 16px 129px;}