/* ----------------------------------- 

 Made by Mcween.
 mcween.com
 studio@mcween.com
 
 v1.6
 
 ----------------------------------- */

html { 
	height: 100%;
}

body { 
	margin: 0;
	padding: 0;
	font-family: "Georgia", Times New Roman, serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	text-align: left;
	color: #333;
	background: #fff url(/images/st-pattern.gif) 0 0;
}


/* ----- Global GUI ----- */

a {cursor:pointer;}
a:link, a:active, a:visited {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

a.learn-more { color:#2759b6;}
a.learn-more:visited { color:#666; }
a.learn-more:hover { color:#000; text-decoration: underline; }

a.partner { color:#948c7d;}
a.partner:visited { color:#948c7d; }
a.partner:hover { color:#3d2217; text-decoration: underline; }

a.email { color:#000;}
a.email:visited { color:#666; }
a.email:hover { color:#007dc7; text-decoration: underline;}

.floater { float: left; }
.clear { clear: both; }
.overbox:after {
    content: "."; 
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;
}

.overbox {display: inline-table;}

.clearfix { display: inline-block; }   
.clearfix:after, .container:after {
content: ".";
height: 0; 
clear: both; 
visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hide {
visibility: hidden;
}

strong { font-weight:bold; }


/* ----- Page Layout ----- */

#page-wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 left; 
}

#content-wrapper {
	width: 960px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
	background: transparent url(/images/st-bgpaper.png) 0 0 repeat-y;
}

#left-column {
	width: 60px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-indent: -999px;
	overflow: hidden; 
	float: left;
	border-bottom: 1px solid #d2d2d2;
}

#right-column {
	width: 891px; /* 915 for 7th tab (ie. advanced sort) */
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}

#footer {
	width: 100%;
	padding: 15px 0 0 0;
	margin: 0;
	height: 75px;
	overflow: hidden;
	clear: both;
	background: transparent url(/images/st-bgpaper.png) 0 0 repeat-y;
}

.footer-copy {
	padding: 0 0 1px 95px; 
	color: #948c7d; 
	font-size: 11px; 
	line-height: 17px; 
}

#footer .footer-copy .copyright {float: left;}
#footer .footer-copy .credit {float: left; clear: both;}


/* ----- Main Navigation ----- */

#main-navigation {
	display: none;
	height: 100%;
	overflow: hidden;
}

.container { 
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

.container li {
	display: inline;
	margin: 0;
	padding: 0;
}

.contentContainer {
	width: 0;
	margin: 0;
	padding: 0;
	float: left;
	height: 100%;
	overflow: hidden;
}

.contentWrapper {
	width: 745px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.contentInnerWrapper {
	text-align: left;
	width: 745px;
	margin: 0;
	padding: 0;
	height: 100%;
}

/* ----- Tab Defaults ----- */ 
/* 7 tabs x 25px = 175px */

.tab {
	width: 23px;
	height: 100%;
	margin: 0;
	float: left;
	border-right: 1px solid #d8d8d8;
	border-left: 1px solid #d1d1d1; /*dbdbdb*/
	cursor: pointer;
	z-index: 0;
}

.tabOver {
	cursor: pointer;
	background: #f3f2ef; /* f3efe8 */ 
}

.tabSelected {
	height: 100%;
	background-color: #fff;
	overflow: hidden;
	cursor: default;
}

#main-navigationHandle0 {
	border-left: 1px solid #fff;
}

/* ----- Global Content ----- */

.global-footer {
	width: 745px;
	height: 50px;
	padding: 0;
	clear: both;
	overflow: hidden;
	/* border-top: 1px solid #d2d2d2; */
	background: transparent url(/images/st-footer-shadow.jpg) 0 0 no-repeat;
}

.global-footer a {
	margin: 0;
	padding: 20px 0 0 30px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #007dc7;
}

.global-footer a.resume {
	margin: 20px 0 0 26px;
	padding: 7px 0 0 38px;
	height: 32px;
	float: left;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #007dc7;
	background: transparent url(/images/pdf-icon-32.gif) 0 0 no-repeat;
}

.global-footer a:hover {
	color: #3d2217;
	text-decoration: underline;
}


/* ----- Homepage Content ----- */

.home-content { 
	width: 745px;
	height: 630px;
	border-bottom: 1px solid #d1d1d1;
	background: transparent url(/images/st-home-shadow.png) 0 0 no-repeat;
}

.home-title {
	width: 371px;
	height: 124px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	border-right: 1px solid #ebe8e7;
	border-bottom: 1px solid #e2ded5;
	/* background-color: #fff; */
}

.global-title {
	width: 371px;
	height: 124px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	border-right: 1px solid #ebe8e7;
}

.home-desc p {
	width: 317px;
	height: 87px;
	margin: 0;
	padding: 37px 35px 0 20px;
	font-size: 12px;
	line-height: 18px;
	/* font-style: italic; */
	color: #666;
	float: left;
	border-bottom: 1px solid #e2ded5;
	overflow: hidden;
	background-color: #fff;
}

.home-desc p span { color: #007dc7; font-weight: bold; }


/* ----- Global Section Content (775px) ----- */

.section-title {
	display: inline-block;
	width: 745px;
	height: 124px;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #bdbdbd;
	overflow: hidden;
	background-color: #fff;
}

.section-title p {
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	font-style: italic;
	font-weight: normal;	
	color: #007dc7;
}

.section-content-left {
	width: 371px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #fff;
	border-right: 1px solid #e2ded5;
	overflow: hidden;
}

.section-content-right {
	width: 372px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #fff;
	overflow: hidden;
	clear: right;
}

.project-list ul {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.project-list li {
	display: block;
	width: 287px;
	margin: 0;
	padding: 15px 55px 20px 30px;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #e2ded5;
}

.project-list li:hover {
	background-color: #f5f9fd; /* f3f8fc f5f9fd */
}

.project-list li p {
	display: block; /* IE */
	width: 301px;
	padding: 0 0 5px 0;
	font-size: 22px;
	line-height: 26px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #573b2f; /* 3d2217 007dc7 */
	float: left;
}

.project-list li span {
	display: inline-block;
	padding: 0 0 0 5px;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	color: #948c7d;
	float: none; /* left */
}

.project-list li span a {
	display: inline;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	color: #007dc7; /* 948c7d */
	float: none;
}

.project-list li span.projects {
	margin: 0;
	padding: 5px 0 0 5px;
	color: #3d2217;
	font-style: italic;
	float: left;
}

.project-list li span.projects a {
	display: inline;
	font-size: 14px;
	line-height: 18px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: #007dc7;
}

.project-list li span.projects a:hover {
	color: #3d2217;
	text-decoration: underline;
}

.project-list li span.projects a:visited {
	color: #817c72;
	text-decoration: underline;
}

/* ----- Resume Section ----- */

.section-content-resume {
	display: block;
	width: 287px;
	margin: 0;
	padding: 15px 55px 20px 30px;
	float: left;
	background-color: #fff;
	/* border-bottom: 1px solid #e2ded5; */
}

.section-content-resume p {
	font-size: 13px;
	line-height: 17px;
	color: #7a6f5b; /* 827866 867d6c 948c7d 573b2f */
}

.section-content-resume p span {
	color: #573b2f;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
}

.section-content-resume p i {
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #573b2f; /* 573b2f */
}

.section-content-resume p strong {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	color: #573b2f; /* 573b2f */
}

/* ----- Interactive Section ----- */

.iframe {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#flash-content {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

#video-content {
	overflow: hidden;
}

#audio-content {
	width: 300px;
	height: 250px;
	overflow: hidden;
}

/* ----- General UI ----- */

#page-ui {margin:0 0 30px 62px; padding: 0;}
#page-ui p {height: 17px; width: 17px;}
#page-ui a {
	height: 17px; 
	width: 17px;
	color: #6d6d6d;
	background: transparent url(/images/page-ui-top.gif) no-repeat 0 0; 
	display: block;
}