@charset "UTF-8";
/* CSS Document */

/*///////////////////////////////////////////
C O L O R S
/////////////////////////////////////////////

Magenta #E08
---------------------------------------------
Gray    #CCC

///////////////////////////////////////////*/

body {
	margin: 20px 0px 0px 0px;
	font-size: 12px;
	color: #666;
	background-image: url(images/bg_body.png);
	background-repeat: no-repeat;
	background-position: center 135px;
	font-family: Helvetica,Arial,sans-serif;
	background-color: #EEE;
}

h1 {
	color: #E08;
	font-size: 16px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h2 {
	color: #E08;
	font-size: 16px;
	font-weight: normal;
}

a {
	color: #E08;
	text-decoration: underline;
	outline: none;
}


a:hover {
	color: #333;
	text-decoration: none;
}

/*///////////////////////////////////////////
H E A D E R
///////////////////////////////////////////*/

#header_wrapper {
	width: 960px;
	margin: auto;
	margin-bottom: 10px;
	position: relative;
}

#logo {
	width: 200px;
	height: 35px;
}

#slogan {
	width: 200px;
	height: 30px;
	line-height: 30px;
}

#navbar {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	text-transform: uppercase;
}

#navbar ul {
	margin: 0px;
	padding: 0px;
}

#navbar ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

#navbar ul li a {
	display: block;
	padding-left: 20px;
	text-decoration: none;
	color: #666;
}

#navbar ul li a.active {
	color: #E08;
}

#navbar ul li a:hover {
	color: #E08;
}

/*///////////////////////////////////////////
C O N T E N T M A I N   
///////////////////////////////////////////*/

#content_wrapper {
	width: 960px;
	margin: auto;
	margin-bottom: 10px;
}

/*///////////////////////////////////////////
L E F T   S I D E B A R
///////////////////////////////////////////*/

#left_sidebar {
	min-height: 280px;
	width: 209px;
	float: left;
	padding: 20px 20px 0px 20px;
	margin-top: 10px;
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	background-image: url(images/bg_leftsidebar.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	line-height: 16px;
}

#left_sidebar .field-content p {
	font-size: 14px;
	line-height: 18px;
	color: #666;
}

#left_sidebar .views-field-title{
	font-size: 16px;
}

#left_sidebar #block-views-slideshow-block_1 h2 {
	padding-top: 0px;
	margin-top: 0px;
}

#left_sidebar #block-views-slideshow-block_1 a {
	font-size: 12px;
}

/*///////////////////////////////////////////
C O N T E N T
///////////////////////////////////////////*/

#content_frontpage {
	width: 918px;
	padding: 20px 20px 15px 20px;
	min-height:  340px;
	border: solid 1px #CCC;
	background-color: #FFF;
}

#content {
	width: 668px;
	float: right;
	padding: 20px;
	min-height: 420px;
	border: solid 1px #CCC;
	background-color: #FFF;
	line-height: 17px;
}

/*///////////////////////////////////////////
S L I D E R   F R O N T P A G E 
///////////////////////////////////////////*/

#views_slideshow_thumbnailhover_teaser_section_1 { /* MAIN PIC 02 918px x 300px */
	border: 1px solid #DDD;
	margin-bottom: 20px;
}

#views_slideshow_thumbnailhover_div_breakout_teaser_1_0 { /* THUMB 01*/
	float: left;
	margin-right: 10px;	
}

#views_slideshow_thumbnailhover_div_breakout_teaser_1_1 { /* THUMB 02*/
	float: left;
	margin-right: 11px;		
}

#views_slideshow_thumbnailhover_div_breakout_teaser_1_2 { /* THUMB 03*/
	float: left;
	margin-right: 11px;		
}

#views_slideshow_thumbnailhover_div_breakout_teaser_1_3 { /* THUMB 04*/
	float: left;
	margin-right: 11px;	
}

#views_slideshow_thumbnailhover_div_breakout_teaser_1_4 { /* THUMB 05*/
	float: left;
}

.views_slideshow_thumbnailhover_div_breakout_teaser { /* CLASS FOR ALL THUMBS */
	border: 1px solid #DDD;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-field-image-fid {
	z-index: 0;
}

.activeSlide { /* ACTIVE STATE FOR ALL THUMS*/
	border-bottom: 7px solid #E08;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-title { /* TITLE */
	z-index: 10;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 270px;
	width: 280px;
	padding-left: 20px;
	padding-top: 30px;
	color: #E08;
	font-size: 25px;
	background-color: #000;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-body { /* BODY */
	z-index: 20;
	position: absolute;
	top: 60px;
	right: 0px;
	width: 260px;
	padding-right: 20px;
	color: #FFF;
	font-size: 16px;
	line-height: 25px;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-view-node {  /* READ MORE LINK */
	z-index: 30;
	position: absolute;
	bottom: 90px;
	right: 0px;
	width: 280px;
	color: #FFF;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-view-node a {
	color: #FFF;
	text-decoration: none;
	background-color: #E08;
	padding: 5px 15px;
}
#views_slideshow_thumbnailhover_teaser_section_1 .views-field-view-node a:hover {
	color: #E08;
	background-color: #FFF;
}

#views_slideshow_thumbnailhover_teaser_section_1 .views-field-edit-node{
	z-index: 40;
	position: absolute;
	bottom: 40px;
	right: 0px;
	width: 280px;
	color: #FFF;
}

/*///////////////////////////////////////////
P O R T F O L I O 
///////////////////////////////////////////*/

#content .view-content .views-row {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #CCC;
	height: 160px;
}

#content .view-content .views-row img {
	float: left;
	margin-right: 20px;
}

#content .view-content .views-row .field-content {
	line-height: 16px;
}

#content .view-content .views-row .views-field-view-node {
	margin: 10px 0px 10px;
}

#content .view-content .views-row .views-field-view-node a {
	padding: 2px 5px;
	background-color: #E08;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #E08;
}

#content .view-content .views-row .views-field-view-node a:hover {
	background-color: #FFF;
	color: #E08;
	border: 1px solid #CCC;
}

#content .view-content .views-row-last {
	margin-bottom: 0px;
}

/*///////////////////////////////////////////
P O R T F O L I O   N O D E  
///////////////////////////////////////////*/

.portfolio_images {
	float: left;
	width: 420px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.portfolio_images .margintop {
	margin-top: 20px;
}

.portfolio_text {
	float: left;
	width: 228px;
	line-height: 17px;
}

#backtoportfolio a {
	padding: 2px 5px;
	background-color: #E08;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #E08;
}

#backtoportfolio a:hover {
	background-color: #FFF;
	color: #E08;
	border: 1px solid #CCC;
}

#description {
	margin-bottom: 10px;
}

#role {
	margin-bottom: 10px;
}

#employer {
	margin-bottom: 10px;
}

#visit_website {
	margin-bottom: 10px;
}

/*///////////////////////////////////////////
P A G E   N O D E  
///////////////////////////////////////////*/

.page_image {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.page_image .margintop {
	margin-top: 20px;
}

.page_text {
	line-height: 17px;
}

/*///////////////////////////////////////////
H I G H L I G H T S 
///////////////////////////////////////////*/

#highlights_wrapper {
	width: 960px;
	margin: 0px auto 0px auto;
	line-height: 17px;
}

#col01 {
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
	background-image: url(images/bg_bottom_col01.png);
	background-position: bottom;
}

#col01_content {
	border: solid 1px #CCC;
	padding: 15px;
	width: 317px;
	background-color: #FFF;
	min-height: 130px;
}

#col02 {
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
	background-image: url(images/bg_bottom_col01.png);
	background-position: bottom;
}

#col02_content {
	border: solid 1px #CCC;
	padding: 15px;
	width: 317px;
	background-color: #FFF;
	min-height: 130px;
}

#col03 {
	float: left;
	padding-bottom: 10px;
	background-image: url(images/bg_bottom_col02_03.png);
	background-position: bottom;
}

#col03_content {
	border: solid 1px #CCC;
	padding: 15px;
	width: 210px;
	background-color: #FFF;
	min-height: 130px;
}

.views-field-title {
	color: #E08;
	font-size: 15px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

/*///////////////////////////////////////////
F O O T E R
///////////////////////////////////////////*/

#footer_wrapper {
	width: 960px;
	margin: 0px auto 60px auto;
	padding-bottom: 10px;
	background-image: url(images/bg_bottom_footer.png);
	background-position: bottom;
	background-repeat: no-repeat;
	font-size: 11px;
	position: relative;
}

/*///////////////////////////////////////////
F O O T E R L E F T 
///////////////////////////////////////////*/

#footerleft {
	float: left;
	background-image: url(images/nmm_button_footr.png);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 25px;
	padding-left: 60px;
}

#footerleft ul {
	margin: 0px;
	padding: 0px;
}

#footerleft ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

#footerleft ul li a {
	display: block;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	color: #E08;
	background-image: url(images/link_seperator.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#footerleft ul li a.active {
	color: #666;
}

#footerleft ul li a:hover {
	color: #666;
}

/*///////////////////////////////////////////
F O O T E R R I G H T 
///////////////////////////////////////////*/

#footerright {
	float: right;
	height: 30px;
	line-height: 25px;
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 95px;
	display: inline;
}

#footerright ul {
	margin: 0px;
	padding: 0px;
}

#footerright ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

#footerright ul li a {
	display: block;
	padding-left: 20px;
	text-decoration: none;
	color: #E08;
}

#footerright ul li a.active {
	color: #666;
}

#footerright ul li a:hover {
	color: #666;
}

/*///////////////////////////////////////////
P O W E R E D   B Y   D R U P A L 
///////////////////////////////////////////*/

#poweredbydrupal {
		float: right;
		height: 30px;
		padding-top: 5px;
		right: 0px;
		position: absolute;
		line-height: 25px;
		vertical-align: middle;
}

/*///////////////////////////////////////////
C O N T A C T
///////////////////////////////////////////*/

#contact_wrapper {
	background-color: #000;
	height: 50px;
	line-height: 50px;
	position: fixed;
	bottom: 0px;
	width: 100%;
	font-size: 11px;
	z-index: 1000;
}

#contact_content {
	width: 960px;
	margin: auto;
}

#contactleft {
	float: left;
	color: #E08;
	background-image: url(images/sorry_were_open.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 150px;
}

#contactleft a {
	color: #FFF;
	text-decoration: none;
}

#contactleft a:hover {
	text-decoration: underline;
}

#contactright {
	float: right;
}

/*///////////////////////////////////////////
E X T R A
///////////////////////////////////////////*/

.nofloat {
	clear: both;
}

.white {
	color: #FFF;
}

#block-menu-devel {
	margin-bottom: 20px;
}

span#quote {
	color: #000;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 35px;
}

.views-exposed-widgets {
	vertical-align: middle;
}