/* Project: givingisgood.com Spring 2008
*  Copyright 2008 All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 5) ACCESSIBILITY
*/

/* GLOBAL ***************************************************/

/*Initialize the browser's CSS*/
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;font-family:"Times New Roman", Times, serif;}

abbr, acronym
{border:0;}
/*End Initizlization*/

p {margin:4px 0;}

body, div, p, select, input, textarea
{font-family:Arial, Tahoma, _serif; color:#666; font-size:11px; line-height:13px;}

.bold {font-weight:bold;}
.italic {font-style:italic;}



/* LAYOUT SPECIIFC ******************************************/

body
{background:#0b0908 url('images/bak-x.jpg') repeat-x;}

/*Define Page*/
div#bak-wrapper
{position:relative; margin:0px auto 0 auto; width:1260px; background:transparent url('images/bak-page.jpg') no-repeat;}

div#page-wrapper
{position:relative; margin:0px auto 0 auto; padding-left:24px; padding-right:24px; width:827px; background:transparent url('images/bak-y.jpg') repeat-y; }

div#wrapping_box
{border:1px solid #CCC; float:left;}

div#header
{height:108px; width:827px; position:relative; background:transparent; background:transparent url('images/header-bak.gif') no-repeat;}

#logo_fla {float:left;}
h1#logo {text-indent:-9999px; padding:0 0 0px 289px; font-size: 1px; line-height: 1px; float:left; }
h1#logo a
{background:transparent url(images/logo.gif) no-repeat; display:block; width:267px; height:102px; overflow:hidden;}

div#quick-info-area
{float:right; padding-top:40px;width:260px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif;}

div.select-pocket
{float:right;}

div.topnav_search
{height:37px;line-height:37px;float:right; padding-right:21px;}

table.padedTable td
{padding:4px;}

/* Start Top Navigation */
div#topnav-wrapper
{position:relative; float:left;height:52px; width:827px; background:transparent url('images/topnav-bak.jpg') no-repeat;}

div#topnav-wrapper ul
{width:827px; float:left;}
div#topnav-wrapper ul li
{float:left;padding-top:21px;}
div#topnav-wrapper ul li a {display:block; height:10px; text-indent:-9999px; overflow:hidden;}
div#topnav-wrapper ul li.our-service a {background:transparent url('images/topnav-our-service.gif') no-repeat; width:65px; margin-left:65px;}
div#topnav-wrapper ul li.customer-review a {background:transparent url('images/topnav-customer-review.gif') no-repeat; width:98px; margin-left:79px;}
div#topnav-wrapper ul li.our-store a {background:transparent url('images/topnav-our-store.gif') no-repeat; width:54px; margin-left:82px;}
div#topnav-wrapper ul li.about-us a {background:transparent url('images/topnav-about-us.gif') no-repeat; width:52px; margin-left:93px;}
div#topnav-wrapper ul li.whats-new a {background:transparent url('images/topnav-whats-new.gif') no-repeat; width:68px; margin-left:89px;}

div#topnav-wrapper ul li.our-service a:hover {background:transparent url('images/topnav-our-service-on.gif') no-repeat;}
div#topnav-wrapper ul li.customer-review a:hover {background:transparent url('images/topnav-customer-review-on.gif') no-repeat;}
div#topnav-wrapper ul li.our-store a:hover {background:transparent url('images/topnav-our-store-on.gif') no-repeat;}
div#topnav-wrapper ul li.about-us a:hover {background:transparent url('images/topnav-about-us-on.gif') no-repeat;}
div#topnav-wrapper ul li.whats-new a:hover {background:transparent url('images/topnav-whats-new-on.gif') no-repeat;}
/* End Top Navigation */


/* Start Main conents */
div#main-contents
{width:827px; margin:0px auto; border-top:3px solid #fff; padding-bottom:0px;}


/*Start Homepage Specific Styles */
div#main-contents div.home
{padding-bottom:4px;height:240px;}

div#home-body-top
{background:#3a2f29 url('images/bak-home-body-top.jpg') no-repeat; min-height:153px; padding:28px 0 0 169px; font-family:"Times New Roman", Times, serif;}
div#home-body-bottom
{background-color:#e8e5dd; padding:8px 0 24px 22px; }

div#home-body-top div p
{color:#fff;}
div#home-body-top div.left
{width:266px; padding-right:16px; float:left;}

div#home-body-top div.left p.text-left
{padding-left:9px;}

div#home-body-top div.right
{width:151px; float:right; vertical-align:top; padding-right:5px;}

div#home-body-top div.photo
{width:176px; padding-right:21px;}

/*End Homepage Specific Styles */

/*Start Subpage Specific Styles */
div#page-wrapper div.subpages
{background:#3a2f29 url('images/bak-x-subpages.gif') repeat-x;}

div#main-contents div.subpage
{height:101px;background:transparent url('images/header-img-about-us.jpg') no-repeat; text-indent:-9999px; overflow:hidden;}
div#main-contents div.our-service
{background:transparent url('images/header-img-our-service.jpg') no-repeat;}
div#main-contents div.our-store
{background:transparent url('images/header-img-our-store.jpg') no-repeat;}
div#main-contents div.whats-new
{background:transparent url('images/header-img-whats-new.jpg') no-repeat;}
div#main-contents div.about-us
{background:transparent url('images/header-img-about-us.jpg') no-repeat;}
div#main-contents div.contact-us
{background:transparent url('images/header-img-contact-us.jpg') no-repeat;}

div#subpage-container
{width:717px; min-height:250px; margin:0 auto; background:#f9f9f9 url('images/bak-2ndary-container.jpg') no-repeat;}
div.no-back
{background:#fff !important;}

h1.subpage-heading
{padding:40px 0 0 50px;}

div#calendar
{margin:0 auto; width:615px; padding-bottom:40px;}

img.SCP-logo
{padding-right:12px;}

/*About us*/
.sub-con-body, .sub-con-body p, .sub-con-body div
{color:#524f4b; font-family:"Times New Roman", Times, serif; font-size:12px; line-height:17px; line-height:120% !important;}
.sub-con-body p.about-top-para
{width:370px;}
.sub-con-body p.indent
{text-indent:10px;}
.sub-con-body p.about-why-us
{width:490px; padding-left:135px;}

div#subpage-container div.sub-con-body
{padding:14px 35px 0 50px;}

div.subpage-gray-back
{background-color:#e8e5dd; padding-top:10px;padding-bottom:10px; margin-top:20px;}
div.contact-bg
{background-color:#eeebe2; padding-top:8px;}
div.about-bottom
{padding-left:230px;}

div.about-identity
{position:absolute; bottom:0px; left:100px; height: 221px;}
div.our-service-identity
{position:absolute; bottom:0px; right:100px; height: 221px;}

/*Store*/
p.store-100percent
{padding-left:25px;}
div.store-bottom
{position:relative; bottom:0; margin-top:-10px; background:transparent url('images/store-bottom-back.gif') repeat-x right bottom; height:171px;}
div.store-identity
{position:absolute; bottom:0; width:240px; height:171px;}
div.store-gallery
{position:relative; width:460px; float:right; clear:right; padding-top:63px;}

/*contact us*/
table.contact-form
{width:440px; margin-left:22px; color:#111; margin-top:10px;}
table.contact-form td
{padding:3px;}
div#google-map
{width:280px; float:right; padding-right:60px; margin-top:-5px;}

/*Our Service*/
div.service-detail-images
{float:right; width:270px;padding-right:10px; padding-left:14px; padding-bottom:15px;}
div.sevice-detail-texts
{float:right; width:320px; min-height:135px; padding-bottom:24px;}


ul.specialties-list
{width:200px;}

div.our-specialties
{padding-left:50px; padding-top:20px;}

/*End Subpage Specific Styles */

div.header-bottom-line
{border-top:1px solid #fff; border-bottom:1px solid #fff; height:5px; background-color:#9e9e9e; line-height:5px;}
div.clear
{clear:both;}

#footer {margin:0 auto; background-color:#d7d3c7; width:876px; height:61px; line-height:61px; font-size:10px; font-family:Tahoma, Arial; text-align:center; color:#444; border-top:2px solid #fff;}

#footer ul
{list-style:none;}
#footer ul li.footer-left
{float:left;width:50%;}
#footer ul li.footer-right
{float:right;width:50%;}

/*End footer*/

/*start Credit*/
#credit {margin:0 auto; width:854px; height:50px; padding-top:11px; text-align:center;color:#444;}
/*End Credit*/


/* STYLES SPECIFIC ******************************************/
h1
{font-size:25px; color:#28221f; line-height:120%;}
h2
{font-size:21px; color:#28221f;}
h3
{font-size:17px; color:#28221f; line-height:100%;}
h4
{font-size:13px; color:#28221f; line-height:100%;}

div.topnav_search
{font-family:Trebuchet MS, Tahoma, Arial; font-weight:bold; font-size:14px; color:#000;}

div.select-pocket
{overflow:hidden; border:1px solid #9c8667; height:15px; width:114px;}
div.select-pocket select
{margin:-1px -1px 0 0; width:118px; height:15px;}

*+html body div.select-pocket
{height:21px;}
* html body div.select-pocket
{height:21px;}

* html body select.service_link
{height:25px;}
*+html body select.service_link
{height:25px; font-size:11px;}

ul.lines_right
{list-style:none; float:right;}
ul.lines_right li
{float:right;}

.float_left {float:left}
.float_right {float:right}

.lineHt15 {line-height:15px;}
.lineHt17 {line-height:17px;}

.green-bg {background-color:#c4da5f;width:196px;}
.gray-bg {background-color:#ebebeb;padding-left:10px; width:186px; padding-top:3px;color:#000;}

#main-contents p 
{line-height:14px;}
.pad10
{padding-left:10px;}


/*FORM ELEMENTS*/
input.search_box
{border:1px solid #ccc; width:167px; height:18px; margin:0 5px 0 3px; vertical-align:3px;}
* html body input#search_box
{vertical-align:0px;margin-top:5px;}
*+html body input#search_box
{vertical-align:0px;margin-top:5px;}

.search_submit
{vertical-align:-14px;}
* html body input.search_submit
{vertical-align:-9px;}
*+html body input.search_submit
{vertical-align:-9px;}

input.contact-text
{width:135px; height:17px; border:1px solid #999;}
textarea.contact-message
{width:339px; height:59px; border:1px solid #999;}

/*PicLens*/
.mbf-item { display: none; }

/*FONTS*/
span {font-family:Trebuchet MS, Tahoma, Arial;}
.heading-green {color:#c4da5f; font-size:21px;}
.brown01 {color:#391103;}
.brown02 {color:#330d04;}
.aqua {color:#457c92;}
.aqua_light {color:#9fbdc9;}

.gray-num {color:#999; font-weight:bold; margin-right:7px;}
.black {color:#000;}

/* NAVIGATION SPECIFIC **************************************/
a, a:hover, a:active
{color:#330d04; text-decoration:underline; font-weight:normal; font-size:12px;}
a:hover
{color:#333;}
a:visited
{color:#999}

a.toplinks, a.toplinks:visited
{color:#333;text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif;}

a.underline:link, a.underline:visited, a.underline:hover, a.underline:active
{text-decoration:underline}

a.blue, a.blue:visited 
{color:#a0b7c7;}
a.blue:hover
{color:#330d04;}

a.brown, a.brown:visited 
{color:#8da4b5; text-decoration:none; line-height:180%; padding-left:16px; font-size:13px;}
a.brown:hover
{color:#9fbdc9;}

a.brown03, a.brown03:visited 
{color:#442017; font-size:11px;}
a.brown03:hover
{color:#9fbdc9;}

a.navy, a.navy:visited 
{color:#9fbdc9;}
a.navy:hover
{color:#B04D11;}

a.credit
{color:#444;text-decoration:none;}

a.footer
{font-size:11px; color:#333;text-decoration:none;}
a.footer:hover
{color:#330d04;}
/* ACCESSIBILITY SPECIFIC ***********************************/

/* accessibility divs are hidden by default text, screenreaders and such will show these */

.accessibility, hr 
{position: absolute;top: -999em;left: -999em;}

/* definition tags are also hidden these are also used for menu links ************************************/
dfn 
{position: absolute;left: -1000px;top: -1000px; width: 0;height: 0;overflow: hidden;display:inline;}

/* end accessibility */

* html body div.sevice-detail-texts
{_height:135px;}