/*Screen Style Sheet
version: 1.0
author: ryan bruce
email: rbruce@thrillworks.com
website: http://www.thrillworks.com*/
body { margin:0; color:#4c4c4c; font-family:Arial, Helvetica, sans-serif; font-size:75%; }
h1, h2, h3, h4, h5, h6 { margin-top:0; font-weight:normal; }
h1 { /*color:#252525;*/color:#54b6ff; font-size:2.2em; }
h2 { margin-bottom:5px; color:#4c4c4c; font-size:1.6em; }
h2 + h3 { margin-top:12px; }
h3 + h4 { margin-top:12px; }
hr + h3 { margin-top:5px; }
h3 { margin:20px 0 0; color:#252525; font-size:1.4em; }
h4 { margin:20px 0 5px; font-size:1.1em; font-weight:700; }
h5 { }
h6 { }
p { margin:12px 0 12px; color:#4c4c4c; font-size:0.96em; line-height:1.8em; }
em { font-style:italic; }
strong { font-weight:700; }
ul { margin:0 0 10px 5px; list-style:none; }
ul li { margin:5px 0 5px -10px; line-height:2em; padding-left:22px; background:url(/images/core/bullet-list.gif) no-repeat 12px 9px; }
ul ul { margin:5px 0 5px 10px; list-style: none; font-size:1em; line-height:1.8em; }
ul ul li { margin:0 0 2px -10px; padding-left:22px; background:url(/images/core/bullet-list2.gif) no-repeat 14px 9px; }
*.small { color:#999; font-size:0.8em!important; }
a { color:#54b6ff; }
a:focus, a:hover { color:#9a9a9a; }
a:visited { }
a img { border: none; }
a { outline: none; }
hr { margin:12px 0 12px; border-top:none; border-right:none; border-bottom:#ebebeb 1px solid; height:1px; border-left:none; }
.left { float:left; }
.right { float:right; }
img.left { margin:0 20px 10px 0; }
img.right { margin:0 0 10px 20px; }
.clear { clear:both; }
.alert { position:relative; color:#FF0000!important; }
a.readmore { font-size:1em; padding:0 15px 0 0; text-decoration:underline; background:url(/images/core/a-read-more.gif) no-repeat right 4px;  }
a:hover.readmore { font-size:1em; padding:0 15px 0 0; text-decoration:underline; background:url(/images/core/a-read-more-hover.gif) no-repeat right 4px;  }
a.pdf { padding:0 17px 0 0; background:url(/images/core/a-pdf.gif) no-repeat right 0; }
.pdf + span { color:#999; margin-left:3px; font-size:0.8em; }

#mainnav { float:right; position:relative; margin:10px 20px 0 0; padding:0; }
#mainnav li { background:none; }
#mainnav li.headlink { float:left; }
#mainnav li.headlink ul { position:absolute; top:-999px; background:url(/images/core/bg-subnav.gif) bottom; }
#mainnav .headlink,.headlink ul { position:relative; list-style:none; margin:0; padding:0; }
#mainnav .headlink li a,.headlink li a:link,.headlink li a:active,.headlink li a:visited { display:block; padding:0 0px; }
#mainnav .subnav { position:relative; top:-20px; background:url(/images/core/bg-subnav-top.gif) top no-repeat; font-size:0.9em; }
#mainnav .headlink ul { position:absolute; margin:0; padding:0; left:-1px;list-style:none; }
#mainnav .headlink .first { width:117px; padding:20px 10px 0; margin:0; border:none; }
#mainnav .headlink ul li { width:117px; height:25px; border-top:1px #eaeae9 solid; margin:5px 10px 0; padding:5px 0 0; }
#mainnav .headlink ul li.last { margin-bottom:0px; padding-bottom:0; border-bottom:none; }
#mainnav .headlink ul a { color:#4c4c4c; text-decoration:none; }
#mainnav .headlink ul a:hover { color:#000; text-decoration:underline; }
#mainnav .ourproducts a,#mainnav .featuresbenefits a,#mainnav .ourclients a,#mainnav .whoweare a,#mainnav .contactus a { text-indent:-9999px; height:28px; background:url(/images/core/navigation.gif) no-repeat; }
#mainnav .ourproducts a { margin-right:17px; width:100px; background-position:0 0; }
#mainnav .ourproducts a:hover { background-position:0 -28px; }
#mainnav .ourproducts a:active { background-position:0 -56px; }
.ourproducts #mainnav .ourproducts a,.ourproducts #mainnav .ourproducts a:hover,.ourproducts #mainnav .ourproducts a:active { background-position:0 -84px; }
#mainnav .featuresbenefits a { margin-right:17px; width:139px; background-position:-117px 0; }
#mainnav .featuresbenefits a:hover { background-position:-117px -28px; }
#mainnav .featuresbenefits a:active { background-position:-117px -56px; }
.featuresbenefits #mainnav .featuresbenefits a,.featuresbenefits #mainnav .featuresbenefits a:hover,.featuresbenefits #mainnav .featuresbenefits a:active { background-position:-117px -84px; }
#mainnav .ourclients a { margin-right:17px; width:89px; background-position:-273px 0; }
#mainnav .ourclients a:hover { background-position:-273px -28px; }
#mainnav .ourclients a:active { background-position:-273px -56px; }
.ourclients #mainnav .ourclients a,.ourclients #mainnav .ourclients a:hover,.ourclients #mainnav .ourclients a:active { background-position:-273px -84px; }
#mainnav .whoweare a { margin-right:17px; width:97px; background-position:-379px 0; }
#mainnav .whoweare a:hover { background-position:-379px -28px; }
#mainnav .whoweare a:active { background-position:-379px -56px; }
.whoweare #mainnav .whoweare a,.whoweare #mainnav .whoweare a:hover,.whoweare #mainnav .whoweare a:active { background-position:-379px -84px; }
#mainnav .contactus a { margin-right:0; width:85px; background-position:-493px 0; }
#mainnav .contactus a:hover { background-position:-493px -28px; }
#mainnav .contactus a:active { background-position:-493px -56px; }
.contactus #mainnav .contactus a,.contactus #mainnav .contactus a:hover,.contactus #mainnav .contactus a:active { background-position:-493px -84px; }
#mainnav li ul li a { text-indent:0 !important; background:none !important; }
#mainnav li.headlink a,#mainnav li.headlink:hover ul { display:block; }

.home { background:url(/images/core/bg-core.jpg) no-repeat 0 88px; }
.home #banner { height:255px; z-index:0; }
.home #content { margin:20px 20px; padding-bottom:20px; width:920px; min-height:240px; height:auto !important; height:240px; background:url(/images/core/bg-home-content.jpg) no-repeat bottom center; }
.home #content #main { float:left; margin:0 20px 20px 0; width:600px; }
.home #content #quotes { float:right; margin:10px 0 20px 20px; width:280px; }
.home #content .quote { width:280px; }
.home #content .quote blockquote { text-indent:-9999px; }
.home #feature { clear:both; margin:10px 0 30px; width:inherit; min-height:208px; height:auto !important; height:208px; background:url(/images/core/bg-features.jpg) no-repeat bottom; }
.home #feature .column { float:left; width:320px; }
.home #feature h2 { color:#54b6ff; }
.home #feature h2,
.home #feature p { padding:0 20px 0 20px; }
.home #feature img.right { padding:5px 15px 0 0; }

.layout1 { background:url(/images/core/bg-core.jpg) no-repeat -960px 88px; }
.layout1 #banner { height:195px; }
.layout1 #breadcrumbs { height:35px; }
.layout1 #content { margin:10px 20px; padding-bottom:20px; width:920px; }

.layout2 { background:url(/images/core/bg-core.jpg) no-repeat -1920px 88px; }
.layout2 #banner { height:35px; }
.layout2 #breadcrumbs { height:35px; }
.layout2 #content { margin:10px 20px; padding-bottom:20px; width:920px; }

.widget #main { float:left; margin:20px 20px 20px 0; width:600px; }
.widget .column { float:right; margin:30px 0 20px 0; width:300px; }
.widget .column .callout { margin-bottom:20px; padding:20px 20px 0 40px; background:url(/images/core/bg-right-callout-top.gif) no-repeat; }
.widget .column .bottom { margin:20px 0 0 -20px; height:6px; background:url(/images/core/bg-right-callout-bottom.gif) no-repeat bottom; }
.widget .column img {padding-left:20px; }

.insidenav #main { float:right; margin:20px 0 20px 20px; width:600px; }

.insidenav .column ul { margin:0; padding:0; list-style:none; }
.insidenav .column ul a { color:#4c4c4c; text-decoration:none; }
.insidenav .column ul a:hover { text-decoration:underline; }
.insidenav .column li { margin:0 20px; padding:15px 0; font-size:1.1em; background:url(/images/core/hr-1px.gif) repeat-x; }
.insidenav .column li.first { background:url(/images/core/blank.gif); }
.insidenav .column li.last { padding-bottom:0; }
.insidenav .column .active { font-weight:700; }
.insidenav .column .active ul { font-weight:400; }
.insidenav .column .parent { font-weight:700; }
.insidenav .column .parent ul { font-weight:400; background:url(/images/core/bullet-list.gif) 6px 19px no-repeat; }
.insidenav .column li ul li { margin:0; padding:10px 0 0 15px; font-size:0.9em; background:url(/images/core/blank.gif); }
.insidenav .column { float:left; margin:20px 20px 20px 0; width:280px; }
.insidenav .column .callout { margin-top:-15px; margin-bottom:20px; padding:20px 0 0 0; background:url(/images/core/bg-sidenav-top.gif) no-repeat; }
.insidenav .column .bottom { margin:20px 0 0 0; height:6px; background:url(/images/core/bg-sidenav-bottom.gif) no-repeat bottom; }

.ourproducts .insidenav .column h4 { text-indent:-9999px; }
.ourproducts .insidenav .column h4 a { display:block; margin-top:-25px; padding:0; height:50px; width:170px; }
.ourproducts .insidenav .column { background:url(/images/general/title-ourproducts.gif) no-repeat; }

.featuresbenefits .insidenav .column h4 { text-indent:-9999px; }
.featuresbenefits .insidenav .column h4 a { display:block; margin-top:-25px; padding:0; height:50px; width:170px; }
.featuresbenefits .insidenav .column { background:url(/images/general/title-featuresbenefits.gif) no-repeat; }

.ourclients .insidenav .column h4 { text-indent:-9999px; }
.ourclients .insidenav .column h4 a { display:block; margin-top:-25px; padding:0; height:50px; width:150px; }
.ourclients .insidenav .column { background:url(/images/general/title-ourclients.gif) no-repeat; }

.whoweare .insidenav .column h4 { text-indent:-9999px; }
.whoweare .insidenav .column h4 a { display:block; margin-top:-25px; padding:0; height:50px; width:170px; }
.whoweare .insidenav .column { background:url(/images/general/title-whoweare.gif) no-repeat; }

.contactus .insidenav .column h4 { text-indent:-9999px; }
.contactus .insidenav .column h4 a { display:block; margin-top:-25px; padding:0; height:50px; width:170px; }
.contactus .insidenav .column { background:url(/images/general/title-contactus.gif) no-repeat; }

#core { margin:0 auto; width:960px; }

#header { width:inherit; padding:23px 0 0; height:65px; }
#header h2 { float:left; margin:0; text-indent:-9999px; background:url(/images/core/logo-bluesun.gif) no-repeat 20px 0; }
#header h2 a { display:block; overflow:hidden; width:203px; height:43px; background-image:none; }


#breadcrumbs p { margin:0; padding:8px 0 10px 20px; height:17px; color:#fff; font-size:0.9em; }
#breadcrumbs a { padding-right:3px; color:#d5d5d5; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }


table { margin:0; padding:0; }
table.clientlist { width:100%; }
table.clientlist .top td { border-top:none; }
table.clientlist td { border-top:#ebebeb 1px solid; border-right:#ebebeb 1px solid; text-align:center; }
table.clientlist td.last { border-right:none; }

.testimonials { clear:both; }
.testimonials .right { float:right; margin:0; padding:0; width:150px; }
.testimonials .left { float:left; margin:0; padding:0 20px 0 0; width:420px; border-right:#ebebeb 1px solid; }
.testimonials hr { margin:0; padding:0; border-top:none; border-right:none; border-bottom:#ebebeb 1px solid; height:1px; border-left:none; }


.contactus #main .textinput { background:url(/images/general/bg-text-input-191x26.gif) no-repeat 100px 0;  }
.contactus #main .textinput h5 { float:left; width:89px; text-align:right; padding:7px 5px 0 0; font-size:0.9em; }
.contactus #main .textinput input { float:left; width:180px; height:26px; padding:5px 0px 0 8px; color:#999; font:normal 11px/17px Tahoma, Arial, sans-serif; text-indent:4px; background:none; border:none; }
.contactus #main .textarea h5 { float:left; width:89px; text-align:right; padding:7px 5px 0 0; font-size:0.9em; }
.contactus #main .textarea textarea { float:right; width:491px; height:102px; padding:2px 5px; color:#999; font:normal 11px/17px Tahoma, Arial, sans-serif; background:url(/images/general/bg-text-input-501x106.gif) no-repeat 0 0; border:none; }
.contactus #main .first { float:left; margin-right:9px; width:300px; }
.contactus #main .last { float:right; width:291px; }
.contactus #main .button { padding:5px 10px; }
.contactus #main .textinput span { padding-right:3px; color:#54b6ff; }
.contactus .column { margin-top:57px; width:280px; }
.contactus .column p { line-height:2.4em; }
.contactus .column address { margin-top:30px; line-height:2.4em; }
.map { width:280px; height:178px; margin:20px 0 0; background:url(/images/general/bg-map.gif) no-repeat; }
.imap { width:272px; height:170px; margin:4px; }



#footer { clear:both; margin-bottom:20px; width:inherit; height:147px; color:#ffffff; background:url(/images/core/bg-footer.jpg) no-repeat; line-height:20px; }
#footer p { margin:5px 0; font-size:.9em; line-height:1.6em; color:#d6d6d6; }
#footer ul { margin:5px 0 5px; padding:0; font-size:1.1em; list-style:none; }
#footer ul a { color:#fff; text-decoration:none; }
#footer ul a:hover { text-decoration:underline; }
#footer ul ul { font-size:.89em; color:#d6d6d6; }
#footer ul ul a { color:#d6d6d6; text-decoration:none; }
#footer ul ul a:hover { text-decoration:underline; }
#footer ul ul ul { font-size:.9em; }
#footer li { margin:0; padding:0; background:none; }
#footer .column { float:left; width:168px; margin:5px 10px; padding:0; }
#footer .social { color:#d6d6d6; font-size:0.9em; }
#footer .social a { color:#d6d6d6; }
#footer .social a.digg { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left 0; }
#footer .social a.myspace { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left -15px; }
#footer .social a.facebook { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left -30px; }
#footer .social a.delicious { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left -45px; }
#footer .social a.twitter { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left -60px; }
#footer .social a.stumble { padding:0 0 0 19px; background:url(/images/general/icon-social-media.gif) no-repeat left -75px; }
#footer .first { margin-left:20px; }
#footer .last { margin-right:20px; }

#quotes blockquote { background:none; }
#quotes blockquote .quote { background:none; }
blockquote { position:relative; top:10px; margin:0; margin-bottom:0.75em; background:url(/images/core/quote-left.gif) left top no-repeat; }
blockquote .quote { padding:0px 35px; background:url(/images/core/quote-right.gif) right bottom no-repeat; }

.tooltip { background:url(/images/core/map_tooltip.png); font-weight:bold; width:200px; height:98px; }