/*
Theme Name: River Height Media Default
Description: The default River Height Medis theme.
Version: 1.0
Author: Ben Coyour
Author URI: http://www.bencoyourdesign.com/
Tags: custom theme
*/

@import url("css/reset.css");
@import url("css/fonts/asenine.css");

/* Screen Style Sheet
--------------------------------------------------------------- */
body {
	background:#fff;
	text-align:center;
	color:#000;
	font:normal 13px/17px Arial, Helvetica, sans-serif;
}
p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#30bade; font-weight:bold; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul, ul li {list-style:normal;}
ol, ol li {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 1.5em 0; padding:0 0 0 1.2em;}
ul {padding:0;}
ul li {background:url(img/bull-square.png) no-repeat 0 8px; padding:0 0 0 1.2em;}
ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
ul ul {margin:.3em 0;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#bg-image {background:url(img/bg-water.jpg) no-repeat top center; position:absolute; top:0; left:0; width:100%; min-width:980px; height:930px; z-index:1;}
div#wrap {position:relative; width:980px; margin:0 auto; text-align:left; z-index:5; padding-top:68px;}
div#side {position:relative; float:right; display:inline; width:300px;}
div#main {position:relative; float:left; display:inline; width:540px; padding-top:3px; color:#05748d; line-height:22px;}
div#content {padding-left:10px;}
div#sample-work {position:absolute; top:674px; left:0; width:50%; background:url(img/print-samples.jpg) no-repeat top right; height:400px; min-width:490px; z-index:2;}

/* OVERFLOW
----------------------------------------------- */
div#side h2 a:link, div#side h2 a:visited,
li.send a, li.quote a, #contact h3, #contact h4#west, #contact h4#east,
h3#slogan, li#print a, li#mail a, li#video a {height:0px; overflow:hidden; font-size:0; line-height:1%; border:0; text-decoration:none;}

/* SIDE
----------------------------------------------- */
div#side h2 {padding:0 0 0 15px;}
div#side h2 a:link, div#side h2 a:visited { /* overflow */
	display:block;
	position:relative;
	width:224px;
	padding-top:209px;
	color:#fff;
	background:url(img/btn-river-heights-media.png) no-repeat top left;
}
div#side h2 a:hover, div#side h2 a:active {border:0;text-decoration:none;}

ul#support-links, ul#support-links li {margin:0; padding:0; list-style:none;}
ul#support-links {margin-top:70px; float:left;}
ul#support-links li {display:block; float:left;}
li.send {background:url(img/btn-send-file.png) no-repeat top left;}
li.quote {background:url(img/btn-request-quote.png) no-repeat top left;}
li.send a, li.quote a {display:block; position:relative; width:120px; padding-top:67px; color:#fff;} /* overflow */
li.send a:hover, li.send a:active {background:url(img/btn-send-file-hover.png) no-repeat top left;}
li.quote a:hover, li.quote a:active {background:url(img/btn-request-quote-hover.png) no-repeat top left;}

#contact {padding:60px 0 0 25px; font:normal 13px/18px Arial, Helvetica, sans-serif; color:#a9a9a9;}
#contact strong {color:#05748d;}
#contact h3 {background:url(img/txt-metro-offices.png) no-repeat top left; margin:0 0 20px; display:block; position:relative; width:200px; padding-top:20px; color:#fff;} /* overflow */
#contact h4#west {background:url(img/txt-west.png) no-repeat top left; margin:0 15px 0 0; display:block; position:relative; width:20px;	padding-top:66px; color:#fff; float:left;} /* overflow */
#contact h4#east {background:url(img/txt-east.png) no-repeat top left; margin:0 15px 0 0; display:block; position:relative; width:20px;	padding-top:66px; color:#fff; float:left; clear:left;} /* overflow */
#contact p {margin:0 0 25px;}
#copyright {text-align:center; font-size:11px; color:#999; padding-right:30px;}

/* Navigation
---------------------- */
ul#nav {position:relative; margin:0; padding:20px 0 0; clear:left;}
ul#nav li {display:block; padding:0 0 0 60px; margin:0; background:none;}
ul#nav li.current_page_item {background:url(img/blue-arrow.png) no-repeat 18px 10px;}
ul#nav li.current_page_item a {color:#30bade;}
ul#nav li a {display:block; font:normal 30px/40px asenine, Verdana, Geneva, sans-serif; color:#a7a7a7; text-transform:uppercase; text-decoration:none;}
ul#nav li a:hover, ul#nav li a:active {color:#30bade;}

/* MAIN
----------------------------------------------- */
h3#slogan {background:url(img/txt-solutions.jpg) no-repeat top left; margin:0 0 43px; display:block; position:relative; width:540px; padding-top:135px; color:#fff;} /* overflow */
div#service-links {background:url(img/bg-big-buttons.jpg) no-repeat top left; width:540px; height:202px; position:relative;}
div#service-links ul {margin:0; padding:0 0 0 18px; list-style:none;}
div#service-links ul li {margin:0; padding:0; background:none; list-style:none; float:left; display:inline; margin-right:7px;}
div#service-links li#video {margin-right:0;}
li#print a, li#mail a, li#video a {display:block; width:169px; padding-top:171px; color:#75afc0;} /* overflow */
li#print a:hover, li#print a:active {background:url(img/btn-print-hover.jpg) no-repeat top left;}
li#mail a:hover, li#mail a:active {background:url(img/btn-mailing-hover.jpg) no-repeat top left;}
li#video a:hover, livideo a:active {background:url(img/btn-video-hover.jpg) no-repeat top left;}

div#main h1 {color:#e5f7fc; font:normal 50px/60px asenine, Verdana, Geneva, sans-serif; text-transform:uppercase; text-decoration:none; text-shadow:#4f9fb2 2px 2px 1px;}
div#main h2 {color:#000; font:normal 30px/25px asenine, Verdana, Geneva, sans-serif;}
div#main p {text-align:justify;}
div#main p.arrow {clear:both; float:right; display:inline; background:url(img/btn-orange-arrow.png) no-repeat top left;}
div#main p.arrow a {
	display:block;
	text-decoration:none;
	padding:0 10px 0 40px;
	font:bold 16px/34px Verdana, Geneva, sans-serif;
	text-transform:uppercase;
	white-space:nowrap;
}
div#main p.arrow a:hover, div#main p.arrow a:active {background:url(img/btn-orange-arrow-hover.png) no-repeat top left; color:#05748D;}
div#main .alignright {float:right; display:inline; margin:1em 0 15px 20px;}
div#main .alignleft {float:left; display:inline; margin:1em 20px 15px 0;}

/* FORM
----------------------------------------------- */
#main div.wpcf7-mail-sent-ok {border:2px solid }