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

 Made by Mcween.
 mcween.com

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

html { 
	height: 100%;
}

body { 
	color: #000; 
	background-color: #fff; 
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px; 
	line-height: 23px;
}

a {cursor:pointer;}
a {color: #3274d1; text-decoration: none;}
a:hover {color: #0066cc; text-decoration: underline;}
a:visited {color:#a4a4a4;}

#nav-container-inside a {color: #000; text-decoration: none;}
#nav-container-inside a:hover {color: #0066cc; text-decoration: underline;}
#nav-container-inside a:visited {color:#a4a4a4;}

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

.fullbox {display: inline-table;}

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

h1,h2,h3 {margin:0; padding:0;}

.intro {padding:0 0 30px 0; border-bottom: 1px solid #ccc;}
.intro-testing {margin:0 0 20px 0;padding:0 0 20px 0; border-bottom: 1px solid #ccc;}
.intro-about {margin:19px 0 0 0; padding:0 0 20px 0; border-bottom:1px solid #999;}
.intro-large {font-size: 22px; line-height: 29px;}

.jm-bio { font-size: 90%; line-height: 21px;}
.intro-client {margin:0 0 20px 0; padding:0; border:0;}
.intro-client-end {margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #ccc;}
.intro-about-me {margin:0 0 20px 0; padding:0 0 20px 0;}
.intro a {color: #3274d1}
.intro a:hover {color: #0066cc;text-decoration: underline;}

strong {font-weight:bold;}

.helvneue-light {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
}

.helvneue-med {
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 500;
}

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

#container {
	width: 900px; 
	margin: 0 left; 
	padding: 0 0 40px 55px; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
}

#header {width: 900px; height: 150px; margin:0 0 50px 0; text-align: left; overflow: hidden; clear: both; }

#left-column {width:535px; margin:0 55px 0 0; overflow: hidden; float: left;}
#right-column {
	width:279px;
	margin:0; 
	padding:0 0 0 20px; 
	float: left;
	background: transparent url(../images/rightrail-edge.gif) no-repeat 0 0;
	border-left: 1px solid #e5e5e5;
}

#right-column-sml {
	width:279px; 
	margin:0; 
	padding:0 0 0 20px; 
	float: left;
	background: transparent url(/images/rightrail-edge-sml.gif) no-repeat 0 0;
	border-left: 1px solid #e5e5e5;
}

#pageui {margin:30px 0 10px 0; padding: 0;}
#pageui p {height: 17px; width: 17px;}
#pageui a {
	height: 17px; 
	width: 17px;
	color: #6d6d6d;
	background: transparent url(/images/mcweenui_top.gif) no-repeat 0 0; 
	display: block;
}
/*
#pageui a {text-decoration: none; background-color: transparent;}
#pageui a:hover {text-decoration: none; background-color: transparent;}
*/

#footer {
	padding: 0;
	margin: 0;
	height: 69px;
	width: 100%;
	overflow: hidden;
	clear: both;
	/* border-top: 1px solid #dadada; */
	background: url(/images/bg_footer.gif) top left repeat-x;
}

.footer-copy {
	/* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	padding:10px 0 0 55px; 
	color:#999; 
	font-size: 70%;
} /* color:#767676; */


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

#nav-container {margin:10px 0 0 0; padding:0 0 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
#nav-container-inside {margin:0 0 10px 0; padding:0 0 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.nav-item {
	color:#000;
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-style: normal; 
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}
.nav-item-home {color:#000; font-style: normal; padding: 0 20px 0 0; float: left; text-decoration: underline;}
.nav-item-selected {
	color:#000;
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-style: normal; 
	margin: 0 20px 0 0; 
	padding: 0;
	float: left;
	text-decoration: underline;
}
.nav-item-contact {color:#999; font-style: normal; padding: 0 0 0 20px; margin:0; float: right; overflow: hidden;}
.nav-item-client {color:#000; font-style: normal; padding: 0 0 0 20px; margin:0; float: right; overflow: hidden;}

/* ----- Projects ----- */

#project-column {overflow: hidden; margin: 0 0 20px 0; padding: 0 0 30px 0; /* border-bottom: 1px solid #e5e5e5; */}

.projects {width: 535px; padding:0; margin:0; overflow: hidden;}
.projects a	{
	display:block; 
	float:left;
	margin:0; 
	padding:10px;
	width:145px;
	height:165px;
	background:#242424; 
	text-decoration:none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
.projects a.featured {
	display:block; 
	float:left;
	margin:0; 
	padding:10px;
	width:515px;
	height:285px;
	background:#333; 
	text-decoration:none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	margin: 20px 20px 0 0;
}
.projects a .info {
	position: relative;
	width:145px; 
	margin: 0; 
	padding: 0;
	border:0; 
	float: left; 
	overflow: hidden;
	color:#ffffff;
	text-decoration: none;
	font-size:70%; 
	line-height: 14px; 
	vertical-align: top;
}

.projects a .info-featured {
	position: relative;
	width:515px; 
	margin: 0; 
	padding: 0;
	border:0; 
	float: left; 
	overflow: hidden;
	color:#ffffff;
	font-size:80%; 
	line-height: 20px; 
	vertical-align: top;
}
.projects a .info .desc {color:#b0b0b0;}
.projects a .info .desc-dark {color:#ff0099;}

.projects a .info-featured .desc {color:#b0b0b0;}
/* .projects a:hover {color:#b0b0b0;} */
/* .projects a.featured:hover {background:#000; color:#b0b0b0;} */

.projects a img {margin:0 0 8px 0;}
.projects a.left {margin: 20px 20px 0 0; padding: 10px; border:0; float: left;}
.projects a.center {margin:20px 0 0 0; padding: 10px; border:0; float: left;}
.projects a.right {margin:20px 0 0 20px; padding: 10px; border:0; float: right;}

.project-list-title {margin: 0 0 20px 0; padding:10px 0 10px 0; font-style: normal; border-top: 1px solid #e5e5e5;  border-bottom: 1px solid #e5e5e5;}
.project-list-desc {font-style: normal; font-size: 80%; line-height: 17px; color:#666; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5;}

.projects-branding {width: 530px; padding:0 0 30px; margin:0 5px 30px 0; overflow: hidden; float:none;}

/* ----- Identity ----- */

.projects-branding ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.projects-branding ul li {
	height: 220px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	list-style: none;
	float: left;
	color: #999;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.projects-branding ul li span {
	font-size: 12px;
	font-style: normal;
	float: none;
}

/* ----- Clients ----- */

.projects-clients {width: 530px; padding:0 0 30px; margin:0 5px 30px 0; overflow: hidden; float:none;}

.projects-clients ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.projects-clients ul li {
	height: 165px;
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	list-style: none;
	float: left;
	color: #999;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.projects-clients ul li span {
	font-size: 12px;
	font-style: normal;
	float: none;
}

.client-list {font-size: 12px; line-height: 16px; color:#666; font-style: italic;}

/* ----- Team ----- */

a.team {color: #333; text-decoration: none; background-color: transparent;}
a.team:hover {color: #3274d1; text-decoration: underline;}

a.client {color: #999; text-decoration: none; background-color: transparent;}
a.client:hover {color: #0066cc; text-decoration: underline;}

a.network-inquiry {color: #666; text-decoration: none; background-color: transparent;}
a.network-inquiry:hover {color: #0066cc; text-decoration: underline;}

.team-title {
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-style: normal; 
	color: #333;
	margin:20px 0 20px 0; 
	padding:0 0 20px 0; 
	border-bottom: 1px solid #e5e5e5;
}

.team-desc {
	margin:0; 
	padding:0 0 20px 0; 
	border-bottom: 1px solid #e5e5e5;
}


.colleagues {margin:20px 0 0 0;}

.avatar {
	width:80px;
	height:80px;
	margin:4px 20px 10px 0;
	padding: 5px;
	float:left;
	text-decoration:none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	background-color: #000;
}

a.about {color:#959595;}
a.about:hover {color: #000; text-decoration: underline;}

.title {margin:30px 0 0 0; padding:20px 0 0 0; color:#999; font-style: normal; }

.partner {
	margin: 15px 0 0 0; 
	padding: 0; 
	color: #999; 
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 300;
	font-style: italic;
	font-size: 12px;
}

/* ----- Contact ----- */

.contact-location {
	margin:20px 0 0 0;
	padding:0 0 20px 0;
	color:#666;
	font-style: normal;
	/*
font-size: 14px;
	line-height: 19px;
*/
	/* border-top: 1px solid #ccc; */
	border-bottom: 1px solid #ccc; 
}
.contact-title {margin:25px 0 0 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc; }
.contact-title-login span {font-size: 16px; line-height: 24px;}
.contact-title-login {
	margin:20px 0 0 0; 
	padding:0 0 20px 0; 
	/*
font-size: 14px; 
	line-height: 18px; 
*/
	color: #666;
	border-bottom: 1px solid #ccc; 
}

.contact-inquiry {
	color:#000;
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-style: normal; 
	padding: 0; 
	float: left;
}

#contact-map {
	margin: 30px 0 20px 0;
	width: 515px;
	height: 345px;
	display: block;
	overflow: hidden;
	padding: 10px;
	/* float:left; */
	text-decoration:none;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	background-color: #000;

}

.right-column-header {
	margin:0 0 19px 0; 
	padding: 0 0 10px 0;
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	color: #a8a8a8; 
	border-bottom: 1px solid #ccc; 
	font-style: normal;
} /*color: #7b7b7b;*/


/* ----- Colleagues ----- */

#colleagues-container {margin:0 0 30px 0; padding:0 0 15px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.colleagues-column-header {
	margin:0; 
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;
	font-style:normal; 
	color: #6d6d6d; 
	overflow: hidden;
}
.colleague-item {font-size: 85%; line-height: 20px; color:#888888;}

ul.colleagues {margin: 0; padding: 0; border: 0;}

/* ----- News Container ----- */

#news-container {margin:0 0 15px 0; border:0; padding: 0 0 25px 0; float:left; background-color:#ffffff; width: 100%; overflow: hidden;}

.news-column-header {
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;	
	padding: 0 0 10px 0; 
	color: #a8a8a8; /*6d6d6d*/ 
	border-bottom: 1px solid #ccc;
	font-style: normal;
}
.news-view ul {list-style-type: none; margin: 25px 0 0 0;}
.news-view li {padding: 10px 0 12px 0; font-size: 85%; line-height: 1.5em; border-bottom: 1px solid #e5e5e5;}
.news-view li span {color: #999;}

/* ----- Partners ----- */

#partner-container {margin:0; border:0; padding: 0 0 25px 0; float:left; background-color:#ffffff; width: 100%; overflow: hidden;}
.partner-item {font-size: 85%; color:#666; margin:0; padding:0; float: left;}
.partner-item-nourl {font-size: 85%; color:#666; margin:0; padding:0; float: left;}
.partner-item-desc {color:#9b9b9b; margin:0 0 10px 0; padding:0 0 10px 0; font-size: 75%; line-height: 17px; font-style:normal; color:#888888; border-bottom: 1px solid #e5e5e5; float: left; width:100%;}


/* ----- Social Web Global ----- */

.social-follow {width:100%; margin:5px 0 0 0; border:0; padding:0 0 2px 0; font-size:80%; font-style: normal; color:#666; border-bottom: 1px solid #ccc;}
.delicious-fix {margin:5px 0 20px 0; padding: 0 0 5px 0;}
.social-follow a {color: #666}
.social-follow a:hover {color: #000;text-decoration: underline;}


/* ----- Twitter updates ----- */

#twitter-container {
	width: 279px;
	margin:0; 
	border:0; 
	padding:0 0 30px 0; 
	float:left; 
	background: #ffffff url(../images/mcween_twitter.gif) right top no-repeat;
	overflow: hidden;
}
.twitter-column-header {
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;	
	padding: 0 0 10px 0; 
	color: #a8a8a8; /*6d6d6d*/ 
	border-bottom: 1px solid #ccc;
	font-style: normal;
}

.twitter-view {margin:0; border:0; padding:0; float:left;}
.twitter-view ul {list-style-type: none; margin: 0;}
.twitter-view li {padding: 10px 0 10px 0; border-bottom: 1px solid #e5e5e5;}
.twitter-view {font-size: 85%; line-height: 18px; color:#6d6d6d;}
.twitter-view li a {font-size: 100%; color:#3274d1;}
.twitter-view a:hover {text-decoration: underline;}
#twitter_update_list {border-bottom: 0px; width: 279px; }

/* ----- Delicious links ----- */

#delicious-container {
	width: 279px;
	margin:0; 
	border:0; 
	padding: 0; 
	float:left; 
	background: #ffffff url(../images/mcween_delicious.gif) right top no-repeat;
	overflow: hidden;
}
.delicious-column-header {
	font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Arial, sans-serif;
	font-weight: 600;	
	padding: 0 0 10px 0; 
	color: #a8a8a8; /*6d6d6d*/ 
	border-bottom: 1px solid #ccc;
	font-style: normal;
}

.delicious-posts {margin: 0; border: 0; padding: 0;}
.delicious-posts ul, .delicious-posts li, .delicious-banner {margin: 0; padding:10px 0 7px 0; line-height: 16px; border-bottom: 1px solid #e5e5e5;}
.delicious-post {font-size: 85%; color:#888; font-style: normal;}
.delicious-post p {font-size: 85%; font-style: normal;}
.delicious-odd {background-color: #ffffff}
li.delicious-endlogo {display: none;}
.delicious-banner a {font-size: 85%}
.delicious-posts a:hover { text-decoration:underline }
.delicious-posts a {color: #3274d1; padding: 0;}
.delicious-post a {color: #3274d1}
.delicious-posts ul, .delicious-banner {border-bottom:0;}
h2.delicious-banner {display: none;}

/* ----- Unused Styles ----- */

a .rounded {background: #242424; color: #b0b0b0;}
a:hover .rounded {background: #525252; color: #fff; text-decoration: none;}

.rounded {
	/* background:#e5e5e5;  */
	/* color:#666;  */
	margin:0; 
	padding:0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}