/* -------------------------------------------------------------------------------------------------- 

File:		screen.csss
Author:   	designer jewels
Made:     	June 2010

-------------------------------------------------------------------------------------------------
reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------------------------------------------- */
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,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,hr,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}
html {height:100%}
body {line-height:1;color:#3e3e3e;background:#fff;height:100%}
:focus {outline:0}
ol,ul {list-style:none}
table {border-collapse:separate;border-spacing:0/* tables still need 'cellspacing="0" */}
caption,th,td {text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after {content:""}
blockquote,q {quotes:"" ""}
option,select {min-width:1.5em}
ins {text-decoration:none}
del {text-decoration:line-through}
img,a img {border:0}
.block {display:block}

#wrap,#contentwrap,#content,#sidebar,#footerwrap {position:relative}
#wrap {margin:0 auto;text-align:left;overflow:hidden;width:950px;min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -20px; /* the bottom margin is the negative value of the footer's height */}
#header {width:950px;height:145px;display:block}
#contentwrap {width:950px;margin:0 auto;overflow:hidden;background-color: rgba(0, 0, 0, .8);-webkit-border-radius: 9px;border-radius:9px;color:#fff}
#content {width:920px;padding:30px 0 0 30px;overflow:hidden;}
#footer {width:950px;margin:0 auto;;text-align:center;font-size:11px;font-family:'Questrial', sans-serif;;text-transform:uppercase}
.push {height:20px; /* .push must be the same height as .footer */}

/* Clearing */
.clear,#content,.columns,.abstract {display:inline-block}
.clear:after,#content:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
* html .clear,* html #content,* html .columns,* html .abstract {height:1%}
.clear,#content,.columns,.abstract {display:block}
.clear {clear:both}
.clearR {clear:left}

body {font:12px/1.6 'Questrial', sans-serif;,'helvetica neue',helvetica,Arial,Helvetica,sans-serif;background:#fff url('img/bg.gif') repeat 0 0;color: #333}

h1,h2,h3,h4,h5,h6 {margin:0;font-family:'Prata', sans-serif;text-transform:lowercase}
h1 {font-size:1.3em;margin-bottom:18px}
h2 {font-size:1.4em;margin-bottom:1em}
h3 {font-size:1em}
h4 {font-size:.9em;color:#4f4e4f}
h5 {font-size:.7em;background:none;}
h6 {font-size:.5em;background:none;}

input,select,th,td {font-size:1em}
p {margin:0 0 1em}
p.last {margin-bottom:0}
p img {float:left;margin:10px 10px 10px 0}
ul,ol {margin:0 0 1em 0;list-style-position:outside}
ul {list-style-type:disc;margin-left:1.3em}
ol {list-style-type:decimal;margin-left:2em}
dl {margin:0 0 1em 0}
dl dt {font-weight:bold}
dd {margin-left:1.5em}
cite {font-style:italic}
a:focus,a:hover	{color:#074C7B;text-decoration:underline}
a {color:#0083dc;text-decoration:none}
blockquote {margin:1.5em;}
strong {font-weight:bold}
em,dfn {font-style:italic}
.highlight {color:#b00f1f!important}
hr {background:#dcdcdc;border:0;color:#dcdcdc;height:1px;margin:0 0 15px 0;line-height:0;float:none}
small {font-size:11px}
#content ul li {list-style-type:none;background:transparent url(img/sprite.gif) no-repeat 0 -146px;padding-left:20px}

/* Generic elements
-------------------------------------------------------------- */
.fr {float:right;width:auto}
.fl {float:left}
sup {font-size:11px;color:#555;font-weight:normal;font-style:normal}

/* Header
-------------------------------------------------------------- */

#header h1 {background:none}
#header h1 a {background:transparent url(img/sprite.png) no-repeat 0 0;width:318px;height:104px;display:block;overflow:hidden;outline:none;text-indent:-9000px;margin:0 0 0 0}
.contact {float:right;font-family:'Questrial', sans-serif;;text-transform:uppercase;margin:54px 0 0 0}
.contact li {display:inline}
.contact a {font-size:12px;color:#000;margin:11px 0 0 16px}
.contact a:hover {color:#0083dc;text-decoration:none}

/* Homepage
-------------------------------------------------------------- */
#fullWidthPromo {width:621px;height:285px;float:right;margin:60px 30px 0 0;}
#mainCopy {width:255px;line-height:1.4;display:block;float:left;margin-right:13px;font-family:'Questrial', sans-serif;;text-transform:uppercase;font-size:13px}

/* jcarousel
-------------------------------------------------------------- */
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:581px;padding:0 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:480px;height:240px;margin-left:60px}
#content .jcarousel-skin-tango .jcarousel-item {width: 240px;height:240px;padding:0;background:none}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;}
/*Buttons*/
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute;top:110px;left:596px;width:32px;height:32px;cursor: pointer;background: transparent url(img/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top:110px;left:60px;width:32px;height:32px;cursor:pointer;background:transparent url(img/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
#mycarousel{display:none}/*hide this and display using js so as to avoid flickr caused by twitter load*/

/* ---------->>> thickbox <<<-----------------------------------------------------------*/
#TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333;}
#TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666;}
#TB_window a:link {color: #666;}
#TB_window a:visited {color: #666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666;}
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000;display:none;border: 4px solid #232323;text-align:left;top:50%;left:50%;}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-indent:-9000px;font-size:1px;position:absolute;right:0;top:0;color:#fff}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{height:27px;}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px;/* -height/2 0 0 -width/2 */
}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
a#TB_closeWindowButton {background:#fff url(img/close.gif) no-repeat 0 0;width:69px;height:18px;display:block;outline:none;}

#twitter {width:227px;height:243px;display:block;float:left;padding:20px;overflow:hidden}
#twitter_div {width:215px;margin:5px 0 0 5px}
ul#twitter_update_list {margin:0 0 20px 0}
h2.tweetBird {background:transparent url(img/twitter-bird.gif) no-repeat 0 0;padding:5px 0 0 37px;height:37px;}
a.follow {float:right;display:block;margin-top:8px;font-size:10px}

.s1,.s2 {float:left;text-transform:uppercase}
.col2 .s1 {margin-right:55px}
.col2 .s1,.col2 .s2 {width:380px;display:block;float:left}
ul.webStalk {margin:0}
#content ul.webStalk li {float:left;background:transparent url(img/webStalk-icons.gif) no-repeat 0 0;height:16px;padding-left:20px;margin-right:10px}
#content ul.webStalk li.flickr {background-position:0 -50px;}
#content ul.webStalk li.facebook {background-position:0 -100px;}
#content ul.webStalk li.twitter {background-position:0 -150px;}
img.headshot {margin:0 10px 5px 0;float:left}
#content form.contactForm li {background:none;padding:0}
form.contactForm label {width:100px;float:left}
form.contactForm ul {margin-left:5px}
form.contactForm ul li {margin:0 0 5px 0;padding:0}
form.contactForm .txt {width:215px;border:1px solid #bdc7d8;padding:5px}
form.contactForm textarea {width:215px;display:block;border:1px solid #bdc7d8;padding:5px}
form.contactForm {margin-top:20px}
form.contactForm input.send {margin-left:100px}

.send {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% 'Questrial', sans-serif;;padding: .3em 1.5em .4em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);margin:.5em .5em 0 0;text-transform:uppercase}
.send:hover,a.button:hover {text-decoration: none!important;}
.send:active {position: relative;top: 1px;}
.send {border: solid 1px #939292;background: #bababa;background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#959595));background: -moz-linear-gradient(top,  #e0e0e0,  #959595);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#959595');}
.send:hover,a.send:hover {background: #a7a7a7;background: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#888888));background: -moz-linear-gradient(top,  #c9c9c9,  #888888);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#888888');}
.send:active,a.send:active {color: #fff!important;background: -webkit-gradient(linear, left top, left bottom, from(#959595), to(#e0e0e0));background: -moz-linear-gradient(top,  #959595,  #e0e0e0);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#e0e0e0');}


#fullPage {width:783px;display:block;padding:20px}
.ralph {margin:0 30px 0 0;float:left}
.four0four {float:left;margin-top:66px;text-transform:uppercase}
.four0four h1 {font-size:24px}