/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.22	
Developer: 			Parscale Media
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Parscale Media
Last Modified: 		Sat 3.11.2010 @ 12:00pm

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q{ quotes: none; }
br{ height: 0; }
ul, ol, dl{ list-style: none; }

/* Class for clearing floats */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}


/* 2. Define Base Typography 
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #aa371f; font-family: "Lucida Grande","helvetica","arial",serif;}

/* Create the Default Paragraphs */
p {color:#353535; line-height:20px;}

/* Specific Header Settings */
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Other Typo */
strong{font-weight: bold;}
hr{border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol{list-style: decimal;}
ul{list-style: square;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* Create default inline image class */
img.inline{ display: inline; vertical-align: middle; }


/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a{color:#407A8C; text-decoration: none;}
a:hover{color:#902b15; text-decoration: underline;}
a:active{outline: none;}
a:focus{outline: 1px dotted invert;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}

/* 7. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font: 13px "Lucida Grande","helvetica",sans-serif, monospace;}

/* Wrapper */
#wrapper{min-height: 100%; height: auto !important; margin:0 auto -300px; background: url(/images/site/bg_rptr.jpg);}

/* Header */

.notify_banner {width: 960px; height: 218px; margin: 0 auto;}
.notify_banner img {width: 960px; height: 218px;}

#header_wrapper {height: 110px; background: url(/images/site/header_rptr.jpg) repeat-x;}
#header {width: 960px; margin: 0 auto; position: relative;}
#logo {width: 310px; height: 85px; position: absolute; top: 5px; left: 0;}

/* Navigation */
#navigation {position: absolute; top: 51px; right: 0;}
#navigation ul {list-style: none;}
#navigation ul li {display: inline;}
#navigation ul li a {display: block; float: left; padding: 0 10px 20px; color: #407a8c; font-size: 16px; position: relative;}
#navigation ul li a:hover {border-bottom: 5px solid #407a8c; color: #902b15; text-decoration: none;}
#navigation ul li a.active {border-bottom: 5px solid #407a8c; color: #902b15; text-decoration: none;}
#navigation ul li ul {width: 540px; height: 280px; padding: 20px 0; position: absolute; top: 40px; left: 0; background: #fff; z-index: 1000; border-top: 10px solid #407a8c; border-bottom: 10px solid #407a8c; display: none;}
#navigation ul li ul li {width: 140px; display: block; float: left; padding-left: 15px; height: 280px;}
#navigation ul li ul li ul {border: none; display: block; position: relative; top: 0; left: 0; background: none; border: none; padding: 0; width: auto; height: auto;}
#navigation ul li ul li h2 {margin-bottom: 10px; font-size: 16px;}
#navigation ul li ul li ul li {display: block; float: none; padding: 0; width: auto; margin-bottom: 5px; height: auto;}
#navigation ul li ul li.double {width: 360px; border-left: 1px solid #b0b0b0;}
#navigation ul li ul li.double ul li {float: left; width: 180px;}
#navigation ul li ul li ul li a {float: none; padding: 0; font-size: 12px;}
#navigation ul li ul li ul li a:hover {border: none;}

/* Banner */
#banner {width: 940px; height: 400px; background: url(/images/site/banner_shadow.png) no-repeat; margin-bottom: 20px; position: relative;}
.banner_image {width: 930px; height: 355px; top: 20px; left: 5px; position: absolute;}
.banner_image img {padding: 4px; background: #f3f1f1; border: 1px solid #e9e7e8}
.banner_text {background: url(/images/site/box_rptr.png); width: 300px; position: absolute; top: 40px; right: 40px; padding: 20px;}
.banner_text h2 {color: #4A0F0F; font-family: "Georgia"; font-weight: normal;}
#banner_navigation {width: 940px; height: 75px; overflow: hidden; position: absolute; bottom: 20px; left: 10px;}
#banner_navigation ul {list-style: none;}
#banner_navigation ul li {display: inline;}
#banner_navigation ul li a {display: block; height: 75px; float: left; text-indent: -9999px;}
#banner_navigation ul li a:hover {background-position: 0 -75px !important;}
#banner_nav_apart {background: url(/images/site/banner_nav1.png) no-repeat; width: 120px;}
#banner_nav_commercial {background: url(/images/site/banner_nav2.png) no-repeat; width: 115px;}
#banner_nav_edu {background: url(/images/site/banner_nav3.png) no-repeat; width: 115px;}
#banner_nav_government {background: url(/images/site/banner_nav4.png) no-repeat;width: 120px;}
#banner_nav_hotel {background: url(/images/site/banner_nav5.png) no-repeat; width: 115px;}
#banner_nav_health {background: url(/images/site/banner_nav6.png) no-repeat; width: 115px;}
#banner_nav_restaurant {background: url(/images/site/banner_nav7.png) no-repeat; width: 115px;}
#banner_nav_senior {background: url(/images/site/banner_nav8.png) no-repeat; width: 115px;}
.hid_banner {display: none;}

/* Main */
#main {width: 940px; margin: 0 auto; margin-bottom: 20px;}
#main h1, #main h2, #main h3, #main h4 {margin-bottom: 10px;}

/* Home */
#home_left {width: 540px; float: left; margin-right: 20px;}
#home_call_out {width: 540px;}
#home_call_image {width: 140px; float: left; margin-right: 20px;}
#home_call_message {width: 380px; float: right;}
#home_call_message h2 {margin-bottom: 10px; color: #4a0f0f; font-family: "Georgia"; font-weight: normal;}
#home_right {width: 380px; float: right;}
#home_project {width: 380px; height: 220px;}
#home_project_image {margin-bottom: 10px;}
#home_project_image img {width: 370px; border: 3px solid #f3f1f1;}
#home_project_text {}
#home_project_text h3 {font-size: 20px; margin-bottom: 5px;}
#our_partners ul {list-style: none;}
#our_partners ul li {display: block; float: left; height: 40px; margin: 0 5px 20px; background-position: 0 -40px; cursor: pointer}
#our_partners ul li.active {background-position: 0 0;}

/* Internal Content */
#top {width: 960px; height: 95px; background: url(/images/site/body_top.png); position: relative;}
#title {position: absolute; top: 40px; left: 40px;}
#request_service {position: absolute; top: 30px; right: 30px;}
#internal {width: 960px; background: url(/images/site/body_mid.png) repeat-y; padding-top: 20px;}
#bottom {width: 960px; height: 50px; background: url(/images/site/body_btm.png) no-repeat;}

/* Secondary Content */
#secondary_content {width: 180px; float: left; padding-left: 40px; margin-right: 50px;}
#secondary_content ul {list-style: none;}
#secondary_content ul li {margin-bottom: 10px; border-top: 1px solid #dbdbdb; padding-top: 10px;}
#secondary_content ul li a {text-transform: uppercase; font-size: 15px; color: #407A8C;}
#secondary_content ul li a:hover {text-decoration: none;}
#secondary_content ul li a.active {color: #902b15;}
#secondary_content ul li ul {margin-left: 20px; margin-top: 10px;}
#secondary_content ul li ul li {border: none; font-size: 12px; margin-bottom: 2px; padding: 0; }
#secondary_content ul li ul li a {text-transform: none; font-size: 12px;}

/* Main Content */
#main_content {width: 670px; float: right; margin-right: 20px;}
#main_content p {margin-bottom: 10px;}
#main_content h2 {margin-bottom: 10px; color: #4a0f0f; font-family:"Georgia"; font-weight: normal;}
#main_content h3 {margin-bottom: 10px; color: #4a0f0f; font-family: "Georgia"; font-weight: normal;}

#category_image {width: 650px; height: 325px; background: url(/images/site/internal_banner-shadow.png) no-repeat; margin-bottom: 10px;}
#category_image img {padding: 4px; background: #f3f1f1; border: 1px solid #e9e7e8}
#category_description {margin-bottom: 20px;}
#category_description ul {margin-left: 12px; margin-bottom: 10px; list-style: disc; color: #353535;}
#category_description ol {margin-left: 12px; margin-bottom: 10px; list-style: disc; #353535;}
#category_description li {margin-left: 12px;  margin-bottom: 10px; list-style: disc; #353535;}
#internal_title {background: url(/images/site/line_rptr.png) 0 0 repeat-x; padding-top: 10px;}
#internal_title h1 {background: url(/images/site/line_rptr.png) 0 bottom repeat-x; padding-bottom: 10px;}
#bottom_title {background: url(/images/site/line_rptr.png) 0 0 repeat-x; padding-top: 10px;}
#bottom_title h2 {background: url(/images/site/line_rptr.png) 0 bottom repeat-x; padding-bottom: 10px;}

#system_list {list-style: none; margin-left: 20px;}
#system_list li {margin-bottom: 5px;}
#system_list li a {background: url(/images/site/blt.png) 0 5px no-repeat; padding-left: 20px; font-size: 18px;}

/* Projects */

.project_summary {width: 670px; margin-bottom: 20px;}
.project_image {width: 210px; float: left; margin-right: 10px;}
.project_image img {padding: 4px; background: #f3f1f1; border: 1px solid #e9e7e8}
.project_text {width: 450px; float: right;}

#project_graphic {width: 400px; float: left; margin-bottom: 20px;}
#project_details {width: 270px; float: right; margin-bottom: 20px;}

#project_image {width: 370px; height: 270px; position: relative; padding: 5px; background: #f3f1f1; padding: 5px;}
#product_image_image {width: 370px; height: 270px; overflow: hidden;}
#product_image_title {width: 330px; left: 5px; bottom: 5px; padding: 10px 20px; background: url(/images/site/box_rptr.png); position: absolute;}


#project_details table tr td {padding: 5px;}

/* Freeform */
#freeform input {background: #fff; border: 1px solid #c1c0c0; color: #000; padding: 5px; width: 200px;}
#freeform input:focus {background: #c1c0c0;}
#freeform input.half-size {padding: 13px 5px 13px 15px; background: #fff; border: 1px solid #d1cece; width: calc(50% - 32px); margin: 5px 10px 5px 0px; max-width: 250px; float: left; font-size: 14px;}
#freeform td {width: 220px; padding: 5px 0;}
#freeform textarea {width: 420px; height:  200px; background: #fff; border: 1px solid #c1c0c0; color: #000; padding: 5px;}
#freeform textarea.new {border: 1px solid #d1cece; width: 100%; max-width: 532px; padding: 13px 5px 13px 15px; background: #fff; font-size: 14px;}
/*#freeform textarea:focus {background: #c1c0c0;}*/
#freeform input.submit {width: 90px; height: 40px; background: url(/images/site/btn_submit.png) no-repeat; padding: 0;}

/* Stand Alone Login */
#st_login input {background: #f6f5f5; border: 1px solid #c1c0c0; color: #000; padding: 5px; width: 200px;}
#st_login input.checkbox {background: none; border: none; padding: 0; width: auto;}
#st_login input.submit {width: 90px; height: 40px; background: url(/images/site/btn_submit.png) no-repeat; padding: 0; cursor: pointer;}

/* Footer Push */
#push{height: 300px;}

/* Footer */
#footer_wrapper {/*height: 300px;*/ background: #1E1E1E url(/images/site/bg_new.jpg);}
#footer {width: 960px; margin: 0 auto; padding-top: 20px; position: relative; height: 280px; overflow: hidden; height: auto; padding-bottom: 55px;}
#footer p {color: #fff;}
#footer a {color: #5091a4;}
#footer h3 {margin-bottom: 10px; color: #fff; font-weight: normal;}
#footer ul {list-style: none;}
#footer ul li {margin-bottom: 3px;}
.footer_column {width: 170px; float: left; padding-left: 10px;}
#footer_systems {width: 400px;}
#footer_systems li {width: 200px; float: left;}
#footer_copyright {position: absolute; bottom: 10px; right: 0;}

/* Slide Down */
.tab{background:url(/images/site/tab_b.png) repeat-x 0 0;height:42px;position:relative;top:0;z-index:999;}
.tab ul.login{display:block;position:relative;float:right;clear:right;height:42px;width:auto;font-weight:700;line-height:42px;right:150px;color:#FFF;font-size:80%;text-align:center;margin:0;}
.tab ul.login li.left{background:url(/images/site/tab_l.png) no-repeat left 0;height:42px;width:30px;display:block;float:left;margin:0;padding:0;}
.tab ul.login li.right{background:url(/images/site/tab_r.png) no-repeat left 0;height:42px;width:30px;display:block;float:left;margin:0;padding:0;}
.tab ul.login li{text-align:left;display:block;float:left;height:42px;background:url(/images/site/tab_m.png) repeat-x 0 0;padding:0 6px;}
.tab ul.login li a{color:#15ADFF;}
.tab .sep{color:#414141;}
.tab a.open,.tab a.close{height:20px;line-height:20px !important;padding-left:30px !important;cursor:pointer;display:block;width:100px;position:relative;top:11px;}
.tab a.open{background:url(/images/site/bt_open.png) no-repeat left 0;}
.tab a.close{background:url(/images/site/bt_close.png) no-repeat left 0;}
.tab a:hover.open{background:url(/images/site/bt_open.png) no-repeat left -19px;}
.tab a:hover.close{background:url(/images/site/bt_close.png) no-repeat left -19px;}
#toppanel{position:absolute;top:0;width:100%;z-index:999;text-align:center;margin-left:auto;margin-right:auto;}
#panel{width:100%;height:270px;color:#999;background: url(/images/site/tab_rptr.jpg);overflow:hidden;position:relative;z-index:3;display:none;}
#panel h1{font-size:1.6em;color:#FFF;margin:0;padding:5px 0 10px;}
#panel h2{font-size:1.2em;color:#FFF;margin:0;padding:10px 0 5px;}
#panel p{margin:5px 0;padding:0; color: #fff;}
#panel a{text-decoration:none;color:#15ADFF;}
#panel a-lost-pwd{display:block;float:left;}
#panel .content{width:960px;padding-top:15px;text-align:left;font-size:0.85em;margin:0 auto;}
#panel .content .left{width:280px;float:left;border-left:1px solid #333;padding:0 15px;}
#panel .content .right{border-right:1px solid #333;}
#panel .content form{margin:0 0 10px;}
#panel .content input {border:1px #1A1A1A solid;background:#4a4a4a;margin-right:5px;margin-top:4px;width:200px;color:#FFF;height:16px;}
#panel .content input.checkbox {width: 15px; vertical-align: middle;}
#panel .content input:focus {background:#b3afa6;}
#panel .content input.bt_login,#panel .content input.bt_register{display:block;height:24px;text-align:center;cursor:pointer;border:none;font-weight:700;margin:10px 0;}
#panel .content input.bt_login{width:74px;background:transparent url(/images/site/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register{width:94px;color:#FFF;background:transparent url(/images/site/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd{display:block;float:left;clear:right;font-size:0.95em;text-decoration:underline;padding:15px 5px 0;}
.tab ul.login li a:hover,#panel a:hover{color:#FFF;}