@charset "utf-8";
/* CSS Document */
body { margin:0px; background: #fff; background-image:url(images/header-bg.gif); background-repeat:repeat-x; background-position:top; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:1.4em; color: #0075b2; border-bottom: 1px solid #D7D7D7; margin-bottom: 5px; }
h2 { font-size:1.2em; color: #a4c3dc; margin-bottom: 5px; }
h3 { font-size:.9em; color: #202020; margin-bottom: 5px; }
hr { color:#f2f2f2; background-color:#f2f2f2; }
p { color:#333; text-align:justify; }
address {float:right;}
.Dropshad { width:940px; margin-left:auto; margin-right:auto; background-image:url(images/dropshad.png); background-repeat:repeat-y; }
a { text-decoration:none; color:#0f8e48; }
a:hover { text-decoration:underline; }
/* nice css based button */
a.button { display:inline-block; width:85px; height:35px; padding:5px; border:1px #D7D7D7 solid; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center; text-decoration:none; color:#666666; background:url(/imagesbutton_bg.png) repeat-x; }
a.button:hover { background:url(/images/button_bg_hover.png) repeat-x; text-decoration:none; }
img { border:none; }
/*Floats and Clears */
.flt { float:left; }
.frt { float:right; }
.clearMain { clear:both; }
.Container { width:920px; margin-right:auto; margin-left:auto; }
.hiddenText {display:none;}
.Main { width:654px; float:right; border-left:1px solid #D7D7D7; padding-left:20px; padding-top: 10px; padding-bottom:10px; }
/* Global Image Handlers */
.imgspacer { width: 640px; min-width:640px; }
.imgspacer ul { margin: 0; padding:0; }
.imgspacer li { display: inline; margin-right:45px; list-style:none; }
.imgspacer li img { border:none; vertical-align:middle; }
/* tooltip id but id as class to use see testimonial pg for example */

#tooltip { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; }
.imgspacer a { text-decoration:none; color:#f30; text-align:left; }
/* HEADER */
.Header { margin-left:auto; margin-right:auto; width:920px; height:130px; }
.Header img { border:none; }
.Nav { width:450px; height:40px; margin-top:90px; float:right; }
.Nav img { margin-left:17px; }
#Newsletter { width:200px; height:20px; float:right; background-color:#0075b2; color:#FFF; }
/* SIDE BAR */
.leftbar { width:245px; margin-right:0px; float:left; font-size: 0.8em; font-variant:small-caps; color:#a4c3dc; padding-top:10px; }
.leftbar a { color:#AAA; text-decoration:none; }
.leftbar a:hover { text-decoration:underline; }
.leftbar h3 { border-bottom: 1px solid #D7D7D7; font-size:1.2em; }
.Sidebar { width:230px; margin-top:20px; padding-left:15px; line-height:1.7em; font-variant:normal; }
.Sidebar a { font-size:1.0em; color:#222; font-size:1.2em; }
.Sidebar a:hover { text-decoration:none; }
.Sidebar img { margin-right:4px; border:none; }
.Sidebar img a:hover { text-decoration:none; }
/* HOME PAGE */
#Home { margin-left: auto; margin-right: auto; position: relative; width: 920px; height: 275px; background-color: #e6eff5;
padding: 0px; }
.homer { width:230px; float:left; font-family:Arial, Helvetica, sans-serif; color:#222; }
.homer h1 { background-color:#0175b0; color:#FFF; margin:0px; padding:0px 14px; font-size:1.3em; font-variant:small-caps; text-align:left; }
.homer img { margin-top:10px; }
.homer p { margin:0px 14px 5px 14px; font-size:0.9em; text-align:justify; line-height:1.3; }
.homer ul { list-style-type:square; list-style-position:inside; padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#222; line-height:1.3em; }
.homer li { margin:0px 10px 5px 15px; }
.homer a { margin:0px 14px; font-size: 0.90em; line-height:1.4; text-decoration:none; }
.homer p a { margin:0px; padding:0px; text-decoration:none; }
.homer a:hover { text-decoration:underline; }
.news { font-size:0.9em; }
.news a { text-decoration:none; color:#222; margin:0; line-height:1.7em; }
.news a:hover { text-decoration:underline; }
/* Home Rotating Images */
	#Slider { width:920px; margin-right:auto; margin-left:auto; }
#jqb_object img { border: none; }
#jqb_object { position:relative; width:920px; height:350px; overflow:hidden; }
#jqb_object .jqb_bar { position:absolute; width:920px; height: 30px; left:0px; bottom:0px; /*background:#0075B2;*/
				opacity:0.7; filter:alpha(opacity=70); color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; letter-spacing: -1px; }
#jqb_object .jqb_slide { width:920px; height:350px; font-family:"Arial Black", Gadget, sans-serif; font-size: 21px; letter-spacing: -1px; text-align: left; }
.jqb_slide a { color:#0F8E48; margin-top:5px; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.jqb_slide a:hover { text-decoration:none; }
#jqb_object .jqb_info { padding: 2px 10px 2px 10px; float: left; }
#jqb_object .jqb_btn { width: 15px; height: 14px; margin: 10px 5px 2px 2px; float: right; }
#jqb_object .jqb_btn_next { background-image:url(images/rotator/btn_next.gif); }
#jqb_object .jqb_btn_prev { background-image:url(images/rotator/btn_prev.gif); }
#jqb_object .jqb_btn_pause { background-image:url(images/rotator/btn_stop.gif); }
#jqb_object .jqb_btn_play { background-image:url(images/rotator/btn_play.gif); }
/* ABOUT PAGE */
	#intro { padding-bottom: 10px; }
#slider { width: 585px; margin: 0 auto; position: relative; border: 10px solid #ccc; }
.scroll { overflow: hidden; width: 585px; margin: 0 auto; position: relative; }
.scrollContainer { position: relative; height:300px; }
.scrollContainer div.panel { padding: 10px; width: 200px; /* was 274 */ height: 145px; /* was 218 */ }
#left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(../images/leftshadow.png) repeat-y; }
#right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(../images/rightshadow.png) repeat-y; }
.inside { padding: 10px; border: 1px solid #999; }
.inside img { display: block; border: 1px solid #666; margin: 0 0 10px 0; width: 175px; /* was 250 */ }
.inside h2 { font-weight: normal; color: #111; font-size: 16px; margin: 0 0 8px 0; }
.inside p { font-size: 11px; color: #222; }
.scrollButtons { position: absolute; top: 115px; cursor: pointer; }
.scrollButtons.left { left: -45px; }
.scrollButtons.right { right: -45px; }
.hide { display: none; }
/* SERVICES PAGE */
.Services { width:960px; margin-left:auto; margin-right:auto; }
.Services-blocks { float:right; width: 685px; }
.Services h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; padding:0px 20px; margin-top:0px; }
.Services p { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; padding:10px 10px 0px 20px; margin-top:0px; text-align:justify; }
.Services ul { list-style-type:square; list-style-position:inside; padding:0px 20px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#222; line-height:1.3em; }
.portfolio { width:650px; height:199px; border-top: 1px solid #D7D7D7; }
.portfolio img { float:left; height:163px; margin:18px 15px 18px 0px; clear:both; border:none; }
.portfolio h3 { font-size:1.2em; color:#a4c3dc; }
.portfolio ul { list-style-position:inside; }
/* OTHER */
.contactform { float:right; width:410px; padding:10px; background-color:#e6eff5; }
/* FOOTER */
.Footer { border-top: 1px solid #D7D7D7; width: 920px; height: 38px; min-width:920px; margin-right:auto; margin-left:auto; margin-top:20px; padding:0px; }
.Footer div { font-family:Arial, Helvetica, sans-serif; font-size:0.70em; line-height: 1.10em; color:#333; padding:0px; margin:0; text-align:left; vertical-align:baseline; display:inline; float:left; }
.Footer img { border:none; display:inline; vertical-align:middle; padding: 4px 0px; }
.Footer div a,
.Footer div a:link,
.Footer div a:visited { color:#666; text-decoration:none; margin:0px; padding:0px; vertical-align:top; }
.Footer div a:hover { text-decoration:underline; margin:0px; padding:0px; vertical-align:top; }
.Footer iframe { overflow: hidden !important; vertical-align:middle; }
/* Legal Pages */
.Main #legal li ol { list-style-position: outside; list-style-type: lower-alpha; }
.Container .Main #legal li ol li ol li { list-style-type: lower-roman; list-style-position: outside; }
.testimonialSignature { margin-left:100px; color:#011b54; font-style:italic; }
.templateContainer { margin-bottom:30px; }
.templateContainer img { float:right; padding:5px; margin:0 0 0 5px; border:1px solid #cccccc; -webkit-border-radius:4px; -moz-border-radius:4px; }
.templateContainer h3 { margin: 0 0 5px 15px; padding:0px; }
.templateContainer h3.details { margin: 0px; padding:0 0 0 15px; display:inline; float:left; vertical-align:baseline; }
.templateContainer p { padding:0px; margin:0 0 0 15px; }
.templateContainer ul { margin:0px 0 10px 40px; padding:0px; }
/* Login Bar CSS */
.panel_button { margin-left: auto; margin-right: 0px; position: relative; top: 0px; right: 35px; width: 125px; height: 33px; z-index: 20; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; cursor: pointer; background: #ededed; -moz-border-radius-bottomright: 10px;  -moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.panel_button img { position: relative; top: 7px; border: none; }
.panel_button a { text-decoration: none; color: #0075b2; font-size: 12px; font-weight: bold; position: relative; top: 7px; }
.panel_button a:hover { color: #B10105; }
#toppanel { position: absolute; width: 300px; right: 0px; z-index: 25; text-align: center; }
#panel { width: 300px; position: relative; top: 0px; right:35px; height: 0px; margin-left: auto; margin-right: 0px; z-index: 10; overflow: hidden; text-align: left; }
#panel_contents { background: #ededed; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; height: 100%; width: 304px; position: absolute; z-index: -1; }
#panel h1 { text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; color: #333333; font-weight: normal; line-height: 35px; left: 275px; position: absolute; top: 10px; }
#panel h2 { text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; color: #DDDDDD; line-height: 25px; font-size: 16px; position: absolute; top: 60px; left: 350px; }
.border { }
div#login { width: 290px; height: 150px; text-align: center; margin: 0px 0px 10px 10px; }
div#login p { color: #333333; font-family: Century Gothic, Georgia, "Times New Roman", Times, serif; line-height: 20px; }
div#login input#password { position: relative; right: -6px; }
div#login input#login_btn { border: 1px #6C87B3 solid; cursor: pointer; position: absolute; top: 41px; right: 15px; }
#loginContainer { position: relative; margin-left: auto; margin-right: auto; width: 920px; top: 0px; }
#username { margin-left:29px; }
/* End Login Bar CSS */
/* Chat Button CSS */
#chatpanel { position: absolute; width: 50px; right: 0px; z-index: 25; text-align: center; }
.chatpanel_button { margin-left: auto; margin-right: 0px; position: relative; top: 0px; right: -10px; width: 40px; height: 33px; z-index: 20; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; cursor: pointer; background: #ededed; -moz-border-radius-bottomright: 10px;  -moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.chatpanel_button img { margin:1px auto; }
.chatpanel_button a { text-decoration: none; color: #0075b2; font-size: 12px; font-weight: bold; margin:0px auto; }
.chatpanel_button a:hover { color: #B10105; }
#caseStudies .highlighting-background {font-weight:600;}
#caseStudies p {margin:0px 0px 9px 0px; padding:0px;}
#plupplerButton/crownpointdesign a img {}