/* ::::: http://www.observepoint.com/css/main.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 { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat scroll 0% 0%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; font-size: 100%; vertical-align: baseline; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
body { line-height: 1; }
ol, ul { list-style-type: none; list-style-image: none; list-style-position: outside; }
:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
body { font-family: "Myriad Pro","Trebuchet MS",Arial,Helvetica,sans; }
.homebody { background: rgb(236, 234, 234) url('../images/topheaderbgx.jpg') repeat-x scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }

.clear { clear: both; }
.clear-right{ clear: left}
.clear.hr { border-bottom: 2px solid rgb(218, 217, 217); }

#topContainer { background: transparent url('../images/topcontainerbg.jpg') no-repeat scroll center center; width: 100%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 448px; }
#topContent { margin: 0pt auto; width: 1024px; height: 448px; }

#nav { height: 58px; }
#nav #logo { width: 227px; float: left; padding: 5px 0pt;}
#nav #links { margin: 0pt; padding: 0pt; width: 650px; float: right; height: 58px; text-align: right; }
#nav #links ul { list-style-type: none; }
#nav #links li { padding: 0pt 15px; display: inline-block; float: left; font-size: 15px; }
#nav #links li a { padding: 25px 0pt; color: rgb(255, 216, 0); text-decoration: none; display: block; }
#nav #links li a:hover { color: rgb(255, 255, 255); }
#nav #links li.divide { padding: 5px 10pt; }
/* LIVE CHAT */
#nav #links ul li.live-chat
{
    padding-left:21px;
    background:url(../images/live_chat_icon.jpg) 0 20px no-repeat;
  
}
#nav #links ul li.live-chat a
{
    text-decoration:none;
    color:#99d827;
}

#nav #links ul li.live-chat a:link,#nav #links ul li.live-chat a:visited
{
    color:#33CC66;
}

#nav #links ul li.live-chat a:hover,#nav #links ul li.live-chat a:active
{
    color:#33CC66;
} 

.specialContainer { margin: 5px 0pt; width: 446px; float: left;}


#links ul { list-style-type: none; }
#links li { padding: 0pt 15px; display: inline-block; float: left; font-size: 15px; }
#links li a { padding: 15px 0pt; color: rgb(185, 185, 185); text-decoration: none; display: block; }
#links li a:hover { color: rgb(255, 255, 255); }
#links li.acct a { color: rgb(255, 216, 0); font-size: 12px; position: relative; top: 3px; }
#links li.acct a:hover { color: rgb(255, 255, 255); }
#headerTxt { margin: 34px 0pt; }

#txtButtons { width: 472px; float: left; }
#txtButtons a img { margin: 25px 20px 0pt 0pt; }

#screenShot { margin: 26px 0pt 0pt; width: 546px; height: 364px; float: right; }
#content { margin: 30px auto; width: 1024px; }

#clients { margin: 25px 0pt; width: 445px; float: left; }
#clients h3 { margin: 0pt 0pt 15px; color: rgb(37, 38, 37); font-size: 27px; font-weight: normal; width: 200px; float: left; }
.clientsimg img { margin: 0pt 13px 15px 0pt; }


#slider ul, #slider li { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#slider li { overflow: hidden; width: 445px; height: 220px; }
ol#controls { width: 125px; float: right; margin-top: -35px; text-align: right; }
ol#controls li, ol#controls li.current { margin: 0pt 5px; background: transparent url('../images/whonavoff.png') no-repeat scroll 0% 0%; display: block; width: 17px; height: 17px; float: left; color: rgb(85, 85, 85); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; text-decoration: none; font-size: 13px; text-align: center; padding-top: 3px; }
ol#controls li a { color: rgb(85, 85, 85); text-decoration: none; font-size: 13px; text-align: center; }
ol#controls li.current { background: transparent url('../images/whonavon.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
ol#controls li.current a { color: rgb(255, 255, 255); }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

#features { width: 550px; float: right; margin-top: -10px; }
#features div { width: 270px; margin-bottom: 5px; }
#features div h4 { margin: 30px 0pt 10px; color: rgb(1, 53, 74); font-weight: normal; font-size: 26px; display: inline-block; width: 200px; }
#features div h4 a { color: rgb(1, 53, 74); text-decoration: none; width: 100%; }
#features div h4 a:hover { color: rgb(0, 0, 0); }
#features div img { position: relative; top: 10px; margin-right: 10px; display: block; float: left; }
#features div p { margin: 0pt 0pt 0pt 5px; color: rgb(68, 68, 68); font-size: 13px; line-height: 18px; font-family: Arial,Helvetica,sans-serif; }
#features div p a { color: rgb(0, 102, 153); text-decoration: none; }
#features div p a:hover { color: rgb(34, 34, 34); }
#features div.l { float: left; }
#features div.r { float: right; }

#solutions { margin: 5px 0pt; width: 460px; float: left; }
#solutions h3 { margin: 0pt 0pt 15px; color: rgb(37, 38, 37); font-size: 27px; font-weight: normal; }
#solutions #tabs { background: transparent url('../images/tabsbgright.png') no-repeat scroll right center; width: 177px; height: 300px; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#solutions #boxes { background: transparent url('../images/solutionboxbg.png') no-repeat scroll 0% 0%; width: 278px; height: 295px; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#solutions #tabs ul { margin: 25px 0pt 0pt; padding: 0pt; }
#solutions #tabs li { border-bottom: 1px solid rgb(204, 204, 204); display: block; height: 37px; font-size: 21px; color: rgb(126, 125, 125); position: relative; width: 160px; cursor: pointer; }
#solutions #tabs li.active { border-bottom: medium none; background: transparent url('../images/solutionbutbg.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 177px; }
#solutions #tabs li.active span { color: rgb(47, 47, 47); }
#solutions #tabs li span { position: relative; top: 10px; left: 15px; }

#social-box { margin: 25px 0pt; padding-left: 50px; width: 275px; float: left; }
#social-box h3 { margin: 0pt 0pt 15px; color: rgb(37, 38, 37); font-size: 20px; font-weight: normal; width: 200px; float: left; }
#social-box div.l { float: left; }
#social-box div.r { float: right; }

#social-box2 { margin: 25px 0pt; width: 250px; float: right; }
#social-box2 h3 { margin: 0pt 0pt 15px; color: rgb(37, 38, 37); font-size: 20px; font-weight: normal; width: 200px; float: left; }
#social-box2 div.l { float: left; }
#social-box2 div.r { float: right; }

#twitter_div { width: 220px; padding: 5px; background:inherit; border: none; }
ul#twitter_update_list { width: 215px; padding: 0; margin: 0; overflow: hidden; }
ul#twitter_update_list li { width: 215px; padding: 5px 0 5px 0; border-bottom: 2px solid rgb(218, 217, 217); list-style: none; color: rgb(68, 68, 68); font-size: 13px; line-height: 18px; font-family: Arial,Helvetica,sans-serif; }
ul#twitter_update_list li a { color: rgb(0, 102, 153); text-decoration: none; }
ul#twitter_update_list li a:hover { color: rgb(34, 34, 34); }

/* 
#testimonials div { border-bottom: 1px solid rgb(204, 204, 204); padding: 15px; background: rgb(243, 243, 243) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
#testimonials div p { margin: 25px; font-size: 24px; font-style: italic; color: rgb(34, 34, 34); line-height: 32px; }
#testimonials div span { margin: 0pt 35px 0pt 0pt; text-align: right; display: block; font-size: 15px; color: rgb(102, 102, 102); }
#testimonials div span strong { color: rgb(51, 51, 51); }
#testimonials div p strong { font-size: 48px; font-family: "Times New Roman",Times,serif; color: rgb(204, 204, 204); }
*/


#footer { padding: 10px; background: rgb(42, 41, 41) none repeat scroll 0% 0%; overflow: auto; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-family: Arial,Helvetica,sans-serif; }
#footer #flinks { margin: 0pt auto; width: 1024px; }
#footer #flinks .links { margin: 15px 35px 10px 0pt; width: 315px; float: left; line-height: 15px; }
#footer #flinks .links a { color: rgb(154, 152, 152); text-decoration: none; font-size: 12px; }
#footer #flinks .links a:hover { color: rgb(255, 255, 255); }
#footer #flinks .links h6 { margin: 0pt 0pt 10px; color: rgb(255, 216, 0); font-weight: normal; font-size: 19px; }



/* FLICKR
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center; width:250px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image {margin:0px 10px 10px 0px; float: left;}
#flickr_badge_image2,
#flickr_badge_image4,
#flickr_badge_image6 {margin:0px 10px 10px 10px; clear: right;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px; clear: both}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#FFFFFF;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

/*Twitter*/