/* 
Title:     Presentation Wiz Stylesheet
Author:    design@studio2info.com
Updated:   November 2008
*/


/* Color Reference
---------------------------------------------------------- 
PAGE	LOCATION			HEX
Global	Body (Dark Grey)	999999
Global	Header (Light Grey)	b3b3b3
Global	Text P (80% K)		333333
Global	DownloadLink (lime)	879c33
Global	Subnav head (brown)	754c29
Global	Subnav (lt. yellow)	f6eed9
Home	Content (Yellow)	f1e3bc
Home	Header (Brown)		603913
Home	Headline (orangey)	d3552e
Port	Disclaimer (40% K)	999999

*/


/* General and global
---------------------------------------------------------- */

/* Clearfix - Clearing 21st Century Style - http://www.positioniseverything.net/easyclearing.html */ 

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* self-clear floats */

.group:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


*{margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family: "Arial", Arial, "Helvetica Neue", Helvetica Neue, Verdana, "Verdana" sans-serif;
	background: #a7a9ac url(images/header-bg.gif) top left repeat-x;
	}

/* Header and Top Navigation
---------------------------------------------------------- */

#header {
	margin: 0 auto;
	height: 200px;
	width: 940px;
	background: url(images/header-bg.gif) top left repeat-x;
	}
	
#header-nav {
	float: left;
	height:200px;
	width: 189px;
	overflow:hidden;
	}
	
#header-right {
	float:right;
	height:30px;
	width: 751px;
	.width: 744px;
	overflow:hidden;
	}

#header-contact {
	float:left;
	height:30px;
	width:115px;
	}

#contact {
	float:left;
	padding:9px 0 0 0;
	}
	
#envelope {
	float:left;
	padding: 0 5px 0 10px;
	}
	
#header-address {
	float:right;
	height:20px;
	width: 580px;
	padding: 9px 0 0 0;
	text-align: right;
	}
	
#header-logo {
	float:right;
	margin: 56px 0 10px 0px;
	.margin: 53px 0 10px 0px;
	width:210px;
	height:89px;
	}

#header-nav a {
	display: block;
	padding: 200px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:200px; /* for IE5/Win only */
	}
	
#header-nav a:hover {
	background-position: 0 -200px;
	}

body#home #header-nav a.nhome {
	background-position: 0 -200px;
	}

body#why #header-nav a.nwhy {
	background-position: 0 -200px;
	}
body#who #header-nav a.nwho {
	background-position: 0 -200px;
	}
body#gallery #header-nav a.ngallery {
	background-position: 0 -200px;
	}
body#contact-me #header-nav a.ncontact {
	background-position: 0 -200px;
	}

#left-nav ul {
	list-style:none;
	}

#left-nav ul li a {
font-size:12px;
text-decoration:none;
margin-bottom:10px;
	color: #333333;
	}


body#clients #header-nav a.nclients {
	background-position: 0 -200px;
	}
body#tutorials #header-nav a.ntutorials {
	background-position: 0 -200px;
	}
body#detail #header-nav a.ntutorials {
	background-position: 0 -200px;
	}
body#resources #header-nav a.nresources {
	background-position: 0 -200px;
	}
body#contact #header-nav a.ncontact {
	background-position: 0 -200px;
	}

#nav-home {
	float:left;
	height:200px;
	width:27px;
	}

#nav-home a {
	width:27px;
	background: url(images/nav/home.gif) top left no-repeat;
	}

#nav-why {
	float:left;
	height:200px;
	width:27px;
	}
	
#nav-why a {
	width:27px;
	background: url(images/nav/why.gif) top left no-repeat;
	}

#nav-who {
	float:left;
	height:200px;
	width:27px;
	}

#nav-who a {
	width:27px;
	background: url(images/nav/who.gif) top left no-repeat;
	}

#nav-gallery {
	float:left;
	height:200px;
	width:27px;
	}

#nav-gallery a {
	width:27px;
	background: url(images/nav/gallery.gif) top left no-repeat;
	}
	
#nav-clients {
	float:left;
	height:200px;
	width:27px;
	}

#nav-clients a {
	width:27px;
	background: url(images/nav/clients.gif) top left no-repeat;
	}

#nav-contact {
	float:left;
	height:200px;
	width:27px;
	}

#nav-contact a {
	width:27px;
	background: url(images/nav/contact.gif) top left no-repeat;
	}



#nav-tutorials {
	float:left;
	height:200px;
	width:27px;
	}

#nav-tutorials a {
	width:27px;
	background: url(images/nav/tutorials.gif) top left no-repeat;
	}

#nav-resources {
	float:left;
	height:200px;
	width:27px;
	}

#nav-resources a {
	width:27px;
	background: url(images/nav/resources.gif) top left no-repeat;
	}
	
 /* Pagination
---------------------------------------------------------- */
#paginate {
	padding: 0px 5px 15px 0;
	text-align:right;
	}
#paginate a {
	text-decoration: underline;
	font-size: 11px;
	color: #879c33;
	}
#paginate a:hover {
	color: #333333;
	}

	
	


/* Home page Info
---------------------------------------------------------- */


#home-gallery {
	margin: 0 auto;
	width:960px;
	height:338px;
	overflow:hidden;
	background: url(images/home-body-bg.gif) top left repeat-y;
	}

#home-gallery object {
margin: 0 0 0 5px;
.margin: 0 0 0 10px;
}


	
#home-content {
	margin: 0 auto;
	height: 290px;
	width: 960px;
	background: url(images/home-body-bg.gif) top left repeat-y;
	}
	
#home-headline {
	float:left;
	padding-top:30px;
	height:150px;
	width:285px;
	text-align: right;
	}

#home-copy {
	float:left;
	padding-top:30px;
	padding-left:55px;
	width: 515px;
	}
	
#home-footer {
	margin: 0 auto;
	padding: 15px 0px 0 0px;
	height: 100px;
	width: 960px;
	background: url(images/home-body-bg.gif) top left repeat-y;
	overflow:visible;
	.overflow:hidden;
	}
	
	
#home-footer #footer-copy {
	float:left;
	margin:0 0 0 10px;
	.margin: 0 0 0 6px;
	padding: 10px 0 0 15px;
	.padding: 10px 0 0 11px;
	width:720px;
	border-top: solid 1px #999999;
	overflow:hidden;
	}

#home-footer #footer-copy-right a {
	color:#333333;
	text-decoration:none;
	}

#home-footer #footer-copy-right a:hover {
	text-decoration:underline;
	}

#home-footer #footer-copy-right {
	float:left;
	padding: 10px 10px 0 0px;
	.padding: 10px 10px 0 0px;
	text-align:right;
	width:140px;
	border-top: solid 1px #999999;
	overflow:hidden;
	}
	
#home-footer #footer-mvp {
	padding: 10px 0 0 0;
	width:55px;
	border-top: solid 1px #999999;
	float:left;
	}
	
	

/* Portfolio page Info note: class= port-piece is also group
---------------------------------------------------------- */
#holder {
	float:left;
	}

.port-entry {
	height:400px;
	width:695px;
	padding: 0 0 0 35px;
	background-color: white;
	margin-bottom:55px;
	}

.port-entry:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.port-entry-copy {
	float:left;
	width: 225px;
	.width:215px;
	margin-right:25px;
	}

.port-link {
	text-decoration:underline;
	font-size: 12px;
	color: #879c33;
	}

.port-link:hover {
	color: #333333;
	}

.port-link-bold {
	text-decoration:underline;
	font-size: 12px;
	color: #879c33;
	}

.port-link-bold:hover {
	color: #333333;
	}

.port-piece {
	float:left;
	height:400px;
	width:445px;
	}

.port-piece:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.port-powerpoint {
	float: left;
        background-color: #fff;
	width: 445px;
	border: solid 1px #cccccc;
overflow:hidden;
	}

.port-powerpoint object {
	align: top;
	}
.port-disclaimer {
	float: left;
	width: 445px;
	height: 65px;
	margin-top: 5px;
	}

.disclaim {
	font-style: italic;
	font-size: 11px;
	color: #999999;
	line-height: 1.2em;
	}

span.reg {
font-size:5px;
position:relative;
top:-5px;
margin-left:0px;
.margin-left:-4px;

}


body#gallery span.reg {
font-size:4px;
.font-size:7px;
position:relative;
top:-5px;

}

/* Tutorial page Info note: class= tutorial is also group
---------------------------------------------------------- */

.tutorial {
	margin:0 0 20px 20px;
	width: 711px;
	border-bottom: solid 1px #cccccc;
	}

body#detail .tutorial {
	border: 0;
	}

.tutorial:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}


.date {
	font-size: 12px;
	color: #999999;
	margin:0px;
	}

.titlebox {
	float:left;
width:705px;
	}

.tutorialcopy {
	float:left;
	width:500px;
	}
	
.tutorialcopy a {
	color: #879c33;
text-decoration:underline;
	}

.tutorialcopy a:hover {
	color: #333333;
	}



.tutorialsample {
	float:right;
overflow:hidden;
margin:0px;
	}
	
.tutorialsample img {
	border: solid 1px #cccccc;
overflow:hidden;
margin:0px;
	}

.tutorialimagelinks p, .tutorialimagelinks p a {
	color: #879c33;
	font-size: 11px;
	text-align: right;
	margin-top:5px;
	}

.tutorialimagelinks p a:hover {
	color: #333333;
	}

	

/* Main Content Area
---------------------------------------------------------- */

#content {
	margin: 0 auto;
	padding-top: 35px;
	width: 960px;
	background: url(images/body-bg.gif) top left repeat-y;
	}

#body-container {
	float: left;
	}

#left-nav {
	float:left;
	margin: 0 0 0 10px;
	padding: 0 10px 0 15px;
	width:164px;
	}

#left-nav ul {
	list-style:none;
	}

#left-nav li {
	font-size:12px;
	text-decoration: none;
	margin-bottom:10px;
	}

#left-nav ul li a {
	color: #333333;
	}

#left-nav ul li a:hover {
text-decoration:underline;
}

#left-nav ul li a.active {
	color: #d3552e;
	}


#footer {
	margin: 0 auto;
	padding: 0px;
	height: 100px;
	width: 960px;
	margin-bottom:20px;
	background: url(images/footer-bg.gif) top left repeat-y;
	overflow:visible;
	.overflow:hidden;
	}

#footer #footer-copy {
	float:left;
	margin:0 0 0 10px;
	.margin: 0 0 0 6px;
	padding: 10px 0 0 15px;
	.padding: 10px 0 0 11px;
	width:720px;
	border-top: solid 2px #f6eed9;
	overflow:hidden;
	}


#footer #footer-copy-right a {
	color:#333333;
	text-decoration:none;
	}

#footer #footer-copy-right a:hover {
	text-decoration:underline;
	}

#footer #footer-copy-right {
	float:left;
	padding: 10px 10px 0 0px;
	.padding: 10px 10px 0 0px;
	text-align:right;
	width:140px;
	border-top: solid 2px #f6eed9;
	overflow:hidden;
	}
	
#footer #footer-mvp {
	padding: 10px 0 0 0;
	width:55px;
	border-top: solid 2px #f6eed9;
	float:left;
	overflow:hidden;
	}

body#resources ul li a {
	color: #879c33;
	text-decoration:underline;
	}

body#resources ul li a:hover {
	color: #333333;
	}

/*Capabilities Page
---------------------------------------------------------- */	
.cap-content {
	margin:0 0 20px 20px;
	width: 711px;

	}

.cap-content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}




/* Legal/Privacy Pages
---------------------------------------------------------- */

#l-content {
	float:left;
	margin: 0 10px 20px 220px;
.margin: 0 10px 20px 15px;
	width: 695px;
.width:670px;
	}

#l-content ul {
	list-style: none inside none;
	margin-bottom:10px;
	}
#l-content li {
	font-size:12px;
	color: #333333;
	margin: 0 0 0 10px;
	}


/* Who Page
---------------------------------------------------------- */

#who-content {
	float:left;
	margin: 0 10px 20px 220px;
.margin: 0 10px 20px 15px;
	width: 695px;
.width:670px;
	}

#who-copy {
float:left;
width:500px;
.width:475px;
}

#who-image-box {
float:right;
text-align:right;
}


#who-image-box h2 {
margin-bottom: -3px;
}

#who-image-box p {
font-size:11px;
}

#who-image {
float:right;
width:175px;
height:151px;
margin-bottom:10px;
.margin-bottom:2px;
}

#who-image img {
border: solid 1px #603913;
}

/* Typography
---------------------------------------------------------- */

p 	{
	font-size: 12px;
	color: #333333;
	margin-bottom:10px;
	line-height:1.4em;
	}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #754c29;
	line-height:1.3em;
	margin-bottom: 15px;
	
	}


h2 {
	font-size: 12px;
	font-weight: bold;
	color: #d3552e;
	line-height:1.3em;
	margin-bottom: 5px;
	
	}




/* Things like link behaviors and special text classes
---------------------------------------------------------- */

img {
	font-size:12px;
	color:#333333;
	}


a	{
	text-decoration:none;
	border:none;
	}

a.noline img {
	border:none;
	}
	
a.noline:hover {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

.tutorialcopy ul {
	list-style:disc inside none;
	margin-bottom:10px;
	}

.tutorialcopy li {
	font-size:12px;
	color: #333333;
	margin: 0 0 0 10px;
	}

.reg{
	font-size:5px;
	}

p.footer {
	font-size: 11px;
	}

p.footer span {
	font-weight: bold;
	}

p.contact {
	font-size:11px;
	color:white;
	}

p.contact a {
	color:white;
	}
	
p.contact a:hover {
	text-decoration: underline;
	}

.right {
	text-align: right;
	}

.bold-right {
	text-align: right;
	font-weight: bold;
	}
.orange-right {
	color: #d3552e;
	text-align: right;
	}

#header-address p, #header-address a {
	color:white;
	text-decoration:none;
	}

.orange {
	color: #d3552e;
	}

a.linkout {
	text-decoration:underline;
	font-size: 12px;
	color: #879c33;
	}

a.linkout:hover {
	color:#333333;
	}

a.linkout-r {
	text-decoration:underline;
float:right;
	font-size: 12px;
	color: #879c33;
margin-bottom:10px;
	}

a.linkout-r:hover {
	color:#333333;
	}

.italic {
font-style:italic; }

.italic span {
	color: #d3552e;
}


#errormsg {
	padding:5px;
	width:400px;
	color:red;
	}  
		
.error {
	background: #e2a3a3;
	}

span {

	padding:0;
	.padding:0 0 0 5px;
	}