/* Resort Supply Colors
/////////////////////////
Pale Blue - C1DAD1
Orange - F2992F
Mustard1 - CCCC66
Mustard2 - DDDD66
Khaki1 - DDDD99
Khaki2 - CCCC99
Moss - 999966
Chocolate1 - AA8833
Chocolate2 - 887744
Link Green - 4A7B6F
*/

/* 
-----------------------------------------------------------------------------
CSS Reset based on Yahoo YUI2 
-----------------------------------------------------------------------------*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}

/* 
-----------------------------------------------------------------------------
TYPOGRAPHY: Global 
-----------------------------------------------------------------------------*/

body { font-family: "Lucida Grande", Verdana, sans-serif; color: #222; font-size: 11px; line-height: 1.6em; padding: 0; margin: 0; background: #FFF; }
p { margin: .5em 0 1em 0; }
a:link,
a:visited { text-decoration: none; color: #4A7B6F; outline: none; }
a:hover { outline: none; }
p a:hover {border-bottom: 1px solid #666; }
strong,
b { font-weight: bold; }
h1,h2,h3,h4,h5 { color: #444; font-family: Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif; font-weight: normal; margin: 0; padding: 0; line-height: 1em; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: -.01em; text-align: left; font-size: 32px; padding: 5px 0 10px 0; }
h2 { font-size: 1.6em; font-weight: bold; display: inline; padding: 0 0 1px 0; border-bottom: 1px dotted #CCC; letter-spacing: .08em; }
h3 { font-size: 12px; font-weight: bold; letter-spacing: .1em; padding: 5px 0 1px 0 }
h4 { color: #666; font-size: 12px; margin: 20px 0 20px 0; display: inline; font-weight:normal; text-transform:uppercase; }
h5 { font-size: 10px; }
#pullquote { float: right; position: relative; margin: 0 0 .4em 1em; width: 145px; font-family: Georgia, "Times New Roman", Times, serif; font-variant: small-caps; font-size: 20px; line-height: 1.3em; }
blockquote { float: left; position: relative; width: 200px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 13px; padding: 6px; margin-right: 10px; border: #888 2px dotted; background: #C1DAD1; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
/* a little border radius shout out to my new browser peeps.*/
.highlight { background-color:#FF9D9D; border-bottom:#F30 1px solid; border-top:#F30 1px solid; padding: 4px 10px; }
#footer .copyright { font-size: 9px; color:#666; letter-spacing: .1em; text-align: right; padding: 0; margin: 0; }
#sitemap h3 { color: #444; font-size: 10px; font-weight: bold; padding: 0; margin: 0; }
#sitemap li a,
#sitemap li { color: #888; font-size: 9px; padding: 0; margin: 0; line-height: 14px; }
ul.callout li {list-style:none; margin-bottom:3px; background:url(images/li_normal2.png) left center no-repeat; padding-left:15px; font-size:11px; }
/* End Typography */

/* 
-----------------------------------------------------------------------------
LAYOUT: Global
-----------------------------------------------------------------------------*/

#wrapper { margin: 0 auto; width: 930px; }
#header { width: 930px; float: left; padding: 0px 0px 12px 0px; height: 100px; margin: 10px 0px 5px 0px; background: url(images/bg-lines.png) repeat-x bottom; }
#banner { width: 930px; float: left; padding: 0px; background: #FFF; }
#leftcolumn { border: 1px solid #ccc; background: #E7DBD5; margin: 0px 5px 5px 0px; padding: 10px; height: 350px; width: 200px; float: left; }
#halfcolumn { border: 1px solid #ccc; margin: 0px 5px 5px 0px; padding: 10px; width: 400px; float: left; }
#maincontent { float: left; background: #FFFFFF; padding: 0px; width: 930px; display: inline; margin: 10px 0px; }
#rightcolumn { border: 1px solid #ccc; background: #DDDDDD; margin: 0px 0px 5px 0px; padding: 10px; height: 350px; width: 300px; float: left; }
#footer { width: 910px; clear: both; background: url(images/bg-lines.png) repeat-x -5px top; margin: 0px 0px 10px 0px; padding: 10px; }
#sitemap { width: 400px; float: right; padding-top: 10px; text-align: right; display: block; }
#sitemap .r { width: 90px; float: right; padding: 0 0 0 20px; }
/* 
-----------------------------------------------------------------------------
NAVIGATION: Primary
-----------------------------------------------------------------------------*/
#nav { position:relative; top: -126px; right: -5px; }
.spritesnav { width: 400px; height: 25px; background: url(images/nav_primary2.gif) no-repeat; position: relative; top: 0px; left: 525px; }
#live { top: 100px; }
.spritesnav li { display: inline; }
.spritesnav li a:link,
.spritesnav li a:visited,
.spritesnav li div { position: absolute; top: 0; height: 25px; text-indent: -9000px; overflow: hidden; z-index: 10; }
.spritesnav li div { z-index: 0; }
.spritesnav #snabout a:link,
.spritesnav #snabout a:visited,
.spritesnav #snabout div { left: 0px; width: 100px; }
.spritesnav #snabout a:hover,
.spritesnav #snabout a:focus,
.spritesnav #snabout div { background: url(images/nav_primary2.gif) no-repeat 0px -25px; }
.spritesnav #snabout a:active,
.spritesnav #snabout div.click { background: url(images/nav_primary2.gif) no-repeat 0px -50px; }
.spritesnav #snabout.active a:link,
.spritesnav #snabout.active a:visited { background: url(images/nav_primary2.gif) no-repeat 0px -75px; cursor: default; }
.spritesnav #snservices a:link,
.spritesnav #snservices a:visited,
.spritesnav #snservices div { left: 100px; width: 100px; }
.spritesnav #snservices a:hover,
.spritesnav #snservices a:focus,
.spritesnav #snservices div { background: url(images/nav_primary2.gif) no-repeat -100px -25px; }
.spritesnav #snservices a:active,
.spritesnav #snservices div.click { background: url(images/nav_primary2.gif) no-repeat -100px -50px; }
.spritesnav #snservices.active a:link,
.spritesnav #snservices.active a:visited { background: url(images/nav_primary2.gif) no-repeat -100px -75px; cursor: default; }
.spritesnav #snproducts a:link,
.spritesnav #snproducts a:visited,
.spritesnav #snproducts div { left: 200px; width: 100px; }
.spritesnav #snproducts a:hover,
.spritesnav #snproducts a:focus,
.spritesnav #snproducts div { background: url(images/nav_primary2.gif) no-repeat -200px -25px; }
.spritesnav #snproducts a:active,
.spritesnav #snproducts div.click { background: url(images/nav_primary2.gif) no-repeat -200px -50px; }
.spritesnav #snproducts.active a:link,
.spritesnav #snproducts.active a:visited { background: url(images/nav_primary2.gif) no-repeat -200px -75px; cursor: default; }
.spritesnav #sncontact a:link,
.spritesnav #sncontact a:visited,
.spritesnav #sncontact div { left: 300px; width: 100px; }
.spritesnav #sncontact a:hover,
.spritesnav #sncontact a:focus,
.spritesnav #sncontact div { background: url(images/nav_primary2.gif) no-repeat -300px -25px; }
.spritesnav #sncontact a:active,
.spritesnav #sncontact div.click { background: url(images/nav_primary2.gif) no-repeat -300px -50px; }
.spritesnav #sncontact.active a:link,
.spritesnav #sncontact.active a:visited { background: url(images/nav_primary2.gif) no-repeat -300px -75px; cursor: default; }
/* 
-----------------------------------------------------------------------------
NAVIGATION: TAB PANEL
-----------------------------------------------------------------------------*/
/*
Loosely adapted from Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Script URI: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
*/ 

/***** clearfix *****/
.clear { clear: both; height: 0; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
.clearfix { height: 1%; }
.clearfix { display: block; }
/* Panel Tab/button */
.tab { background: url(images/panel-bg.png) repeat-x; height: 36px; position: relative; top: 0; z-index: 999; }
.tab ul.login { display: block; position: relative; float: right; clear: right; height: 36px; width: auto; line-height: 36px; margin: 0; right: 150px; color: white; font-size: 80%; text-align: center; }
.tab ul.login li.left { background: url(images/panel-tab.png) no-repeat top left; height: 36px; padding: 0px 6px; margin: 0; display: block; float: left; }
.tab ul.login li.right { background: url(images/panel-tab.png) no-repeat top right; height: 36px; padding: 0px 6px; margin: 0; display: block; float: left; }
.tab ul.login li { background: url(images/panel-tab.png) repeat-x top center; height: 36px; padding: 0px 10px; display: block; float: left; text-align: left; }
.tab ul.login li a { color: #999; height: 18px; }
.tab ul.login li a:hover { color: #666; }
.tab .sep { color:#F7f7f7; }
.tab a.open,
.tab a.close,
.tab a.client { height: 20px; line-height: 18px !important; padding-left: 18px !important; cursor: pointer; display: block; width: auto; position: relative; top: 9px; }
.tab a.open { background: url(/images/arrows.png) no-repeat left top; height: 36px; width: auto; background-position: 0px -72px; }
.tab a:hover.open { background-position: 0px -90px; }
.tab a:active.open { background-position: 0px -108px; }
.tab a.close { background: url(/images/arrows.png) no-repeat left top; background-position: 0px -54px; height: 36px; width: auto; }
.tab a:hover.close,
.tab a:active.close { background-position: 0px -126px; }
.tab a.client { background: url(/images/arrows.png) left top no-repeat; height: 36px; width: auto; }
.tab a:hover.client { background-position: 0px -18px; }
.tab a:active.client { background-position: 0px -36px; }
/* sliding panel */
/*position: relative; will "push" the content down */
/* position: absolute;  Panel will overlap  content */
#toppanel { position: absolute; top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#panel { width: 100%; height: 220px; color: #333; background: #F0F0F0; overflow: hidden; position: relative; z-index: 3; display: none; }
#panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: #333; }
#panel h2 { font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: #333; }
#panel p { margin: 5px 0; padding: 0; }
#panel a { font-weight: bold; }
#panel a:hover { border-bottom: 1px solid #666; }
#panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; }
#panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #777; }
#panel .content .right { width: 280px; float: left; padding: 0 15px; border-right: 1px solid #777; }
#panel .content form { margin: 0 0 10px 0; }
#panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; }
#panel .content input.field { border: 1px #1A1A1A solid; background: #888; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; }
#panel .content input:focus.field { background: #545454; }
#panel .content textarea.field { border: 1px #1A1A1A solid; background: #888; margin-right: 5px; margin-top: 4px; width: 200px; color: white; }

/* Panel buttons */
/* Login and Register buttons */
#panel .content input.button { display: block; float: right; clear: left; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 6px 80px; }


/* 
-----------------------------------------------------------------------------
Index Scroller - Based on http://flowplayer.org/tools/index.html Jquery Tools 
-----------------------------------------------------------------------------*/
#flownav { position:relative; top:-20px; }
/* root element for tabs */
#flowtabs { /* dimensions */ width: 910px; height:12px !important; margin:0 !important; padding:0; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; }
/* single tab */
#flowtabs li { float: right; margin:0 10px; padding:0; text-indent:-9000px; list-style-type:none; overflow: hidden; z-index: 11;}
/* a- tag inside single tab */
#flowtabs li a { background: url(/images/icon-nav.png) no-repeat; display: block; height: 12px; width: 20px; padding:0px; margin:0px; /* font decoration */ color:#000; font-size:10px; line-height:12px; text-align:center; text-decoration:none; }
/* adjust the background image position on each tab */
#flowtabs #t1 { background-position: 0 0; }
#flowtabs #t2 { background-position: 0 0; }
#flowtabs #t3 { background-position: 0 0; }
#flowtabs #t4 { background-position: 0 0; width:20px; }
/* mouseover state */
#flowtabs a:hover { color:#fff; }
#flowtabs #t1:hover { background-position: 0 -20px; }
#flowtabs #t2:hover { background-position: 0 -20px; }
#flowtabs #t3:hover { background-position: 0 -20px; }
#flowtabs #t4:hover { background-position: 0 -20px; }
/* mouseover state  active*/
#flowtabs a:active { color:#fff; }
#flowtabs #t1:active { background-position: 0 -20px; }
#flowtabs #t2:active { background-position: 0 -20px; }
#flowtabs #t3:active { background-position: 0 -20px; }
#flowtabs #t4:active { background-position: 0 -20px; }
/* currently selected tabs */
#flowtabs a.current { cursor:pointer; color:#fff; line-height:12px; }
#flowtabs #t1.current { background-position: 0 -60px; }
#flowtabs #t2.current { background-position: 0 -60px; }
#flowtabs #t3.current { background-position: 0 -60px; }
#flowtabs #t4.current { background-position: 0 -60px; }


/* panes */
#flowpanes {  width:930px; height:370px; }
/* single pane */
#flowpanes div { display:none; color:#fff; margin:0px 0px; }
/* override the root element to enable scrolling */
#flowpanes { position:relative; overflow:hidden; clear:both; }
/* override single pane */
#flowpanes div { float:left; display:block; width:930px; cursor:pointer; font-size:14px; }
/* some decorations for elements inside single pane */
#flowpanes div h2 { font-weight:normal; color:#ddd; letter-spacing:1px; margin:10px 0 0 0; font-size:22px; }
#flowpanes a { color:#cc9; font-size:14px; }
#flowpanes p,
#flowpanes samp { color:#ccc; }
#flowpanes div.narrow { padding-right:160px; }
/* our additional wrapper element for the items */
#flowpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#flowpanes .less,
#flowpanes .less a { color:#999 !important; font-size:11px; }

/* panes */
#bannerpanes {  width:930px; height:230px; }
/* single pane */
#bannerpanes div { display:none; color:#fff; margin:0px 0px; }
/* override the root element to enable scrolling */
#bannerpanes { position:relative; overflow:hidden; clear:both; }
/* override single pane */
#bannerpanes div { float:left; display:block; width:930px; cursor:pointer; font-size:14px; }
/* some decorations for elements inside single pane */
#bannerpanes div h2 { font-weight:normal; color:#ddd; letter-spacing:1px; margin:10px 0 0 0; font-size:22px; }
#bannerpanes a { color:#cc9; font-size:14px; }
#bannerpanes p,
#bannerpanes samp { color:#ccc; }
#bannerpanes div.narrow { padding-right:160px; }
/* our additional wrapper element for the items */
#bannerpanes .items { width:20000em; position:absolute; clear:both; margin:0; padding:0; }
#bannerpanes .less,
#bannerpanes .less a { color:#999 !important; font-size:11px; }
/* 
-----------------------------------------------------------------------------
TABS - 
-----------------------------------------------------------------------------*/
/*selector for content rich pages, see page source to edit selector */
.tabular { }
/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0; border-bottom:1px solid #A6A8AB; height:30px; }
/* single tab */
ul.tabs li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; }
/* link inside the tab. uses a background image */
ul.tabs a { font-size:12px; display:block; height: 30px; line-height:30px; width: 134px; text-align:center; text-decoration:none; color:#333; margin:0px; position:relative; top:1px; background: url(images/tab4.png) no-repeat -420px 0; padding: 3px 0 0 0; vertical-align: top; }
ul.tabs a:active { outline:none; }
/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: -420px -31px; color:#333; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a { background-position: -420px -62px; cursor:default !important; color:#000 !important; }
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current { background-position: -553px -62px; }
/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }
/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }
/* initially all panes are hidden */ 
#panes { position:relative; min-height: 230px; }/* min-height is fairly unsupported across browsers */ 
/* tab pane styling, note the > selector that is crucial for selecting direct children*/
#panes > div { display:none; padding:0 10px; border:1pxx 0 0 0 solid #999; border-top:0; min-height: 230px; top: 10px; position:relative; width: 100%; }
/* 
-----------------------------------------------------------------------------
ColorBox Styling
-----------------------------------------------------------------------------*/
/*
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; }
#cboxOverlay { position:fixed; width:100%; height:100%; }
#cboxMiddleLeft,
#cboxBottomLeft { clear:left; }
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; }
#cboxTitle { margin:0; }
#cboxLoadingOverlay,
#cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; }
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow { cursor:pointer; }
/* 
Edit Below
*/
#cboxOverlay { background:#999; }
#colorbox { }
#cboxContent { background:#FFF; margin-top:40px; }
#cboxLoadedContent { background:#FFF; padding:5px; }
#cboxTitle { position:absolute; top:-35px; left:0; color:#ccc; }
#cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
#cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }
#cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-20px; background:url(images/popupicons.png) top left no-repeat; width:75px; height:32px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:5px; margin-top:-20px; background:url(images/popupicons.png) top right no-repeat; width:75px; height:32px; text-indent:-9999px; }
#cboxNext.hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#FFF; }
#cboxLoadingGraphic { background:url(images/loading1.gif) center center no-repeat; }
#cboxClose { position:absolute; top:5px; right:10px; display:block; background:url(images/popupicons.png) top center no-repeat; width:80px; height:33px; text-indent:-9999px; }
#cboxClose.hover { background-position:bottom center; }
/* 
-----------------------------------------------------------------------------
FORMS: General
-----------------------------------------------------------------------------*/
/* border radius and text shadow unsupported consistently until CSS3 or IE9 comes along further */
fieldset { border:1px solid #222; background:#DDD; padding:0 20px; margin:0 0 1.9em 0; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }
legend { text-transform:uppercase; color:#fff; padding:3px 6px 4px 6px; margin:0 0 16px 0; letter-spacing:1px; background:#1f1f1f; border:1px solid #444; font-weight:bold; text-shadow:#000 2px 2px 0px; }
input, textarea, select { border: 1px solid #666; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 4px; -webkit-border-radius: 2px; }
#contact-form input.button { display: block; float: right; clear: left; text-align: center; cursor: pointer; border: none; font-weight: bold; margin-right: 100px; }
/* Style for invalid input */
label.error { display:block; font-weight:normal; padding:1px 1px 1px 18px; font-size:10px; background:#b4001c url(images/icon_alert_11px.gif) 3px 4px no-repeat; margin-top:8px; color:#fff; border-radius: 2px; -webkit-border-radius:2px; }
label.error a { color:#fff; text-decoration:underline; }
.invalidInput { border:1px dotted #F00; background-color: #FFECE6; }
/* 
-----------------------------------------------------------------------------
FORMS: Begin Validation Styling,
-----------------------------------------------------------------------------*/
#form-container { float: right; display: inline; width:430px; margin:0px; background-color:#F1F1F1; padding:15px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
form td { white-space:nowrap; margin: 10px 0; padding: 10px 0; }
form tr { padding-bottom: 5px; }
label { text-transform:uppercase; font-size:10px; font-family:Tahoma, Arial, Sans-serif; }
textarea { color:#404040; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
td > button { text-indent:8px; }
/* Style for invalid response below form */
.error { background:#333 url(images/icon-error2.png) 4px 2px no-repeat; color:#fff; width:150px; font-size:11px; border:1px solid #DDD; padding:4px 10px 4px 22px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:240px; }
/* Loading Bug while Ajax Send proceeds */
#loading { position:absolute; padding-left: 250px; visibility: hidden; }
#panel #loading { padding-left: 350px;}
/* Style for invalid response overlays */
.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; }
#debugMode { background:#000; position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color:#fff; font-size:14px; z-index:100000; }
.ajaxSubmit { padding:20px; background:#55ea55; border:1px solid #999; display:none }
.formError .formErrorContent { width:100%; background:#222 url(images/icon-error2.png) 156px 8px no-repeat; color:#fff; width:150px; font-family:tahoma; font-size:11px; border:1px solid #DDD; padding:4px 30px 4px 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.greenPopup .formErrorContent { background:#33be40; }
.blackPopup .formErrorContent { background:#393939; color:#FFF; }
.formError .formErrorArrow { position:absolute; bottom:0; left:20px; width:15px; height:15px; z-index:5001; }
.formError .formErrorArrowBottom { top:0; margin:-6px; }
.formError .formErrorArrow div { border-left:1px solid #DDD; border-right:1px solid #DDD; font-size:0px; height:1px; background:#222; margin:0 auto; line-height:0px; font-size:0px; display:block; }
.formError .formErrorArrowBottom div { }
.greenPopup .formErrorArrow div { background:#393939 url(images/icon-check.png) 2px 8px no-repeat; }
.blackPopup .formErrorArrow div { background:#393939; color:#FFF; }
/* Style popup arrows, color adjusted above */
.formError .formErrorArrow .line10 { width:15px; border:none; }
.formError .formErrorArrow .line9 { width:13px; border:none; }
.formError .formErrorArrow .line8 { width:11px; }
.formError .formErrorArrow .line7 { width:9px; }
.formError .formErrorArrow .line6 { width:7px; }
.formError .formErrorArrow .line5 { width:5px; }
.formError .formErrorArrow .line4 { width:3px; }
.formError .formErrorArrow .line3 { width:1px; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:0px solid #ddd; }
.formError .formErrorArrow .line2 { width:1px; border:none; background:#DDD; }
.formError .formErrorArrow .line1 { width:0px; border:none; background:#DDD; }
/* 
-----------------------------------------------------------------------------
WORDPRESS POSTS
-----------------------------------------------------------------------------*/
#news img.alignleft { float: left; padding-right: 15px;}
#news div.post {clear: both; padding-top: 20px;}
#news div.entry-content {clear: both;}

/* 
-----------------------------------------------------------------------------
MISC
-----------------------------------------------------------------------------*/
/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }
/* address dotted outlines created in FF3 for object tags */
object { outline:none; }
/* for wordpress thumbnail padding see index.php*/
/* div + img.thumbs {margin-right: 8px;} */
.thumbs {margin-left: 4px;}
.inline-left {float: left; padding-right: 15px;}
.inline-right {float: right; padding-left: 15px;}

/* CUFON TWEAKS BELOW
-----------------------------------------------------------------------------*/
ul.tabs li a cufon { padding-top: 0; }
.cufon { vertical-align: top; }
/* IE6 and IE7 Conditional inlclude
----------------------------------------------*/
.cufon-vml { margin: 6px 0 10px 0; }
/* Firefox 2 Specific rules
-------------------------------------*/
.cufon, x:-moz-any-link {position: relative;top: 6px;}
/* Firefox 3 Specific rules
-------------------------------------*/
.cufon, x:-moz-any-link, x:default {top: 0;}