@charset "UTF-8";
/* CSS Document */
/*title: global.css // author: adam cartlidge // modified: 00/00/00 // client: match media // url: http://www.match-media.com/*/

/*****reset*****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h5, 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,
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-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.clear { clear: both; height:0px; overflow:hidden; }

/*LAYOUT*/

li {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 0 0; line-height: 1.4em;color: #efefef; text-shadow:0.1em 0em #333;}
label {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 0 0; line-height: 1.4em;color: #efefef; text-shadow:0.1em 0em #333;}

img, div, li, input, p, ul, a { behavior: url(iepngfix.htc) }

body { background:url(../../images/root/bg.jpg) center fixed #000000; margin:0; padding:0;}


.asserror input {color:#66ccff;}

#container {width:990px; height:auto; margin:0 auto; padding:0; margin-bottom:60px; }
.splash {width:715px; height:510px; margin:0; padding:0; float:left; background:url(../../images/root/iphone.png); display:inline}
.splash-lower {width:285px; height:510px; margin:0; padding:0; float:left; background:url(../../images/root/iphonelower.png); display:inline}
.splash-right {width:275px; height:510px; margin:0; padding:0; float:right;  display:inline;}
.navigation {width:990px; height:75px; margin:0 0 10px 0; padding:0;}
.logo {width:340px; height:75px; margin:0; padding:0; float:left;}
.footer-logo {width:245px; height:30px; margin:5px 0 0 0; padding:0; float:left;}
.col1 {width:275px; height:auto; margin:0; padding:0; float:left; display:inline;}
.col2 {width:420px; height:auto; margin:0; padding:0 10px 0 10px;  float:left; display:inline;}
.col3 {width:275px; height:auto; margin:0; padding:0; float:left; display:inline}
.video {width:300px; height:auto; margin:243px 0 0 289px; _margin:0px 0 0 290px; padding:0; _padding:260px 0 0 0; background:none;}

.footer-asset {width:auto; height:30px; margin:10px 0 0 0; padding:0; float:right; display:inline;}
.footer-social {width:auto; height:40px; margin:0px 0 0 0; padding:0; float:right; display:inline;}


.footer-social img, .footer-social a:link img, .footer-social a:visited img {border:none; height:40px;}
.footer-social a:hover img {border:0; opacity:.50; filter:Alpha(Opacity=50); -moz-opacity: 0.5;}


ul#social {margin:0; padding:0;}
li.facebook {background:url(../../images/social/facebook_64x64.png) no-repeat; width:auto; height:50px; text-indent:60px; 
font-family: helvetica, arial, sans-serif; font-size: 14px; padding:0; line-height: 4em;color: #efefef; text-shadow:0.1em 0em #333; }

li.twitter {background:url(../../images/social/twitter_64x64.png) no-repeat; width:auto; height:50px; text-indent:60px;
font-family: helvetica, arial, sans-serif; font-size: 14px; padding:0; line-height: 4em;color: #efefef; text-shadow:0.1em 0em #333; }

li.vimeo {background:url(../../images/social/vimeo_64x64.png) no-repeat; width:auto; height:50px; text-indent:60px;
font-family: helvetica, arial, sans-serif; font-size: 14px; padding:0; line-height: 4em;color: #efefef;text-shadow:0.1em 0em #333; }

li.rss {background:url(../../images/social/rss_64x64.png) no-repeat; width:auto; height:50px; text-indent:60px;
font-family: helvetica, arial, sans-serif; font-size: 14px; padding:0; line-height: 4em;color: #efefef;  text-shadow:0.1em 0em #333; }

.col1 p {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 0 0; line-height: 1.4em;color: #efefef; text-align:center; text-shadow:0.1em 0em #333;}
.col1 p.quote {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 10px 0; line-height: 1.4em;color: #999; text-align:center; text-shadow:0.1em 0em #333; border-bottom:1px solid #FFFFFF;}
.col1 .tweetie {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:20px 0 10px 40px; line-height: 1.4em;color: #ffffcc; text-align:center; text-shadow:0.1em 0em #333; background:url(../../images/root/birdie.png) no-repeat;}
.col1 #tweet{font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 0 0; line-height: 1.4em;color: #efefef; text-align:center; text-shadow:0.1em 0em #333;border-bottom:1px solid #FFFFFF;}

.signuppanel {width:275px; height:239px; margin:25px 0 0 0; padding:0; background:url(../../images/root/signup.png) no-repeat;}

input#btnSubmit {margin:5px 0 0 5px; _margin:5px 0 0 0px; display:inline;}

.signup input {

background:none;
width:170px;
height:24px;
color:#999999;
font-style:italic;
background-image:url(../../images/root/search.png);
background-repeat:no-repeat;
border:none;
padding:5px 0 0 5px;
margin:0px 0px 0 0;
}

.subscribe input {

background:none;
width:170px; float:left;
height:24px;
color:#333;
font-style:italic;
background-image:url(../../images/root/subscreeb.png);
background-repeat:no-repeat;
border:none;
padding:5px 0 0 5px;
margin:5px 0px 0px 0px;
}


.field-wrapper {width:170px; height:auto; margin:0 0px 0 10px; float:left; padding:0;  display:inline;}

a { color: #66ccff; text-decoration:none; }
a:link, a:active, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; color:#fff;}

p {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:10px 0 0 0; line-height: 1.4em;color: #efefef; text-shadow:0.1em 0em #333;}
p strong {color:#ffffcc;}
p.footer {font-family: helvetica, arial, sans-serif; font-size: 12px; padding:0px 0 0 0; line-height: 1.4em;color: #efefef; text-shadow:0.1em 0em #333; margin:0 10px 0 10px;}

.title {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:19px; font-style:normal; padding:0; margin:0 0 0 0px; line-height: 1.2em;}
.Title {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:19px; font-style:normal; padding:0; margin:0 0 0 0px; line-height: 1.2em;}
p.title {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:19px; font-style:normal; padding:0; margin:0 0 0 0px; line-height: 1.2em;}
p.title2 {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:16px; font-style:normal; padding:1;}
.title2 {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:16px; font-style:normal; padding:1;}
p.subscribe {font-family: helvetica, arial, sans-serif; color:#ffffcc; font-size:19px; font-style:normal; padding:0 !important; margin:0 0 0 10px; line-height: 1.7em;}

.wrapper {margin:0; padding:0px 10px 10px 10px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.wrapper-lwr {margin:0; padding:0px 10px 10px 10px; border-left:1px solid #FFFFFF;}
.wrapper-lwr img {margin:10px 0 0 0; padding:4px; _padding:2px; border:1px solid #ffffcc; display:inline;}
.wrapper img {margin:10px 10px 2px 0; padding:4px; border:1px solid #ffffcc; float:left; display:inline;}


.lower-wrap {width:705px; height:600px; margin:0; padding:0; float:right; display:inline;}

p.date {font-family: helvetica, arial, sans-serif; font-size: 12px; padding:10px 0 0 0; line-height: 1.4em;color: #66ccff; text-shadow:0.1em 0em #333;}
p.strap {font-family: helvetica, arial, sans-serif; font-size: 14px; padding:0px 0 0 0; line-height: 1.4em;color: #efefef; text-shadow:0.1em 0em #333;}
p.teaser {font-family: helvetica, arial, sans-serif; font-size: 12px; padding:0px 0 10px 0; line-height: 1.4em;color: #ffffcc; text-shadow:0.1em 0em #333;border-bottom:1px solid #FFFFFF;}
p.teaser-btm {font-family: helvetica, arial, sans-serif; font-size: 12px; padding:0px 0 10px 0; line-height: 1.4em;color: #ffffcc; text-shadow:0.1em 0em #333;}

/*NAVIGATION*/

.nav-wrap {width:580px; height:36px; margin:20px 0 0 0; padding:0; float:right;}

ul#top-nav { margin:0px; padding:0px; }
ul#top-nav li { display:block; float:left; list-style-type:none; margin:0; padding:0; }
ul#top-nav li a { display:block; outline:none; width:580px;height:36px; background: url(../../images/root/navigation.png) no-repeat 0 0; text-indent:-9009px; margin:0 0px 0 0;list-style-type:none; }



ul#top-nav li#home a { width:83px; background-position:-0px 0; } 
ul#top-nav li#home a:hover  { background-position:-0px -0px}
ul#top-nav li#home.on a { background-position:-0px -72px }

ul#top-nav li#about a { width:83px; background-position:-83px 0; } 
ul#top-nav li#about a:hover  { background-position:-83px -36px }
ul#top-nav li#about.on a { background-position:-83px -72px }

ul#top-nav li#products a { width:83px; background-position:-166px 0; } 
ul#top-nav li#products a:hover  { background-position:-166px -36px }
ul#top-nav li#products.on a { background-position:-166px -72px }

ul#top-nav li#news a { width:83px; background-position:-249px 0; } 
ul#top-nav li#news a:hover  { background-position:-249px -36px }
ul#top-nav li#news.on a { background-position:-249px -72px }

ul#top-nav li#galleries a { width:83px; background-position:-332px 0; } 
ul#top-nav li#galleries a:hover  { background-position:-332px -36px }
ul#top-nav li#galleries.on a { background-position:-332px -72px }


ul#top-nav li#blog a { width:83px; background-position:-415px 0; } 
ul#top-nav li#blog a:hover  { background-position:-415px -36px }
ul#top-nav li#blog.on a { background-position:-415px -72px }

ul#top-nav li#contact a { width:82px; background-position:-498px 0; } 
ul#top-nav li#contact a:hover  { background-position:-498px -36px }
ul#top-nav li#contact.on a { background-position:-498px -72px }


#left-mod {width:679px; min-height:400px; height:auto; margin:10px 0 10px 0; border-right:1px solid #666666; padding:0; background:#000; float:left;}

.highlight-listing-mod {width:auto; min-height:400px; height:auto; margin:10px 0 10px 0;  padding:0; }
.highlight1 {width:300px; height:90px; margin:10px 10px 10px 0px; padding:0; float:left;}
.highlight2 {width:300px; height:90px; margin:10px 10px 10px 0; padding:0;  float:left;}

.hightlightimg-container {width:120px; height:90px; margin:0; padding:0; float:left;}
.hightlightimg-container img {width:110px; height:80px; border:1px solid #999999; padding:4px; margin:0;}

.highlight-listing-text { height:90px; width:170px; float:right; display:inline-block;}

.wrapper-full {width:auto; height:auto; margin:10px; padding:0; text-align:center;}

.high-title {font-family: Georgia,"Times New Roman",serif; color:#ccff66; font-size:15px; font-style:italic; padding:0; margin:0 0 0 0px; line-height: 1.2em; float:right; text-align:left; width:170px;}
.high-detail {font-family: Georgia,"Times New Roman",serif; color:#efefef; font-size:12px; font-style:italic; padding:0; margin:5px 0 0 0px; line-height: 1.2em; float:right; text-align:left; width:170px; overflow:hidden;}

/*STICKY-FOOTER*/



#footer { position: fixed; bottom: 0; height: 40px; width: 100%; background: #222; border-top: 1px solid #efefef; z-index: 99;}