/*
 Cull Group CSS Framework
 Structure / Layout

 Based partly on Blueprint CSS Framework 0.9
 Copyright (c) 2007-Present.  http://blueprintcss.org 
*/

/* -----------------------------------------------------------------------
  -RESET  //  Based on Blueprint http://blueprintcss.org  
----------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* -----------------------------------------------------------------------
  -STRUCTURE  //  Cull Framework
----------------------------------------------------------------------- */
body {background:#d3d3d3 url('http://mediatechnologies.com/assets/images/bg_body.gif') repeat-x; color:#505050;}
#screen {width:960px;margin:0 auto;text-align:left;background:#FFF;}
#header {width:100%;margin:0;padding:0;}
#footer {width:100%;clear:both;margin:0;padding:0;text-align:center;background:#F5F5F5;}
#wrapper {width:100%;clear:both;background:#FFF;}

 /* universal clearfix hack */
.content {width:960px;margin:0 auto; position:relative;}
.content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.content {display:inline-block;}
* html .content {height:1%;}
.content {display:block;}

/* Default Grid Widths */

.width_thirds {width:190px;}

.width_1 {width:20px;}
.width_2 {width:60px;}
.width_3 {width:100px;}
.width_4 {width:140px;}
.width_5 {width:180px;}
.width_6 {width:220px;}
.width_7 {width:260px;}
.width_8 {width:300px;}
.width_9 {width:340px;}
.width_10 {width:380px;}
.width_11 {width:420px;}
.width_12 {width:460px;}
.width_13 {width:500px;}
.width_14 {width:540px;}
.width_15 {width:580px;}
.width_16 {width:620px;}
.width_17 {width:660px;}
.width_18 {width:700px;}
.width_19 {width:740px;}
.width_20 {width:780px;}
.width_21 {width:820px;}
.width_22 {width:860px;}
.width_23 {width:900px;}
.width_24 {width:940px;}

/* Branding Bar */
.branding {width:100%;background:#000000;clear:both;}
.branding .content {background:#FFFFFF; width:920px; padding:20px 20px 10px 20px;}
.branding img.logo {margin:20px 0 5px 0;}
.branding ul.utility {list-style:none;position:absolute;right:10px;top:40px;margin:0;padding:0;}
.branding ul.utility li {float:left;margin-left:10px; padding:3px 10px 6px 10px; background:#fff url('http://mediatechnologies.com/assets/images/bg_utility_links.jpg') repeat-x;}
.branding ul.utility li a {color:#505050; border:0;margin:0 5px;font-size:.9em; font-weight:bold;}
.branding ul.utility li a.account {color:#2cb2d0; border:0;}
.branding ul.utility li a:hover{color:#2cb2d0;}

/* Main Nav */
.nav {height:40px; width:100%;background:#fff url('http://mediatechnologies.com/assets/images/bg_nav.jpg') repeat-x;color:#FFFFFF;clear:both;}
.nav .content {background:inherit; width:920px; padding:0 20px;}	
.nav ul {list-style:none; padding:5px 0;}
.nav ul li {float:left; display:inline; margin-left:20px;}
.nav ul li:first-child {margin-left:0;} /* Does not work in ie6 */
.nav ul li a {display:block;color:#fff;text-decoration:none;padding:5px;border:0;}
.nav ul li a:hover, 
.nav ul li.active a {background-color:#fff;color:#000;}

.icons
{
	font-weight: normal;
	float:right;
	height: 40px;
	margin:0;
}

.textnav
{
	font-size: 12px;
	font-weight: normal;
	padding-top: 13px;
	text-align: right;
	float:right;
	margin:0;
}

.textnav a
{
	color: #FFFFFF;
	text-decoration: none;
	border-width: 0px 0px 0px 0px;
	border-color:#d1e061;
	border-style: solid;
	padding-left: 10px;
	margin-left: 10px;
	height: 40px;
}
.textnav a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/* Section Header */	
.section {background:#fff url('http://mediatechnologies.com/assets/images/bg_section_header.jpg') repeat-x;border-bottom:0px solid #FFF;}
.section .content {width: 920px; padding:10px 10px 10px 20px;}
.section h1 {float:left; font-size:1.75em; text-transform:uppercase; padding:0; vertical-align:baseline;margin:10px 0 0 0;}
.section .section_search {float:right;vertical-align:top;padding:0;margin:0;}
.section form {margin:0 0 0 30px;vertical-align:top;}	
.section input.text {width:260px;}
.section select {width:150px;}

/* Trail Bar */
.trail {background:#fff; clear:both;}
.trail .content {width: 920px; padding:0 20px;}
.trail h1 {font-size:1.8em;margin:1em 0}
.trail a.tag {margin:0 5px;}

.trail span.arrow {margin:3px;}
.trail hr {margin:0;}
.trail p {float:left; margin-top:20px;}
.trail p.tags {float:right; margin-top:20px;}

.trail .views {float:right; margin-top:15px;} 
.trail .views img {margin-left:10px; border:1px solid #ddd;}
.trail .views img:hover {border:1px solid #2cb2d0;}
.trail .views img.current_view {border:1px solid #a0b226;}

/* Billboard Content */
.billboard {width:100%; background:#FFF;clear:both;}
.billboard .content {background:#FFFFFF; width:960px; padding:0;}
.billboard img {padding:0;margin:0; margin-bottom:-5px;}		

/* Body Content */
.body {width:100%;background:#EAEAEA;clear:both;}
.body .content{background:#FFFFFF; width:920px; padding:0 20px;}
.body .content_overlay {background:#FFFFFF; width:620px; padding:0 20px;}

.one_col .primary {background: #FFF; width: 940px; margin:0; clear:left; padding:10px 0 20px 0; float:none;}
.one_col .secondary {width: 940px; margin:0; clear:left; padding:10px 0; float:none;}
.two_col .primary {background: #FFF; width: 620px; margin:0 0 0 10px; padding:10px 0 20px 0; float: right;}
.two_col .secondary {width: 220px; margin:0 20px 20px 0; background:#e9f7fa; padding:10px 20px; float:left;}


/* Footer Content */
#footer .content {background:#d3d3d3;clear:both; width:920px; padding:10px 20px;}
#footer .content p {margin-bottom:0;}


/* -----------------------------------------------------------------------
  -TYPOGRAPHY  //  Based party on Blueprint http://blueprintcss.org 
----------------------------------------------------------------------- */	
html {font-size:100.01%;}
body {font-size:75%;color:#696868;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#080808;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
title.h1 {font-size:1.7em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h2.heading {font-size:2.0em;font-style:normal;margin:0px 0 0.25em 0;} 
h2.divider {color:#a0b226;clear:both;padding-top:1.0em; margin:0 0 0.75em 0;border-bottom:1px solid #ddd;padding-bottom:.25em;}
a.small {font-size:13px; margin-left:10px;font-weight:normal;text-transform:none;}

h3 {font-size:1.3em;line-height:1;margin-bottom:.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.0em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p.alert {clear:both; padding:10px; background-color:#eee;
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #e5e5e5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5')"; /* IE8 */
	border-bottom: 1px solid #ddd;
}
a:focus, a:hover {color:#000;}
a {color:#2cb2d0; text-decoration:none;}
a:hover {color:#2cb2d0; text-decoration:underline;}	
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.float_right {float:right;}
.float_left {float:left;}
.centered {text-align:center;}

/* -----------------------------------------------------------------------
  -PLUGINS
----------------------------------------------------------------------- */	

/* ----------------------------------------------------------------------- 
	Search Results */

span.search_terms {font-weight:normal;border-bottom:1px solid #a0b226;font-style:italic;}

/* -Sidebar Search Nav / Nested ul
----------------------------------------------------------------------- */
ul.search_nav {list-style-type:none; margin:0.5em 0; padding:0;}
ul.search_nav h3  {margin:1.0em 0 .5em 0;}
ul.search_nav select {margin-bottom:.5em;}
ul.search_nav li {padding-bottom:1.0em;}
ul.search_nav li p {margin-bottom:0.25em;}
ul.search_nav li ul  {list-style-type:none; margin:0; padding-left:10px;}
ul.search_nav li ul li  {padding-bottom:0;}
ul.search_nav li.current {color:#666;}
ul.search_nav a.current {color:#666; margin-left:-7px}

ul.side_nav {list-style-type:none; margin:0.5em 0; padding:0;}
ul.side_nav h3  {margin:1.0em 0 .5em 0;}
ul.side_nav select {margin-bottom:.5em;}
ul.side_nav li {padding-bottom:1.0em;}
ul.side_nav li p {margin-bottom:0.25em;}
ul.side_nav li ul  {list-style-type:none; margin:0; padding-left:10px;}
ul.side_nav li ul li  {padding-bottom:0;}
ul.side_nav li.current {color:#666;}
ul.side_nav a.current {color:#666; margin-left:-7px}

/* -Entries
----------------------------------------------------------------------- */
/* Use default width_ classes to set the widths of each entry
   .list and .grid divs go inside the .body div */

/* Grid View */
.grid {clear:left;margin-bottom:20px;}	
.grid .entry {float:left; margin:10px 10px 20px 10px; overflow:hidden;text-align:left;}
.grid .entry h3 {margin:0 0 0.35em 0; padding:0;}
.grid .entry h3 a{color:#666;}
.grid .entry h3 a:hover{color:#2cb2d0; text-decoration:none;}
.grid .entry p {padding:0;margin:0;color:#666;}
.grid .entry p a{color:#666;}
.grid .entry img {background:#fff; border:1px solid #ddd; padding:5px;}
.grid .first {clear:left; margin-left:0;}	
.grid .last {margin-right:0;}

.grid .entry img:hover,
.list .entry img:hover {border: 1px solid #2cb2d0;}

.clear {clear: both; display:block}

/* List View */
.list {clear:left;margin-bottom:1em;}	
.list:after {clear:both;}
.list .entry {clear:left; overflow:hidden; margin:15px 0;padding-bottom:15px;border-bottom: 1px solid #eee;
}
.list .entry .image {float:left;margin:0 10px 0 0;text-align:center;}
.list .entry .info {float:left;margin:0 0 0 10px;}
.list .entry .extra {float:left;margin:0 0 0 10px;}
.list .entry h3 {margin:0.5em 0 0.25em 0;}
.list .entry h4 { font-size: 1em; margin:1em 0 0.5em 0;}
.list .entry p {padding:0;}
.list .entry img {background:#fff; border:1px solid #ddd; padding:5px;}
.list .entry .details {
	float: left;
	margin: 0 20px 10px 20px;
	padding: 0;
	width: 300px;
}
	ul.details li {
		background-position: left 4px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #eee;
		font-size: 12px;
		list-style: none;
		margin: 0;
		padding: 2px 20px;
	}
	ul.details li:last-child { border-bottom: none; }
	ul.details li.address { background-image: url(http://mediatechnologies.com/assets/images/icon_address.png); }
		ul.details li.address address { font-style: normal; margin: 0; padding: 0; }
	ul.details li.email   { background-image: url(http://mediatechnologies.com/assets/images/icon_email.png); }
	ul.details li.person  { background-image: url(http://mediatechnologies.com/assets/images/icon_person.png); }
	ul.details li.phone   { background-image: url(http://mediatechnologies.com/assets/images/icon_phone.png); }
.list .entry .actions {
	float: left;
	margin: 0 0 10px 0;
	padding: 5px 0 0;
	width: 270px;
}
	.list .entry .actions li {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}

/* Fancy List View */
.fancy_list {clear:left;margin-bottom:1em;}	
.fancy_list:after {clear:both;}
.fancy_list .entry {clear:left; overflow:hidden; margin:10px 0;border-bottom: 1px solid #eee;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')"; /* IE8 */
}
.fancy_list .entry .image {float:left;margin:0 10px 0 0;text-align:center;}
.fancy_list .entry .info {float:left;margin:0 0 0 10px;}
.fancy_list .entry .extra {float:left;margin:0 0 0 10px;}
.fancy_list .entry h3 {margin:0.5em 0 0.5em 20px;}
.fancy_list .entry h4 { font-size: 1em; margin:1em 0 0.5em 20px;}
.fancy_list .entry p {padding:0;}
.fancy_list .entry img {background:#fff; border:1px solid #ddd; padding:5px;}
.fancy_list .entry .details {
	float: left;
	margin: 0 20px 10px 20px;
	padding: 0;
	width: 300px;
}
	ul.details li {
		background-position: left 4px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #eee;
		font-size: 12px;
		list-style: none;
		margin: 0;
		padding: 2px 20px;
	}
	ul.details li:last-child { border-bottom: none; }
	ul.details li.address { background-image: url(http://mediatechnologies.com/assets/images/icon_address.png); }
		ul.details li.address address { font-style: normal; margin: 0; padding: 0; }
	ul.details li.email   { background-image: url(http://mediatechnologies.com/assets/images/icon_email.png); }
	ul.details li.person  { background-image: url(http://mediatechnologies.com/assets/images/icon_person.png); }
	ul.details li.phone   { background-image: url(http://mediatechnologies.com/assets/images/icon_phone.png); }
.fancy_list .entry .actions {
	float: left;
	margin: 0 0 10px 0;
	padding: 5px 0 0;
	width: 270px;
}
	.fancy_list .entry .actions li {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
	}

/* Slide View */
img.slide_view {border:1px solid #ddd; padding:0px;}

.slide {clear:left;margin-bottom:1em;border:1px solid #ddd;width:620px;position:relative; padding:0px;text-align:center;}	
.slide:after {clear:both;}
.slide img {border:none;}

.slide p.caption_name 
	{
	position:absolute;
	left:0px;
	bottom:0px;
	background:#ddd;
	color:#000;
	opacity:0.8;
	z-index:89;
}

p.slide_controls 
	{
	position:absolute;
	right:0px;
	bottom:0px;
	background:#ddd;
	color:#000;
	z-index:89;
}

.slide .caption {
	position:absolute;
	left:0;
	bottom:0;
	background:#ddd;
	color:#000;
	opacity:0.8;
	width:100%;
	z-index:89;
}

.slide .caption p {
	padding:10px;
	margin:0;
	text-align:center;
}



/* list View with entries in two columns */
.two_col_list .entry {float:left; overflow:hidden; clear:none; margin:0 10px 10px 10px;}
.two_col_list .first {clear:left; margin-left:0;}	
.two_col_list .last {margin-right:0;}

/* Blog post additions */
.list .entry .title { margin-bottom: 10px;}
.list .entry .metadata {
	color: #999;
	margin-bottom: 0;
	text-align: right;
	text-transform: uppercase;
}

.list .entry .post_default,
.list .entry .post_quote,
.list .entry .post_link,
.list .entry .post_video,
.list .entry .post_audio,
.list .entry .post_photo {
	background-color: #f5f5f5;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	padding: 15px 10px 15px 50px;
	margin-bottom: 10px;
}
.list .entry .post_default { background-image: url(http://mediatechnologies.com/assets/images/icon_post_default.png); }
.list .entry .post_quote { background-image: url(http://mediatechnologies.com/assets/images/icon_post_quote.png); }
.list .entry .post_link { background-image: url(http://mediatechnologies.com/assets/images/icon_post_link.png); }
.list .entry .post_video { background-image: url(http://mediatechnologies.com/assets/images/icon_post_video.png); }
.list .entry .post_audio { background-image: url(http://mediatechnologies.com/assets/images/icon_post_audio.png); }
.list .entry .post_photo { background-image: url(http://mediatechnologies.com/assets/images/icon_post_photo.png); }

	.list .entry .post_quote blockquote {
		margin: 0;
		padding: 0;
		width: 520px;
	}

	.list .entry .post_photo .photo_list {
		margin: 0;
		overflow: auto;
		padding: 0;
	}
		.list .entry .post_photo .photo_list li {
		float: left;
		list-style: none;
		margin: 0 10px 10px 0;
		padding: 0;
		}
		.list .entry .post_photo .photo_list li.last_column { margin-right: 0; }

/* -Forms  //  Based on Blueprint http://blueprintcss.org 
----------------------------------------------------------------------- */
fieldset, form {border:0; margin:0;padding:0; display:inline;}	
label {font-weight:bold;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;font-size:12px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
select {height:27px; padding: 5px; width:220px; }
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

fieldset.simple {background:none;}
fieldset.simple label {display:block;}
fieldset.simple input {margin-bottom:0px;}
fieldset.simple .form_field {border-bottom:none;}

fieldset.box {
	-moz-box-shadow: 0px 1px 3px #aaa; /* FF3.5+ */
	-webkit-box-shadow: 0px 1px 3px #aaa; /* Saf3.0+, Chrome */
	box-shadow: 0px 1px 3px #aaa; /* Opera 10.5, IE 9.0 */  background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #e5e5e5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5')"; /* IE8 */
}

fieldset.box .form_field {border-bottom:none;}

/* Form field wrapper */
.form_field {
	border-bottom: 1px solid #ddd;
	overflow: auto;
	padding: 2px 0;
}
	.form_field label {
		float: left;
		padding: 4px 0 0 0; 
	}
	.form_field input { margin: 0; }
	.form_field input.clear { clear: both; display: block; float: none; }
	.form_field textarea { width: 300px; height: 150px; }
.form_actions { overflow: auto; }
	.form_actions button, .form_actions a.button { float: right; }
	.form_actions_alt button, .form_actions_alt a.button { float: none; text-align: left; }

.required {
	color: #c00;
	font-weight: 700;
}

/* -CSS Buttons // A Blueprint Plugin  http://blueprintcss.org 
----------------------------------------------------------------------- */
/* particletree.com/features/rediscovering-the-button-element */

a.button,button{
	display:inline;float:none;margin:0.7em 0.5em 0.7em 0;padding:5px 7px 5px 7px;/* Links */
	border:1px solid #c1d72e;background: url(http://mediatechnologies.com/assets/images/bg_button.gif) repeat-x;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#FFF;cursor:pointer;
}
button{width:auto;overflow:visible;padding:4px 0px 3px 7px;/* IE6 */}

button[type]{
	padding:4px 7px 4px 7px;/* Firefox */
	line-height:17px;/* Safari */
}
*:first-child+html button[type]{padding:4px 7px 3px 7px;/* IE7 */}
button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}

/* -Button colors */
/* Standard */
button:hover,a.button:hover{background: url(http://mediatechnologies.com/assets/images/bg_button_hover.gif) repeat-x;border:1px solid #a0b226;color:#FFF;}
a.button:active{background: url(http://mediatechnologies.com/assets/images/bg_button_hover.gif) repeat-x;border:1px solid #c1d72e;color:#fff;}
/* Positive */
body .positive{color:#529214;}
a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;}
/* Negative */
body .negative{color:#d12f19;}
a.negative:hover,button.negative:hover{background-color:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
/* Inactive */

body .inactive{
	background-color:#ddd;
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #e5e5e5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5')"; /* IE8 */
	border:1px solid #ddd;color:#aaa;	
}

/* Disabled */
button.disabled{
	background-color:#ddd;
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #e5e5e5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5', EndColorStr='#e5e5e5')"; /* IE8 */
	border:1px solid #ddd;color:#aaa;
	font-style: italic;
}

/* -Alternate Buttons - These are styles for alternate actions, and should look visually different than our main actions */
a.button_alt,button.alt{
	display:inline;
	float:none;
	margin:0.7em 0.5em 0.7em 0;
	padding:5px 4px 5px 4px;
	/* Links */
	border:1px solid transparent;
	background: transparent none;
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:400;
	color: #aaa;
	cursor:pointer;
}
button.alt{width:auto;overflow:visible;padding:4px 0px 3px 7px;/* IE6 */}
button[type].alt{
	padding:4px 7px 4px 7px;/* Firefox */
	line-height:17px;/* Safari */
}
*:first-child+html button[type].alt{padding:4px 7px 3px 7px;/* IE7 */}
button.alt img,a.button_alt img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}

/* -Standard Alt Buttons */
button.alt:hover,a.button_alt:hover{color:#2CB2D0;}
a.button_alt:hover { text-decoration: underline; }


/* -Modal Windows
----------------------------------------------------------------------- */
.modal_window {
	background:#d3d3d3 url('http://mediatechnologies.com/assets/images/bg_body.gif') repeat-x; color:#505050;
	width: 420px;
}
	.modal_window h3.title {
		background-color: #97AD02;
		background-image: -moz-linear-gradient(top, #CFE53B, #647200); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CFE53B),color-stop(1, #647200)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CFE53B', EndColorStr='#647200'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CFE53B', EndColorStr='#647200')"; /* IE8 */
		color: #fff;
		padding: 10px;
	}

/* Dealer email form */
.email_form form {
	display: block;
	margin: 0;
	padding: 10px;
	width: 400px;
}
	.email_form .note {
		margin: 0 10px 5px;
		padding: 0;
		text-align: right;
	}
	.email_form .form_field label { width: 80px; }



/* -Mega Menu
----------------------------------------------------------------------- */
.floatright
{float:right;}
#nav
{
	position: relative;
	z-index: 100;
	height: 40px;
	background: url(http://mediatechnologies.com/assets/images/bg_nav.jpg) repeat-x;
	padding:0px 20px 0px 20px;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 560px;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 40px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }

ul#topnav a.searchnav {
	background: url(http://mediatechnologies.com/assets/images/nav_search.jpg) no-repeat;
	width: 40px; 
	border: none;
}
ul#topnav a.products {
	background: url(http://mediatechnologies.com/assets/images/nav_products.jpg) no-repeat;
	width: 104px; 
	border: none;
}
ul#topnav a.portfolio {
	background: url(http://mediatechnologies.com/assets/images/nav_portfolio.jpg) no-repeat;
	width: 102px; 
	border: none;
}
ul#topnav a.resources {
	background: url(http://mediatechnologies.com/assets/images/nav_resources.jpg) no-repeat;
	width: 113px; 
	border: none;
}
ul#topnav a.services {
	background: url(http://mediatechnologies.com/assets/images/nav_services.jpg) no-repeat;
	width: 99px; 
	border: none;
}
ul#topnav a.company {
	background: url(http://mediatechnologies.com/assets/images/nav_company.jpg) no-repeat;
	width: 102px; 
	border: none;
}


ul#topnav li .sub {
	position: absolute;	
	top: 40px; left: 0px;
	background: #FFFFFF url(http://mediatechnologies.com/assets/images/nav_bg.gif) repeat-x bottom;
	padding: 15px 10px 5px 10px;
	float: left;
	display: none;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topnav li .sub ul{
	list-style: none;
	margin: 0;
	padding: 0px;
	width: 260px;
	float: left;
}

ul#topnav .sub ul.iconlist li h2 {
	font-size: 16px;
	font-weight: normal;
	margin:0px;
	padding:0px;
	height: 55px;
}

ul#topnav .sub ul li h2 {
	font-size: 16px;
	font-weight: normal;
	margin:0px;
	padding:0px;
	height: 25px;
}

ul#topnav .sub ul.iconlist li h2 a, ul#topnav .sub ul li h2 a
{
	color: #2CB2D0;
	font-size: 16px;
	font-weight: normal;
} 

ul#topnav .sub ul.iconlist li h2 a
{
	padding: 20px 0px 20px 10px;
}

ul#topnav .sub ul li h2 a
{
	padding: 6px 0px 6px 10px;
}

ul#topnav .sub ul li h2 img {
	float: right;
	padding-left:10px;
	padding-right: 10px;
	margin-left: 10px;	
	border-width: 0px 0px 0px 1px;
	border-color: #FFFFFF;
	border-style: solid;
}

ul#topnav .sub ul li h2 a:hover
{
	background: #FFFFFF url(http://mediatechnologies.com/assets/images/nav_highlight.png) repeat-x bottom;
	color: #666666;
}

ul#topnav .sub ul li {
	width: 100%;
	padding: 5px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-color: #eeeeee;
	border-style: solid;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	padding-bottom:8px;
}




/* -Sliding Billboard 
----------------------------------------------------------------------- */

/* Easy Slider */


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:960px;
		height:480px;
		overflow:hidden; 
		}	
	#slider1next, #slider1prev{ 
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:20px;
		top:240px;
		z-index:1000;
		background: red;
		}	
	#slider1next{left:696px;}														
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#prevBtn
	{
		position:absolute;
		top: 215px;
		left: 20px;
		height: 50px;
		width: 25px;
	}
	#nextBtn
	{
		position:absolute;
		top: 215px;
		left: 915px;
		height: 50px;
		width: 25px;
	}
		
	/* numeric controls */	

	ol#controls{
		margin:-25px 0px 0px 0px;
		padding:0;
		height:0px;	
		}
	ol#controls li{
		margin:0 25px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:25px;
		line-height:25px;
		}
	ol#controls li a{
		position: absolute;
		top:0px;
		height: 25px;
		float:left;
		background:#d1d1d1;
		color:#000000;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#FFFFFF;
		color:#c1d72e;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



/* -Carousel
----------------------------------------------------------------------- */
/* Note the script source if applicable */


/* -Dealer Locator Map
----------------------------------------------------------------------- */
.clickable_map {
	margin: 25px 0;
}

/* -Resource Pages
----------------------------------------------------------------------- */
#resource-list .entry {
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f5f5f5)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#f5f5f5')"; /* IE8 */
}
	#resource-list .private-resource {
		background-color: #fff;
		background-image: -moz-linear-gradient(top, #fff, #f9f7d1); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #f9f7d1)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#f9f7d1'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fff', EndColorStr='#f9f7d1')"; /* IE8 */
		border-bottom: 1px solid #dfdb95;
		padding: 7px 0 15px 0;
	}
		#resource-list .private-resource-message {
			color: #bbb28e;
			display: inline;
			font-weight: 400;
			margin: 0 0 0 20px;
			padding: 5px 0;
			font-size:80%;
			text-transform: uppercase;
		}
		
#resource-list .entry .actions {
	width: 460px;
}
	#resource-list .entry .image img {
		-moz-box-shadow: 0px 2px 5px #ccc; /* FF3.5+ */
		-webkit-box-shadow: 0px 2px 5px #ccc; /* Saf3.0+, Chrome */
		box-shadow: 0px 2px 5px #ccc; /* Opera 10.5, IE 9.0 */
		padding: 0;
	}


/* -Portfolio Set Pages
----------------------------------------------------------------------- */
#portfolio_set_gallery_wrapper {
	height: 540px;
	width: 960px;
}

#portfolio_set_gallery_wrapper .title {
	background-color: #97AD02;
	background-image: -moz-linear-gradient(top, #CFE53B, #647200); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CFE53B),color-stop(1, #647200)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#CFE53B', EndColorStr='#647200'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CFE53B', EndColorStr='#647200')"; /* IE8 */
	color: #fff;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
}

#set_gallery {
	height: 500px;
	position: relative;
}

	#set_photos {
		height: 500px;
		left: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 0;
		width: 960px;
		z-index: 1;
	}
		#set_photos li {
			
			background: #d3d3d3 url('http://mediatechnologies.com/assets/images/bg_body.gif') repeat-x;
			float: left;
			height: 500px;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 960px;
			z-index: 1;
		}
			#set_photos li .details {
				background: #fff;
				-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5); /* FF3.5+ */
				-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5); /* Saf3.0+, Chrome */
				box-shadow: 0px 0px 20px rgba(0,0,0,0.5); /* Opera 10.5, IE 9.0 */
				height: 480px;
				float: left;
				padding: 10px;
				width: 300px;
			}
			#set_photos li .photo {
				background: #d3d3d3 url('http://mediatechnologies.com/assets/images/bg_body.gif') repeat-x;
				display: block;
				float: left;
				height: 500px;
				margin: 0;
				padding: 0;
				width: 640px;
			}
				#set_photos li img {
					display: block;
					margin: 0 auto;
				}



	#set_controls {
		height: 25px;
		left: 880px;
		overflow: hidden;
		position: absolute;
		top: 455px;
		width: 60px;
		z-index: 20;
	}
		#set_controls a.arrow {
			background-color: transparent;
			background-image: url(http://mediatechnologies.com/assets/images/portfolio_set_arrows.png);
			background-repeat: no-repeat;
			display: block;
			float: left;
			height: 25px;
			margin: 0;
			padding: 0;
			width: 25px;
		}
			#set_controls a.previous {
				background-position: 0 0;
				margin-right: 10px;
			}
			#set_controls a.next { background-position: -25px 0; }
			#set_controls a.previous:hover, #set_controls a.previous:focus { background-position: 0 -25px; }
			#set_controls a.next:hover, #set_controls a.next:focus { background-position: -25px -25px; }
				#set_controls a.arrow span {
					position: absolute;
					text-indent: -9999px;
				}






.trail {background:#fff; clear:both;}
.trail .content {width: 920px; padding:0 20px;}
.trail h1 {font-size:1.8em;margin:1em 0}
.trail a.tag {margin:0 5px;}

.trail span.arrow {margin:3px;}
.trail hr {margin:0;}
.trail p {float:left; margin-top:20px;}
.trail p.tags {float:right; margin-top:20px;}

.trail .views {float:right; margin-top:15px;} 
.trail .views img {margin-left:10px; border:1px solid #ddd;}
.trail .views img:hover {border:1px solid #2cb2d0;}
.trail .views img.current_view {border:1px solid #a0b226;}