body {
margin:0 auto;
padding:0;
background: #e9e9e9 none top center;
color:#303030;
font: 12px Verdana, Helvetica, Arial, sans-serif;}
#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;
width: 950px
}
#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}

#header h1{
float: left;
font-size: 28px;}

#header p{
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

/*End of navigation section*/
/* when name of page and name of navigation element are the same
the page will display a highlight in the navigation bar */
body#index a#navindex,
body#smartkontrols a#navsmartkontrols,
body#smarthomecontrols a#navsmarthomecontrols,
body#heatoverview a#navheatoverview,
body#cooloverview a#navcooloverview,
body#lightoverview a#navlightoverview,
body#wallplateoverview a#navwallplateoverview,
body#wallplaterange a#navwallplaterange,
body#uioverview a#navuioverview,
body#remote a#navremote,
body#casestudies a#navcasestudies,
body#purchase a#navpurchase,
body#contact a#navcontact,
body#other a#navother,
body#casestudies a#navcasestudies,
body#purchase a#navpurchase,
body#contact a#navcontact,
body#design a#navdesign,
body#rads a#navrads,
body#ufloor a#navufloor,
body#sensors a#navsensors,
body#towel a#navtowel,
body#boiler a#navboiler,
body#aircon a#navaircon,
body#lighting a#navlighting,
body#ui a#navui,
body#int a#navint,
body#links a#navlinks,
body#designoverview a#navdesignoverview,
body#news a#navnews,
body#service a#navservice {
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}

h1, h2,h3, h4, h5, h6 {
	color: #333366;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

h3{
font-size: 16px;
margin:0 0 10px 0;
color: #333366;}

h4{
font-size: 1.0em;
margin:0 0 10px 0;
}

p {
	color: #333366;
	font-size: 12px;
}

p.rightbox200 {
font-size: 10px;
border: none;
line-height: 1.2em;}

li.rightbox200 {
font-size: 10px;
line-height: 1.2em;
list-style-type: none;}


p.heading {
	color: #333366;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 30px;
	font-style: italic;
	font-weight: bold;
	text-align: right;
}

p.large{
	font-size: 14px;
	font-weight: bold;
}

p.tiny {
	font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
letter-spacing: -.05em;
word-spacing: -.02em;}
p.small {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
ul {
	color: #333366;
	font-size: 12px;
}

.leftbox {
	border: 1px #2C3B5C solid;
	color: #333366;
	
	
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	padding: 10px;
	width: 200px;
}

.leftphoto {
	float: left;
	margin: 10px;
	padding: 5px;
}

.rightbox {
	background: #DAE3EA;
	border: 1px #2C3B5C solid;
	color: #E0E0E0;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	padding: 4px;
	width: 300px;
}
.rightbox200 {
border: 1px #2C3B5C none;
	color: #333366;
	float: right;
	margin-left: 5px;
	margin-right: 5px;
	padding: 4px;
	width: 200px;
border-left: 1px #dfdfdf solid;}


.rightphoto {
	float: right;
	padding: 4px;
}
.textleft{
	text-align: left;
}
.textright{
	text-align: right;
}
.textcentre{
	text-align: center;
}
#centercontent {
margin: 0px 0px 20px 160px;
border-left:1px solid #f0f0f0;
border-right:1px solid #f0f0f0;
padding:0 10px 0 10px;
line-height:1.6em;
text-align:left;
}
#centercontent h2{
font-size: 20px;
}
#footer {
	border-top: 1px #000000 solid;
	font-size: 10pt;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
}

/* Banner across top of page that says the name of the whole site */
#main-title {
background-color: #6EA0BE;
background-image: url(images/shc_css_logo_4_pics.jpg);
border-bottom: 3px #2c3b5c solid;
color: #b7baab;
font-weight: bold;
font-size: .9em;
letter-spacing: 5px;
background-position: left;
background-repeat: no-repeat;
height: 164px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

/*Horizontal Nav button on the bottom*/
#navbar {

	border-bottom: solid #2C3B5C 1px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	padding: 6px;
	/*text-align: center;*/
}

#navbar a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
width:100px;

}
/*
#navbar a.current {
	text-decoration: none;
}
*/
#navbar a:hover,
#navbar a:active,
#navbar a:focus {
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}

/* Vertical Navigation*/
#navigation {
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size: 9px
}

#navigation a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}

#navigation ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#navigation li{
margin-bottom:4px;
list-style-type: none;
}

#navigation a:hover, 
#navigation a:active, 
#navigation a:focus {
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}


#rightcolumn {
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
line-height:1.5em;
}


.rightbackground{
	/*background-color: #DAE3EA;*/
}
#rightcolumn p {
margin:0 0 1.5em 0;
font-size: 10px;}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#f4f4f4;
}