@import url("fonts.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
header, section, footer,
aside, nav, article, figure {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
 h1
{font-family:'Blue Highway', 'SansationBold', Arial, sans-serif;
font-weight:normal;
font-size:35px;
letter-spacing:3px;
text-transform:uppercase;
color:#FFFFFF;}

h2
{font-family:Verdana, Arial, sans-serif;
font-weight:normal;
font-size:19px;
color:#7e8384;}

p, li
{font:11px/18px 'Myriad Pro', Helvetica, Arial, sans-serif;
color:#a6a6a7;
padding:5px 0 5px 0;}

.intro .text p
{color:#e5ebf0}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
a
{text-decoration:none;
cursor:pointer;
color:#6db8d4;
white-space:nowrap;}

a:hover
{color:#e57e5f;}
.clear
{clear:both;}
.offscreen
{margin-left:-9999px;}

acronym
{border-bottom:1px #e5ebf0 dotted;
cursor:help;}
/* ------------------- End of CSS Reset ------------------- */

html, body
{height:100%;}

body
{background:#09090a url(../img/bodybg.jpg) no-repeat top center;}

.containerouter
{min-height: 88%;
height: auto !important;
height: 88%;
margin: auto;
width:100%;}

.galleryimages
{padding-top:10px;}

header
{float:left;
margin:10px 0 0 10px;}

header p
{font:italic 16px/20px 'Blue Highway', 'SansationBold', Arial, sans-serif;
letter-spacing:3px;
margin:0 0 0 55px;}

nav
{float:right;
margin-top:60px;
background: url(../img/menuborder.png) no-repeat bottom;
width:450px;}

nav a
{float:right;
margin:0 5px 0 20px;
width:100px;
height:65px;
font:16px/20px 'Blue Highway', 'SansationRegular', Arial, sans-serif;
text-transform:uppercase;
color:#FFFFFF;}

a#home
{/*background: url(../img/home.png) no-repeat 0 0;*/
width:110px;}

a#gallery
{/*background: url(../img/gallery.png) no-repeat 0 0;*/
width:130px;}

a#news
{/*background: url(../img/news.png) no-repeat 0 0;*/
width:100px;}

a#home:active, a#news:active, a#gallery:active
{background-position:0 1px;}

.container
{margin:auto;
padding:50px 0 0 0;
width:850px;}

.container .intro
{
border:4px solid #191718;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
width:640px;
margin:auto;
height:186px;
background-color: #1d1d1f; /* fallback color */
background:url(../img/introcontentbg.jpg) repeat-x 0 0;
background-image: -moz-linear-gradient(100% 100% 90deg, #090909, #34383b);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#34383b), to(#090909));}

.intro .heading
{float:left;
width:220px;
text-align:center;
margin:25px 0 0 20px;}

.intro .heading h2
{padding-bottom:3px;}

.intro .text
{float:right;
width:310px;
margin:20px 20px 0 10px;}

.container .socialicons
{float:left;
width:240px;
margin:0 0 0 110px;
margin-top:-5px;}

.container .socialicons img
{filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;}

.container .socialicons img:hover
{filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;}


footer
{/* background: url(../img/footerbg.jpg) repeat-x 0 0; */
/*border-top:1px solid #303233;*/
width:100%;
margin-top:20px;
}

footer .copyright
{float:left;
width:700px;}

footer .smashy
{float:right;
width:50px;}

footer p, footer a
{padding:5px 0 0 0;
font:10px/17px Arial, sans-serif;
color:#9e9e9e;}

a.backtotop
{position:absolute;
right:5px;
bottom:45px;
position:fixed;}

a.trigger{
position: absolute;
text-decoration: none;
top: 175px; right: 0;
display: block;
width:30px;
height:130px;
background:url(../img/contact.jpg) no-repeat 0 0;
z-index:100;}

.goodtotalk
{position:absolute;
top:260px;
right:20px;
width:100px;
height:71px;
background:url(../img/goodtotalk.jpg) no-repeat 0 0;}

.design .trigger, .text .trigger, .errorcontact .trigger, .links .trigger
{position:relative;
top:0;
left:0;
right:0;
display:inline;
z-index:0;
background:none;}

div.closeformwindow
{position: absolute;
top:0;
right:45px;}

div.confirmationmsg
{position:relative;
margin:0 0 0 50px;
padding-right:50px;}

div.closeformwindow a
{font:12px/17px Arial, sans-serif;}

.panel {
position: absolute;
top: 175px;
right: 0;
display: none;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.9);
border:1px solid #777b7a;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 580px;
height: auto;
padding: 10px 0 30px 20px;
z-index:50;}

.panel h2
{font-family:'Blue Highway', 'SansationBold', Arial, sans-serif;
font-weight:normal;
font-size:28px;
letter-spacing:3px;
color:#FFFFFF;}

.panel p
{font-size:13px;}

.panel p.emailnote
{font-size:11px;
padding:0;}