/* CSS Document */
body{padding:0; margin:0; background:url(../images/bg.gif) repeat-x #000000; color:#cccccc;font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;font-size:13px/16px;}
div, ul, h1, h2, h3, h4, p, img, form{padding:0; margin:0;}
ul{list-style-type:none;}
.blank{font-size:0px; clear:both; line-height:0px;}
#container {padding:0; margin:0;}
a, a:visited {color:#F88907;text-decoration:none;}
a:hover {color:#7DA218;text-decoration:none;}

/*---------header --------------*/
#headerPan {width:1000px; margin:0 auto 0 auto; background:url(../images/header_pic.jpg) no-repeat; height:275px;border:0px solid #ffffff;}

#headerPan h1{background:url(../images/company_name.gif) no-repeat; margin:48px 0 0 251px;  width:233px; height:100px; display:block;text-indent:-2000px; }
#headerPanBanner {width:1000px; margin:0 auto 0 auto; background:url(../images/header_picBanner.jpg) no-repeat; height:275px;border:0px solid #ffffff;}
#headerPanBanner ul{float:left;width:1000px; display:block; height:21px;border:0px solid #ffffff;margin:40px 0 0 30px;}
#headerPanBanner ul li{display:block; float:left; height:21px; margin:0; padding:0;}
#headerPanBanner ul li a{font: bold 15px/21px ; padding:0 25px 0 25px; color:#6CA638;text-decoration:none; margin:0; height:21px;}
#headerPanBanner ul li a:hover{color:#ffffff;}
#headerPanBanner h1{background:url(../images/company_name.gif) no-repeat; margin:48px 0 0 251px;  width:233px; height:100px; display:block;text-indent:-2000px; }
#iconHome a  {background:url(../images/spacer.gif); margin:0px 0px 0px 0px; float:right; width:20px; height:20px;position:relative;top:10px;right:61px;display:block;}		
#iconContact a  {background:url(../images/spacer.gif); margin:0px 0px 0px 0px; float:right; width:20px; height:20px;position:relative;top:10px;right:11px;display:block;}		
#topBanner {text-align:center;padding:100px 0 0 35px;}
#addThis {display:inline;float:right;position:relative;top:20px;right:20px;border:0px solid #ffffff;}

/*---------body ----------------*/
#mainBody{width:1000px;margin:0px auto 0 auto;border-right:0px solid #151515;background:url(../images/bgMainBody.gif) repeat;}
a.bodyLink {color:#63A32B;}
a.bodyLink:hover{color:#036CA8;}



/*---------Featured ----------------*/
#contentHomeFeatured1 a { float:left;width:246px;height:130px;background:url(../images/contentHomeFeatured1.jpg);background-repeat:no-repeat;padding-top:0px;position:relative;left:0px;top:0px;}
#contentHomeFeatured1 a:hover { background-position: 0 -130px;}

#contentHomeFeatured2 a { float:left;width:246px;height:130px;background:url(../images/contentHomeFeatured2.jpg);background-repeat:no-repeat;padding-top:0px;position:relative;left:0px;top:0px;}
#contentHomeFeatured2 a:hover { background-position: 0 -130px;}

#contentHomeFeatured3 a { float:left;width:246px;height:130px;background:url(../images/contentHomeFeatured3.jpg);background-repeat:no-repeat;padding-top:0px;position:relative;left:0px;top:0px;}
#contentHomeFeatured3 a:hover { background-position: 0 -130px;}

#navcontainer1  {float:left;width:246px;height:130px;padding-top:0px;position:relative;left:0px;top:5px;border:0px solid #ffffff;}
#navcontainer2  {margin: 0px; float:left; width:246px; height:auto;position:relative;top:5px;left:0px;border:0px solid #ffffff;}
#navcontainer3  {margin:0px; float:left; width:246px; height:auto;position:relative;top:5px;left:0px;padding-bottom:0px;border:0px solid #ffffff;}

#prayersforJapan { float:left;width:730px;height:104px;background:url(../images/prayersforJapan.gif);background-repeat:no-repeat;padding-top:0px;position:relative;left:0px;top:0px;}


/*-------------left side------*/
#leftPan {width:250px;height:360px; color:#B6B6B5;padding:0px; float:left;border:0px solid #ffffff;}
#leftPan .bottom {background:url(../images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:11px; display:block;}
#leftPan h2{color:#fff; width:240px; height:34px; display:block;margin:0px 0 0 15px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 0px;}
#leftPan ul{width:200px; display:block; margin:10px 0 0 30px; font-size:0;}
#leftPan ul li{background:url(../images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block; height:24px;}
#leftPan ul li a{font:13px/24px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#74AA43; text-decoration:none;display:block;}
#leftPan ul li a:hover{color:#4D9CC9;}
#leftPan ul li a.on{font:13px/24px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#B6B6B5; text-decoration:underline;display:block;}
#leftPan ul li a.on:hover{color:#4D9CC9;}
#leftPan a.side{float:right;width:112px; height:15px; display:block; color:#63A32B; margin:5px; padding:0;font-size:10px;}
#leftPan a.side:hover{color:#ffffff;}
#leftPan p{font:12px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#ffffff; text-decoration:none;margin:0px 0 0 30px;padding :0px;}
.titleSide {margin :0 0 10px 5px;padding:5px;color:#4D9CC9;font:15px/16px;font-weight:bold;width:210px;text-decoration:none;}
a.titleSide {margin :0 0 10px 20px;padding:5px;color:#4D9CC9;font:15px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;font-weight:bold;width:210px;text-decoration:none;}
a.titleSide:hover {margin :0 0 10px 20px;padding:5px;color:#cccccc;font:15px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;font-weight:bold;width:210px;text-decoration:none;}


/*-------------Men------*/
#menuTop {background:url(../images/menuTopc.gif) no-repeat 0 0; height:5px;width:250px;margin:5px 0 0 0;}
#menuMid {background:url(../images/menuMidc.gif) repeat 0 0; min-height:90px;width:250px;margin:0 0 0 0;}
#menuBot {background:url(../images/menuBotc.gif) no-repeat 0 0; height:5px;width:250px;margin:0 0 0 0;}

/*-------------button------*/
.buttonLeft{float:left;background: url(../images/buttonLeft.gif)  no-repeat 0 0; display:inline; height:27px;width:11px;padding:0;margin:10px 0 0 0;}
.buttonMid {float:left;background: url(../images/buttonMid.gif) repeat-x;height:27px; display:inline;color:#ffffff;font:12px "Lucida Grande", "Lucida Sans Unicode";padding:0;margin:10px 0 0 0;}
.buttonRight{float:left;background: url(../images/buttonRight.gif) no-repeat 0 0; display:inline; height:27px; width:11px;padding:0;margin:10px 0 0 0 ;}
.buttonInput{width:auto;height: 27px;color: #000000;border: 0px solid #686f76;background: none;font-size:12px;padding-bottom:2px;font-weight:bold;}

/* ----- table ------*/
.tableOut {color:Black;background-color:White;border-color:#DEDFDE;border-width:1px;border-style:None;width:680px;border-collapse:collapse;}
.trLabel {color:White;background-color:#262525;font-weight:bold;text-align:center;}
.tr1 {background-color:#F7F7DE;}
.tr2 {background-color:White;}
.trBot {color:White;background-color:#262525;}
.tableML {margin-left:20px;}


/* ----- Form ----- */
.form_row {padding: 3px 0px;}
form{margin: 0px 10px 0px 10px;padding: 0px;text-align: left;}
label {margin-right: 20px;padding-right: 20px;}
input {border:1px solid #fff;}
.button{width: 60px;height: 25px;background: #333333;margin :5px 0px 5px 160px;padding :3px;color:#ffffff;font-size:12px;}
.login_form{width: 280px;padding: 5px;border: 1px solid #242323;}

/* ----- Login ----- */
#Login {float:left;border: 1px solid #999999;padding: 1px 1px 8px 1px;margin:15px 0px 0px 0px;width:325px;background-color:#ffffff;}
#Login h2 {background: url(../images/h_booking_bg.jpg) repeat-x;height: 27px;line-height: 27px;color: #ffffff;font-size: 16px;padding-bottom: 10px;margin: 0px;width:100%;}
#Login th {text-align: left;padding-left: 10px;padding-right: 10px;font-size:9px;}
#Login td.submission {text-align: right;}
.title {font-size:11px;}


/*-------------right-------*/
#rightPan{width:745px; height:100%;margin:0px; padding:0;float:right;}
#rightPan h2{height:100%; width:204px; display:block; float:left;}
#rightPan h2 a{width:204px; height:95px; display:block; text-decoration:none; text-indent:-2000px;}
#rightPan h2.home{width:429px; height:70px; display:block; margin:20px 0 0px 0; background:url(../images/about_compny.gif) no-repeat 10px 0;padding:0; text-indent:-2000px;}

#rightPan h2.bottom{width:735px; height:20px; display:block; margin:0px 0 0px 0; background:url(../images/about_bottom.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.services{width:735px; height:30px; display:block; margin:0px 0 0px 0; background:url(../images/about_services.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.aboutUs{width:735px; height:30px; display:block; margin:0px 0 5px 0; background:url(../images/about_us.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.login{width:735px; height:30px; display:block; margin:0px 0 10px 0; background:url(../images/about_login.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.contact{width:735px; height:30px; display:block; margin:0px 0 10px 0; background:url(../images/about_contact.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.freeQuote{width:735px; height:30px; display:block; margin:0px 0 10px 0; background:url(../images/about_freeQuote.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.employment{width:735px; height:30px; display:block; margin:0px 0 10px 0; background:url(../images/about_employment.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan h2.green{width:735px; height:30px; display:block; margin:0px 0 10px 0; background:url(../images/about_green.gif) no-repeat 0 0;padding:0; text-indent:-2000px;}
#rightPan p{font:13px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#cccccc; display:block;margin:0 10px 0 10px;}
#rightPan p.more{width:700px; border:#353535 1px solid; height:18px; background-color:#171717; color:#FFFFFF; margin:25px 0 28px 0;padding:3px 3px 0 0;}
#rightPan p.more a{	display:block; text-align:right; text-decoration:none;  font:14px/15px Arial, Helvetica, sans-serif; width:80px; height:15px; background:url(../images/read_more_arrow.gif) no-repeat right center #000000; color:#FFFFFF; float:right; padding:0 25px 0 0;}
#rightPan p a:hover{text-decoration:underline;}
#rightPan h3{font:24px/22px Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#000000; display:block; margin:0 0 0 0;height:27px;}
#rightPan ul{width:600px; margin:0 0 0 10px;}
#rightPan ul li{height:100%; padding:0px; float:left; width:280px;font:12px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; list-style-type: circle;
                background:url(../images/arrowSm.gif) no-repeat 0 0px; padding: 0 0 0 20px; display:block; height:25px;border:0px solid #ffffff;}
#rightPan ul li.fullList{height:100%; padding:50px; float:left; width:580px;font:11px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; list-style-type: circle;
                background:url(../images/arrowSm.gif) no-repeat 0 0px; padding: 0 0 0 20px; display:block; height:25px;border:0px solid #ffffff;}     
#rightPan ul li.fullList2{height:100%; padding:50px; float:left; width:580px;font:11px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; list-style-type: circle;
                background:url(../images/arrowSm.gif) no-repeat 0 0px; padding: 0 0 0 20px; display:block; height:45px;border:0px solid #ffffff;}                                                  
#rightPan table {font-size:12px;width:600px;}
	
#content {margin:10px 0px 20px 0px;width:743px;height:250px;}
.contentInside {padding:15px;width:95%;margin:0 0 5px 0;background-color:#000000;}

/*----------------Services ------------------*/
.iconService01 {padding:15px;width:95%;background:url(../images/iconService01.gif) no-repeat 11px 5px #151515;margin:0 0 15px 0;}
.iconService02 {padding:15px;width:95%;background:url(../images/iconService02.gif) no-repeat 11px 5px #222222;margin:0 0 15px 0;}

.headerServices {float:left;margin-left:30px;font-size:18px;color:#72A941;font-weight:bold;display:inline;}
.readMore {float:right;position:relative;top:0px;display:inline;}
a.readMore {color:#0C72AC;font-size:13px;display:block; text-align:right; text-decoration:none; width:80px; height:15px; background:url(../images/arrow.gif) no-repeat right bottom;float:right; padding:0 20px;}
a.readMore:hover {color:#6CAF00;font-size:13px;display:block; text-align:right; text-decoration:none; width:80px; height:15px; background:url(../images/arrow.gif) no-repeat right bottom;float:right; padding:0 20px;}

a.headerServicesL {float:left;font-size:18px;color:#72A941;font-weight:bold;display:inline;text-decoration:none;}
a.headerServicesL:hover {float:left;font-size:18px;color:#cccccc;font-weight:bold;display:inline;text-decoration:none;}

.serviceDesc01 {font-size:13px;padding: 5px;border-top:1px solid #222222;position:relative;top:10px;}
.serviceDesc02 {font-size:13px;padding: 5px;border-top:1px solid #333333;position:relative;top:10px;}
.subTitleServices {float:left;font-size:14px;color:#0C72AC;font-weight:bold;}
.listServices {position:relative;top:5px;}


/*---------------- Hosting ------------------*/
#hostingPlanFree {width:615px; height:75px; display:block; margin:20px 0 0 0; background:url(../images/hostingPlanFree.gif) no-repeat 0 0;padding:0; text-indent:-2000px;border:0px solid #cccccc;}
#hostingPlan1 {width:615px; height:75px; display:block; margin:10px 0 0 0; background:url(../images/hostingPlan1.gif) no-repeat 0 0;padding:0; text-indent:-2000px;border:0px solid #cccccc;}
#hostingPlan2 {width:615px; height:75px; display:block; margin:0 0 0 0; background:url(../images/hostingPlan2.gif) no-repeat 0 0;padding:0; text-indent:-2000px;border:0px solid #cccccc;}

/*----------------Employment ------------------*/
.iconEmp01 {padding:15px;width:95%;background-color:#151515;margin:0 0 15px 0;}
.iconEmp02 {padding:15px;width:95%;background:url(../images/iconService02.gif) no-repeat 11px 10px #222222;margin:0 0 15px 0;}

.headerEmp {float:left;margin-left:5px;font-size:18px;color:#2280B6;font-weight:bold;display:inline;}
.headerSm {float:left;font-size:14px;color:#67A220;font-weight:bold;display:inline;}
.readMore {float:right;position:relative;top:0px;display:inline;}
a.readMore {color:#0C72AC;font-size:13px;display:block; text-align:right; text-decoration:none; width:80px; height:15px; background:url(../images/arrow.gif) no-repeat right bottom;float:right; padding:0 20px;}
a.readMore:hover {color:#6CAF00;font-size:13px;display:block; text-align:right; text-decoration:none; width:80px; height:15px; background:url(../images/arrow.gif) no-repeat right bottom;float:right; padding:0 20px;}

.serviceEmp01 {font-size:13px;padding: 5px;border-top:1px solid #222222;position:relative;top:10px;}
.serviceEmp02 {font-size:13px;padding: 5px;border-top:1px solid #333333;position:relative;top:10px;}
.subTitleEmp {float:left;font-size:14px;color:#0C72AC;font-weight:bold;}
.listEmp {position:relative;top:5px;}
#rightPan ul li.fullListGreen{height:100%; float:left; width:590px;font:13px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; list-style-type: circle;
background:url(../images/arrowSm.gif) no-repeat 0 10px; padding: 10px 0 0 20px; display:block; height:45px;border:0px solid #ffffff;}                                                  


/*-------------green-------*/
.headerGreen {float:left;margin-left:30px;font-size:18px;color:#53AE00;font-weight:bold;display:inline;}
.iconGreen {padding:15px;width:95%;background:url(../images/iconGreen.gif) no-repeat 11px 10px #151515;margin:0 0 15px 0;}
a. {padding:5px;margin:0;}
a.green_link {float:left;color:#6CAF00;font-size:13px;display:block;text-decoration:none; width:200px;padding:0;}
a.green_link:hover {float:left;color:#cccccc;font-size:13px;display:block;text-decoration:none; width:200px;padding:0;}
#rightPan ul li.Greenthinkers{height:100%; float:left; width:590px;font:13px/14px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; list-style-type: circle;
background:url(../images/arrowGreenSm.gif) no-repeat 0 10px; padding: 10px 0 0 20px; display:block; height:45px;border:0px solid #ffffff;}  
#greenThinkersLogo a {float:left;background-image:url(../images/logoGreenthinkers.gif);background-repeat:no-repeat; width:204px; height:96px;position:relative;top:40px;left:20px;clear:both;}
#resources {float:left;position:relative;top:70px;left:10px;width:230px;border-bottom:1px dotted #444444;border-top:1px dotted #444444;padding-top:10px;}
#resources p{margin:0 0 5px 20px;padding:0 0 0 0spx;font-size:14px;}
#bannerGreen1 {position:relative;top:100px;text-align:center;margin:15px 0 20px 0;}
#bannerGreen2 {position:relative;top:90px;text-align:center;}
#quote {position:relative;left:0px;background:url(../images/bgQuote.gif) no-repeat 0px 10px #151515;margin-bottom:20px;}
.iconGreen {padding:15px;width:95%;background:url(../images/iconGreen.gif) no-repeat 11px 10px #151515;margin:0 0 15px 0;}
.bodyQuote{font:14px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#87C354; display:block;font-style:italic;padding:40px 40px 20px 40px;}
.bodyQuote2{font:14px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; color:#87C354; display:block;}

/*-------------gallery-------*/
#gallery {width: 700px;}
.gallery_column {float: left;width: 200px;}
.gallery_column img{border: 5px solid #000000;margin: 0 0 10px 0;}
.gallery_column p{text-align: left;width: 200px;display:block;}
.spacetobottom {clear: both;height: 50px;}
.spacetoright {float: left;width: 10px;height: 10px;}
.more_button a{clear: both;display: block;width: 80px;height: 20px;margin: 10px 0 0 0;text-align: center;font-weight: bold;text-decoration: none;color: #aabdd0;background: #0b1016;border: 1px solid #05070a;}


/*-------------footer---------*/
#footerMain {background:url(../images/footer_bg.gif) repeat-x 0 0; width:100%;border:0px solid #ffffff;margin:0;padding:0;}	
#footer {background:url(../images/footer.gif) no-repeat 0 0; height:97px; width:1000px; margin:0 auto 0 auto; padding:40px 0 0 0;}
#footer ul{float:right;width:350px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px;border:0px solid #ffffff;}
#footer ul li{color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; padding:0; margin:0;}
#footer ul li a{color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 6px 0 6px; }
#footer ul li a:hover{text-decoration:underline;color:#5CA803;}
#footer p{float:right;width:490px; display:block; font:11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#cccccc; margin:0px 15px 0 0px; padding:0 0 9px 0;}


/*-------------classes---------*/
.border {border: solid 1px #cccccc;}
.rplc  {text-indent:-999em}
.alt { display: none; }
a .alt { display: none; }
.body {margin:10px 0 0 0;}
.sm {font-size:10px;margin:5px 0 0 0;}
.dividerDotted {border-bottom:1px dotted #444444;width:220px;padding:5px;margin:0 0 10px 10px;text-align:center;}

 
 
/*------------topNav-------------*/

#topNav {border: 0px solid gray;height:40px;position:relative;left:0px;top:225px;}
.ie {  position:relative;top:250px !important;}

ul#main-nav { margin:0;padding:0;float:left;width:1000px;font-size:13px;font-weight:bold;border:0px solid red;}
ul#main-nav li { margin:0;padding:0;list-style:none;float:left;margin:0;width:200px;}
ul#main-nav li a { border-right:1px solid #333333;text-decoration:none;display:block;padding:0px;color:#BFF669;background:none;text-align:center;line-height:20px;}
ul#main-nav li a:hover, ul#main-nav	li a:focus { text-decoration:none;display:block;padding:0px;color:#ffffff;background:#222222;text-align:center;line-height:20px;}
ul#main-nav li a.on { border-right:0px solid #333333;text-decoration:none;display:block;padding:0px;color:#BFF669;background:none;text-align:center;line-height:20px;}
ul#main-nav li a.on:hover { border-right:0px solid #333333;text-decoration:none;display:block;padding:0px;color:#ffffff;background:#222222;text-align:center;line-height:20px;}


ul#main-nav li ul { padding:0;display:none;background:#222222;}
ul#main-nav li:hover ul { display:block;background:#222222;}
ul#main-nav li ul li { float:none;border-bottom:1px solid #666666;border-left:1px solid #666666;}
ul#main-nav li ul li a {  color:#E78005;font-size:11px;background:#F8F6F3; line-height:25px;}
ul#main-nav li ul li a:hover { font-size:11px;background:#222222;line-height:25px;}
