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

/* DEFAULT STYLES */

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font:inherit;
}

/* HTML5 DISPLAY RULE */

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, section, summary {
	display:block;
}


/* CLEAR FIX - NICHOLAS GALLAGHER CLEARFIX HACK */

.cf:before, .cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* GLOBAL STYLES */

html {
	background:#333333;
}

body {
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	background:#333333;
}

img {
	border:0;
}

a img {
	border:none;
	outline:0;
}

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

a:hover {
}

h1 {
}

h2 {
	font-family: TradeGothicLTStd-Extended;
	color:#5a7e92;
	letter-spacing:.15em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#5a7e92;
	letter-spacing:.1em;
}

h4 {
	font-family: TradeGothicLTStd-Extended;
	color:#5a7e92;
	letter-spacing:.15em;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color:#5a7e92;
	letter-spacing:.1em;
}

header {
	width:100%;
	padding-top:1px;
	overflow:hidden;
}

#mainNav {
	overflow:hidden;
}

#mainNav h2 {
	display:none;
}

#mainNav ul {
	list-style:none;
}


p {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	color:#333333;
}

p.copyright {
	color:#5a7e92;
	font-size:.65em;
}

section {
	overflow:hidden;
}

/* MOBILE STYLES */

@media only screen and (max-width:480px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:320px;
	max-width:480px;
}	
	
header {
	height:90px;
	position:relative;
}

header h1 {
	text-indent:-9999px;
	height:90px;
	display:block;
	background:url(images/mattSplashLogo_small.png) no-repeat center center;
}

.menuToggle {
	display:block;
	width:auto;
	height:35px;
	overflow:hiddden;
	background:#333333;
	margin:0 0 3px 0;
}

.menuToggle a {
	font-family: TradeGothicLTStd-Extended;
	font-size:.90em;
	color:#f2f1ef;
	letter-spacing:.10em;
	display:block;
	text-transform:uppercase;
	margin:0;
	padding:7px 0 12px 15px;
}

.indicator {
	font-family: TradeGothicLTStd-Extended;
	font-size:1.25em;
	padding:0 0 0 12px;
}

#mainNav {
	width:auto;
	margin-bottom:20px;
	background:#333333;
	overflow:hidden;
}

#mainNav ul {
	padding:0 0 0 0px;
}

#mainNav li {
	float:none;
	position:relative;
	margin:0 0 1px 0;
	padding:0 0 0 10px;
	height:52px;
	background:#5a7e92;
}

.topMenu {
	max-height:0;
	visibility:hidden;
}

.topMenu.expand {
	max-height:900em;
	visibility:visible;
}

#mainNav li a {
	font-family: TradeGothicLTStd-Extended;
	font-size:.90em;
	color:#f2f1ef;
	letter-spacing:.10em;
	display:block;
	border:none;
	text-align:left;
	margin-bottom:1px;
	padding:2px 0 0 27px;
	line-height:52px;
}

#mainNav li a:hover {
	color:#333333;
}

#mainNav li a.bio {
	background:url(images/navSprites_25_small.png) no-repeat 0 0;
}

#mainNav li a.services {
	background:url(images/navSprites_25_small.png) no-repeat 0 -82px;
}

#mainNav li a.selections {
	background:url(images/navSprites_25_small.png) no-repeat 0 -164px;
}

#mainNav li a.studio {
	background:url(images/navSprites_25_small.png) no-repeat 0 -246px;
}

#mainNav li a.testimonials {
	background:url(images/navSprites_25_small.png) no-repeat 0 -328px;
}

#mainNav li a.contact {
	background:url(images/navSprites_25_small.png) no-repeat 0 -410px;
}

section {
	margin-bottom:50px;
	overflow:hidden;
}

#latest {
	width:90%;
	margin:0 auto;
}

#latest h2 {
	font-size:1.25em;
	margin:0 0 12px 0;
	text-align:center;
}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
	background:#333333;
}

.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

p.header {
	padding:0 0 15px 0;
	font-size:1.4em;
	line-height:1.3em;
}

p.subHeader {
	font-size:1.05em;
	font-weight:bold;
	padding:0 0 12px 0;
}

p.normal {
	padding:0 0 15px 0;
	line-height:1.6em;
}

p.normal a {
	color:#5a7e92;
}

p.normal a:hover {
	text-decoration:underline;
}

#pageFooter {
	clear:both;
	border-top:1px solid #5a7e92;
	overflow:hidden;
	text-align:center;
}

#socialIcons {
	position:relative;
	overflow:hidden;
	margin:15px 0 7px 0;
}

#socialIcons p a {
	display:inline-block;
	color:#5a7e92;
}

#socialIcons p a:hover {
	color:#333333;
}

#copyright {
	position:relative;
	overflow:hidden;
}	

}


/* TABLET STYLES */

@media only screen and (min-width:481px) and (max-width:768px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:500px;
	max-width:768px;
}	
	
header {
	height:140px;
	position:relative;
}
	
header h1 {
	text-indent:-9999px;
	height:140px;
	display:block;
	background:url(images/mattSplashLogo_medium.png) no-repeat center center;
}

.menuToggle {
	display:block;
	width:125px;
	height:35px;
	overflow:hiddden;
	background:#333333;
	margin:0 0 3px 5px;
}

.menuToggle a {
	font-family: TradeGothicLTStd-Extended;
	font-size:.90em;
	color:#f2f1ef;
	letter-spacing:.10em;
	display:block;
	text-transform:uppercase;
	margin:0;
	padding:7px 0 12px 15px;
}

.indicator {
	font-family: TradeGothicLTStd-Extended;
	font-size:1.25em;
	padding:0 0 0 12px;
}

#mainNav {
	width:auto;
	margin:0 0 25px 0px;
	background:#333333;
	overflow:hidden;
}

#mainNav ul {
	padding:0 0 0 0px;
}

#mainNav li {
	float:none;
	position:relative;
	margin:0 0 1px 5px;
	padding:0 0 0 10px;
	height:52px;
	background:#5a7e92;
}

.topMenu {
	max-height:0;
	visibility:hidden;
}

.topMenu.expand {
	max-height:900em;
	visibility:visible;
}

#mainNav li a {
	font-family: TradeGothicLTStd-Extended;
	font-size:.90em;
	color:#f2f1ef;
	letter-spacing:.10em;
	display:block;
	border:none;
	text-align:left;
	margin-bottom:1px;
	padding:2px 0 0 27px;
	line-height:52px;
}

#mainNav li a:hover {
	color:#333333;
}

#mainNav li a.bio {
	background:url(images/navSprites_25_small.png) no-repeat 0 0;
}

#mainNav li a.services {
	background:url(images/navSprites_25_small.png) no-repeat 0 -82px;
}

#mainNav li a.selections {
	background:url(images/navSprites_25_small.png) no-repeat 0 -164px;
}

#mainNav li a.studio {
	background:url(images/navSprites_25_small.png) no-repeat 0 -246px;
}

#mainNav li a.testimonials {
	background:url(images/navSprites_25_small.png) no-repeat 0 -328px;
}

#mainNav li a.contact {
	background:url(images/navSprites_25_small.png) no-repeat 0 -410px;
}

section {
	margin-bottom:50px;
}

#latest {
	padding:0 1.0% 0 1.0%;
}

#latest h2 {
	font-size:1.5em;
	margin:0 0 10px 0;
}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
	margin-bottom:1em;
	background:#333333;
}

.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

p.header {
	padding:0 0 15px 0;
	font-size:1.5em;
	line-height:1.3em;
}

p.subHeader {
	font-size:1.15em;
	font-weight:bold;
	padding:0 0 12px 0;
}

p.normal {
	padding:0 0 15px 0;
	line-height:1.6em;
}

p.normal a {
	color:#5a7e92;
}

p.normal a:hover {
	text-decoration:underline;
}

#pageFooter {
	clear:both;
	border-top:1px solid #5a7e92;
	overflow:hidden;
	text-align:center;
}

#socialIcons {
	position:relative;
	overflow:hidden;
	margin:15px 0 7px 0;
}

#socialIcons p a {
	display:inline-block;
	color:#5a7e92;
}

#socialIcons p a:hover {
	color:#333333;
}

#copyright {
	position:relative;
	overflow:hidden;
}	
	
}


/* DESKTOP STYLES */

@media only screen and (min-width:769px) {
	
body {
	width:90%;
	margin:0 auto;
	min-width:1024px;
	max-width:1024px;
}

header {
	height:180px;
	position:relative;
}

header h1 {
	text-indent:-9999px;
	height:180px;
	display:block;
	background:url(images/mattSplashLogo_large.png) no-repeat center center;
}

#mainNav {
	margin:0 0 40px 0;
	background:#333333;
	height:57px;
	border-top:1px solid #5a7e92;
	border-bottom:1px solid #5a7e92;
}

#mainNav ul {
	/*max-width:830px;*/
	margin:0 auto;
	text-align:center;
}

#mainNav li {
	position:relative;
	float:none;
	display:inline-block;
	font-family: TradeGothicLTStd-Extended;
	letter-spacing:.07em;
	margin-right:1.9em;
	line-height:57px;
}

#mainNav li:last-child {
	margin-right:0;
} 

#mainNav li a {
	font-size:.90em;
	color:#f2f1ef;
	display:block;
	border:none;
	text-align:center;
	padding:0 0 0 27px;
}

#mainNav li a.bio {
	background:url(images/navSprites_25.png) no-repeat 0 0;
}

#mainNav li a.services {
	background:url(images/navSprites_25.png) no-repeat 0 -82px;
}

#mainNav li a.selections {
	background:url(images/navSprites_25.png) no-repeat 0 -164px;
}

#mainNav li a.studio {
	background:url(images/navSprites_25.png) no-repeat 0 -246px;
}

#mainNav li a.testimonials {
	background:url(images/navSprites_25.png) no-repeat 0 -328px;
}

#mainNav li a.contact {
	background:url(images/navSprites_25.png) no-repeat 0 -410px;
}

#mainNav li a:hover {
	color:#5a7e92;
}

section {
	margin-bottom:50px;
}

#latest {
	padding:0 3.0% 0 3.0%;
}

#latest h2 {
	font-size:1.8em;
	margin:0 0 12px 0;
}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
	margin-bottom:1em;
	background:#333333;
}

.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

p.header {
	padding:0 0 15px 0;
	font-size:1.5em;
	line-height:1.5em;
}

p.subHeader {
	font-size:1.15em;
	font-weight:bold;
	padding:5px 0 12px 0;
}

p.normal {
	padding:0 0 15px 0;
	line-height:1.8em;
}

p.normal a {
	color:#5a7e92;
}

p.normal a:hover {
	text-decoration:underline;
}

#pageFooter {
	clear:both;
	border-top:1px solid #5a7e92;
	overflow:hidden;
	text-align:center;
}

#socialIcons {
	position:relative;
	overflow:hidden;
	margin:15px 0 7px 0;
}

#socialIcons p a {
	display:inline-block;
	color:#5a7e92;
}

#socialIcons p a:hover {
	color:#9ebac9;
}

#copyright {
	position:relative;
	overflow:hidden;
}

}