html {
height:100%;
}
a {
width:auto;
}
h4 {
color:#16436F;
font-size:x-small;
}
body {
	background-color: #C9DBF1;
	background-image:  url(images/sc_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height:100%;
	padding:0px;
	margin:0px;
}
#container {
	width:100%;
	height:100%;
	padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
#main {
	width:730px;
	background-color: #FFFFFF;
	background-image: url(images/sc_main_bg.gif);
	background-repeat: repeat-y;
	background-position: top;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px auto 0px auto;
}
#footer {
	width:750px;
	height:48px;
	background-image: url(images/sc_main_bottom.gif);
	background-position: center top;
	padding-top: 14px;
	background-repeat: no-repeat;
	margin: 0px auto 20px auto;
}
#header {
	width:750px;
	height:29px;
	background-image: url(images/sc_top_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:right;
	padding:0px;
	margin:0px;
	margin: 0px auto 0px auto;
}
#page {
	width:730px;
	background-image: url(images/sc_page_top.gif);
	background-repeat: no-repeat;
	padding: 10px 0px 0px 0px;
}
#page h3{
	text-align: left;
}
#page p{
	text-align: justify;
}

/* section headings */
#page h3.welcome span{
display:none;
}
#page h3.welcome{
	height:25px;
	background-image: url(images/sc_title_welcome.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.latest_news span{
	display:none;
}
#page h3.latest_news{
	height:25px;
	background-image: url(images/sc_title_latest_news.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.about span{

display:none;
}
#page h3.old_news span{
	display:none;
}
#page h3.old_news{
	height:25px;
	background-image: url(images/sc_title_old_news.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.about span{
	display:none;
}
#page h3.about{
	height:25px;
	background-image: url(images/sc_title_about.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.contact span{
display:none;
}
#page h3.news_archieve{
	height:25px;
	background-image: url(images/sc_title_news_archieve.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.news_archieve span{
	display:none;
}
#page h3.news{
	height:25px;
	background-image: url(images/sc_title_news.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.news span{
	display:none;
}
#page h3.contact{
	height:25px;
	background-image: url(images/sc_title_contact.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.shop{
	height:25px;
	background-image: url(images/sc_title_shop.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.shop span{
display:none;
}
#page h3.prod{
	height:25px;
	background-image: url(images/sc_title_products.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.prod span{
display:none;
}
#page h3.design span{
display:none;
}
#page h3.design{
	height:25px;
	background-image: url(images/sc_title_design0.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.benefit span{
display:none;
}
#page h3.benefit{
	height:25px;
	background-image: url(images/sc_title_benefit.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.help span{
display:none;
}
#page h3.help{
	height:25px;
	background-image: url(images/sc_title_help.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}

#page h3.map span{
display:none;
}
#page h3.map{
	height:25px;
	background-image: url(images/sc_title_map.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.bus span{
display:none;
}
#page h3.bus{
	height:25px;
	background-image: url(images/sc_title_bus.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.school span{
display:none;
}
#page h3.school{
	height:25px;
	background-image: url(images/sc_title_school.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}

.pencil {
	width:85px;
	height:29px;
	background-image: url(images/sc_top_r.gif);
	background-repeat: no-repeat;
	float: right;
}
.pen {
	width:85px;
	height:29px;
	background-image: url(images/sc_top_r2.gif);
	background-repeat: no-repeat;
	float: right;
}


/* navigation tabbed */
#nav ul{
	padding:0px;
	margin: 0px 0px 0px 25px;
}
#nav  li{
	display:inline;
	padding:0px;
	list-style: none;
	margin: 0px 0px 0px 0px;
}
#nav ul a{
float:left;
	width:77px;
	height:22px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px;
	margin: 7px 0px 0px 0px;
	
}
#nav ul a span{
display:none;
}
#nav ul a.home{
	background-image: url(images/nav_1.gif);
		width:88px;
}
#nav ul a.about{
	background-image: url(images/nav_2.gif);
}
#nav ul a.school{
	background-image: url(images/nav_3.gif);
}
#nav ul a.business{
	background-image: url(images/nav_4.gif);
}
#nav ul a.contact{
	background-image: url(images/nav_5.gif);
}
#nav ul a.ecosmart {
	background-image: url(images/nav_6.gif);
}


/* split the page into two left and right pages */
#p_l {
	width:340px;
	float: left;
	padding: 0px 10px 0px 15px;
	text-align:center;
}
#p_l p,#p_l h4, #p_l ul, #p_l a{
text-align:left;
}

#p_r {
	width:340px;
	float: right;
	padding: 0px 15px 0px 10px;
	margin:0px;
	text-align:left;
}
#p_r a{
	text-align:left;
}


/* intro boxes on homepage */
h3.i1 {
font-size:xx-small;
	width:309px;
	height:25px;
	padding: 3px 0px;
	margin: 3px 0px;
	background-image: url(images/sc_i1_h3.gif);
	background-position: left;
}
h3.i1 span{
display:none;
}
#i1 {

	height:126px;
	padding: 0px 0px 10px 109px;
	background-image: url(images/sc_i1_pic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #68D1E8;
}
#i1 a{
display:block;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/i1bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 91px;
	line-height:21px;
	text-align:center;
}




h3.i2 {
font-size:xx-small;
	width:309px;
	height:25px;
	padding: 3px 0px;
	margin: 3px 0px;
	background-image: url(images/sc_i2_h3.gif);
	background-position: left;
}
h3.i2 span{
display:none;
}
#i2 {
clear:both;
display:block;
	height:126px;
	padding: 0px 0px 10px 109px;
	background-image: url(images/sc_i2_pic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #68D1E8;
}
#i2 a{
display:block;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/i1bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 91px;
	line-height:21px;
	text-align:center;
}

h3.i3 {
font-size:xx-small;
	width:309px;
	height:25px;
	padding: 3px 0px;
	margin: 3px 0px;
	background-image: url(images/sc_i3_h3.gif);
	background-position: left;
}
h3.i3 span{
display:none;
}
#i3 {
clear:both;
display:block;
	height:126px;
	padding: 0px 0px 10px 109px;
	background-image: url(images/sc_i3_pic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #68D1E8;
}
#i3 a{
display:block;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/i1bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 91px;
	line-height:21px;
	text-align:center;
}


h3.i4 {
font-size:xx-small;
	width:309px;
	height:25px;
	padding: 3px 0px;
	margin: 3px 0px;
	background-image: url(images/sc_i4_h3.gif);
	background-position: left;
}
h3.i4 span{
display:none;
}
#i4 {
clear:both;
display:block;
	height:126px;
	padding: 0px 0px 10px 109px;
	background-image: url(images/sc_i4_pic.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #68D1E8;
}
#i4 a{
display:block;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/i1bg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 91px;
	line-height:21px;
	text-align:center;
}



#plink {
padding: 0px 80px 10px 0px;
margin:0px 0px 0px 0px;
clear:both;

}
#plink ul{
	padding:0px;
	margin: 0px 0px 0px 0px;
}
#plink  li{

float:right;
	display:inline;
	padding:0px;
	list-style: none;
	margin: 0px 0px 0px 0px;

}
#plink ul a {
	padding:0px;
	margin: 3px 0px 0px 0px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	
}







#plink2 {
padding: 0px 0px 0px 150px;
margin:0px 0px 0px 0px;
clear:both;

}
#plink2 ul{
	padding:0px;
	margin: 0px 0px 0px 0px;
}
#plink2  li{

float:left;
	padding:0px;
	list-style: none;
	margin: 0px 0px 0px 0px;

}
#plink2 ul a {
	padding:0px;
	margin: 3px 0px 0px 0px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	
}
#resources {
	width:233px;
	height:228px;
	background-image: url(images/sc_resources_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
margin: 0px auto;
}
/* contact form */
#contact label {
display:block;
	vertical-align: top;
	color:#16436F;
font-size:x-small;
font-weight:bold;
padding: 0.5em 0px;
}
#contact input, #contact textarea {
	font-size:11px;
	border: 1px solid #224F86;
}
#calc table tr td,#calc table tr th{
font-size:xx-small;
}
#calc table tr th{
	font-weight: bold;
	color: white;
	background-color:#224F86;
}
#calcform label{
display:inline;
width: 8em;
margin: 0px 4px;
text-align:right;
}
#calcform input{
	font-size:11px;
	border: 1px solid #224F86;
}
.totals {
	font-weight: bold;
	color: white;
	background-color:#224F86;
}
#prods ul li {
display:block;
}
#prods ul li a {
padding: 2px 0px;
text-decoration:none;
font-weight:bold;
color:#224F86;
}
#prods ul li a:hover {
text-decoration:underline;
font-weight:bold;
color:red;
}










/*sociable geeks alterations follows for admin tool*/
#quote_request {
	/*text-align:left;
	margin:10px;*/
}

#quote_child {
	background-color:#CCCCCC;
	border:2px solid #990000;
	width: 280px;
	list-style-type: none;
	padding: 10px;
	margin: 0px 0px 25px 0px;
}

#quote_child ul#details{
	background-color: #FFFFFF;
	width: 230px;;
	display:block;
	list-style-type: none;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	float:left;
}

#quote_child  #checkbox {
	width: 32px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float:left;
}

#quote_child  #url_link {
	width: 130px;
	list-style-type: none;
	padding: 2px 4px 2px 4px;
	margin: 0px;
	float:left;
}



/*Sociable geek addition for the news section*/
#page h3.news{
	height:25px;
	background-image: url();
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
	color:#224F86;
	font-size:1.3em;
}
#news table {
	font-size:0.8em;
	border: 1px solid #999999;
	width: 300px;
	background-color:#FFFFFF;
	border-spacing: 0px;
}
#news table caption {
	font-weight: bold;
	padding:5px;
	color: white;
	width: 300px;
	background-color:#224F86;
	vertical-align:middle;
}
#news table tr {
	border-spacing: -1px;
}
#news table tr td {
	border-spacing: 0px;
}
#news table tr th{
	font-weight: bold;
	color: white;
	background-color:#224F86;
}
#page h3.ecosmart {
	height:25px;
	background-image: url(images/ecosmartitle.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#page h3.carbon {
	height:25px;
	background-image: url(images/ecosmart-durable.gif);
	background-repeat: no-repeat;
	padding:0px;
	background-position: left;
}
#i5 {
	clear:both;
	display:block;
	height:126px;
	padding: 0px 0px 10px 109px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 10px 0px;
	background-image: url(images/ecosmart.gif);
}
#i5 a {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/i1bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 91px;
	line-height:21px;
	text-align:center;
	background-position: left;
}