body
{
    font-family:  tahoma, geneva, verdana, arial;
    padding: 0px;
    margin: 0px;
    font-size: .95em;letter-spacing:.05em;
    color: #ffffff;
    background-color: #666666;  
}
p {
	margin: 0px;
	padding: 0px 0px 16px 0px;
	line-height: 1.5em;  padding-left: 40px; 
}
h1
{
	
	background-color: #cacaca;
    z-index: 2;
    letter-spacing: .1em;
    color: #666666;
    font-size: 25pt;
    display: block;
    padding-left: 40px;
    font-family: tahoma, geneva, verdana, arial;
    padding-top: 5px;
    padding-bottom: 5px;
	font-weight:normal
	
    
}
h2 {
	margin: 0px;
	padding: 2px 0px 4px 0px; font-family:  tahoma, geneva, verdana, arial;
	font-size: 1.5em; letter-spacing:.05em;line-height:1.5em;
	color: #ccd4eb;  padding-left: 40px;
	font-weight:normal
}

h3 {
	margin: 0px; font-family:  tahoma, geneva, verdana, arial;
	padding: 2px 0px 4px 0px;letter-spacing:.05em;line-height:1.5em;
	font-size: 1.3em;  padding-left: 40px;
	font-weight:normal
}

#homeBanner
{
    position: relative;
    background-image: url(../Images/banner_homepage.jpg);
    height: 231px;
    width: 889px;
    background-repeat: no-repeat;
    margin-bottom:20px;
}

#homeTitle
{
    position: absolute;
    bottom: 20px;
    width: 848px;
    height: 40px;
    z-index: 2;
    letter-spacing: .1em;
    color: #666666;
    font-size: 25pt;
    display: block;
    padding-left: 40px;
    font-family: tahoma, geneva, verdana, arial;
    padding-top: 5px;
    padding-bottom: 5px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/header_bg.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#homeTitle[id] {  background-image:url(../Images/header_bg.png);}

#homeMain {width:630px; float:left; padding-right:20px;}
#home1 {width:235px; float:left;  background-color: #93acce; 
	background-repeat:no-repeat; margin-bottom:20px; padding-top: 0px; z-index:99;}
#home2 {width:235px;  float:left;  background-color: #93acce; 
	background-repeat:no-repeat; margin-bottom:20px; padding-top: 0px;  }
#home3 {width:235px; float:left; background-color: #93acce; 
	background-repeat:no-repeat; margin-bottom:20px; padding-top: 0px;  }
.innertube2 {padding-left:5px; padding-bottom:5px; padding-left:5px;}

#home1  a {color: #FFFFFF; text-decoration:none; outline: none;}  
#home1 a:link    { color: #FFFFFF; text-decoration:none;}  
#home1 a:visited { color: #FFFFFF; text-decoration:none;} 
#home1 a:hover   { color: #FFFFFF; text-decoration:none;}  
#home1 a:active  { color: #FFFFFF; text-decoration:none;}

#home2  a {color: #FFFFFF; text-decoration:none; outline: none;}  
#home2 a:link    { color: #FFFFFF; text-decoration:none;}  
#home2 a:visited { color: #FFFFFF; text-decoration:none;} 
#home2 a:hover   { color: #FFFFFF; text-decoration:none;}  
#home2 a:active  { color: #FFFFFF; text-decoration:none;}

#home3  a {color: #FFFFFF; text-decoration:none; outline: none;}  
#home3 a:link    { color: #FFFFFF; text-decoration:none;}  
#home3 a:visited { color: #FFFFFF; text-decoration:none;} 
#home3 a:hover   { color: #FFFFFF; text-decoration:none;}  
#home3 a:active  { color: #FFFFFF; text-decoration:none;}

#news {width:720px; float:left; padding-right:20px;}
#newsSide {width: 149px;
    float: left;}
.newsItem {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #93acce;
}

#main {width:720px; float:left; padding-right:20px;}
#sidebar
{
    width: 149px;
    float: left;
    color: #ccd4eb;
    font-size: .8em;
    font-style: italic;
    text-align: right;
    font-weight: bold;letter-spacing:.05em;line-height:1.4em;
}

img {
	border-style: none;
    border-color: inherit;
    border-width: 0px;
}
b {	font-size: 110%;}
em {	color: #FFFFFF;}
 
#Home  {background-image: url('../Images/Menu/home.gif'); background-repeat:no-repeat; width:105px; height:40px;}
#Home span {display:none;}
#Home:hover    {background-image: url('../Images/Menu/home_glow.gif');  background-repeat:no-repeat;}
#Home.selected    {background-image: url('../Images/Menu/home_glow.gif'); background-repeat:no-repeat;}

#About  {background-image: url('../Images/Menu/about.gif'); background-repeat:no-repeat; width:105px; height:40px;}
#About span {display:none;}
#About:hover    {background-image: url('../Images/Menu/about_glow.gif');  background-repeat:no-repeat;}
#About.selected    {background-image: url('../Images/Menu/about_glow.gif'); background-repeat:no-repeat;}

#Design  {background-image: url('../Images/Menu/design.gif'); background-repeat:no-repeat; width:105px; height:40px;}
#Design span {display:none;}
#Design:hover    {background-image: url('../Images/Menu/design_glow.gif');  background-repeat:no-repeat;}
#Design.selected    {background-image: url('../Images/Menu/design_glow.gif'); background-repeat:no-repeat;}

#Products  {background-image: url('../Images/Menu/Products.gif'); background-repeat:no-repeat; width:130px; height:40px;}
#Products span {display:none;}
#Products:hover    {background-image: url('../Images/Menu/Products_glow.gif');  background-repeat:no-repeat;}
#Products.selected    {background-image: url('../Images/Menu/Products_glow.gif'); background-repeat:no-repeat;}

#Installation  {background-image: url('../Images/Menu/Installation.gif'); background-repeat:no-repeat; width:150px; height:40px;}
#Installation span {display:none;}
#Installation:hover    {background-image: url('../Images/Menu/Installation_glow.gif');  background-repeat:no-repeat;}
#Installation.selected    {background-image: url('../Images/Menu/Installation_glow.gif'); background-repeat:no-repeat;}

#Gallery  {background-image: url('../Images/Menu/Gallery.gif'); background-repeat:no-repeat; width:110px; height:40px;}
#Gallery span {display:none;}
#Gallery:hover    {background-image: url('../Images/Menu/Gallery_glow.gif');  background-repeat:no-repeat;}
#Gallery.selected    {background-image: url('../Images/Menu/Gallery_glow.gif'); background-repeat:no-repeat;}

#News  {background-image: url('../Images/Menu/News.gif'); background-repeat:no-repeat; width:95px; height:40px;}
#News span {display:none;}
#News:hover    {background-image: url('../Images/Menu/News_glow.gif');  background-repeat:no-repeat;}
#News.selected    {background-image: url('../Images/Menu/News_glow.gif'); background-repeat:no-repeat;}

#Contact  {background-image: url('../Images/Menu/Contact.gif'); background-repeat:no-repeat; width:90px; height:40px;}
#Contact span {display:none;}
#Contact:hover    {background-image: url('../Images/Menu/Contact_glow.gif');  background-repeat:no-repeat;}
#Contact.selected    {background-image: url('../Images/Menu/Contact_glow.gif'); background-repeat:no-repeat;}

a {color: #FFFFFF; text-decoration:underline; outline: none;}  
a:link    { color: #FFFFFF; text-decoration:underline}  
a:visited { color: #FFFFFF; text-decoration:underline} 
a:hover   { color: #FFFFFF; text-decoration:underline}  
a:active  { color: #FFFFFF; text-decoration:underline}
.clearLeft {clear:left;}

/* ************* Layout ********************     */
#topBar {position:relative;width: 890px;margin: 0 auto;z-index: 2;height: 100px;}
#topBarInner {width: 890px;margin: 0 auto; height: 100px; position: relative;}
#logo2 {position:absolute; right:0px; top:10px;}
#ContactDetails {position:absolute; right:25px; top:10px; font-size:2em; color: #22408e; text-align:right; vertical-align:top;}
#topsection {height: 40px;background-repeat: no-repeat;	position:relative;}
.myslidemenu{width: 890px;position:absolute;bottom:0px; height: 40px;}

#contentwrapper {
	float: left;
	width: 100%;
	padding-top:25px;

}
#contentcolumn {
	margin: 0 190px 0 180px;

}
#leftcolumn {
	float: left;
	width: 180px;
	margin-left: -890px; 
	padding-top:25px;
	background-color:white;
}
#rightcolumn {
	float: left;
	width: 190px; 
	margin-left: -190px;
	padding-top:25px;
	background-color:white;
}
#footer
{
    width: 100%;
    height: 40px;
    bottom: 0px;
    z-index: 2;
    padding-top: 5px;
    padding-bottom: 0px;
    clear: both;
}

#footerBanner
{
    position: relative;
    background-image: url(../Images/footer.jpg);
    height: 177px;
    width: 889px;
    background-repeat: no-repeat;
    margin-bottom:20px;
}

#footerTitle
{
    position: absolute;
    bottom: 20px;
    width: 859px;
    height: 40px;
    z-index: 2;
    letter-spacing: .1em;
    color: #666666;
    font-size: 22pt;
    display: block;
    padding-left: 30px;
    font-family: verdana;
    padding-top: 5px;
    padding-bottom: 5px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../Images/header_bg.png');
}
#footerTitle[id] {  background-image:url(../Images/header_bg.png);}
#footer1 {float:left; width:400px;}
#footer2 {float:left; width:163px; padding-top:35px;}
#footer3 {float:left; width:163px; padding-top:35px;}
#footer4 {float:left; width:163px; padding-top:35px;}

#footerInner
{
    width: 890px;
    margin: 0 auto;
    padding: 5px;
    text-align: left;
    color: #FFFFFF;
    font-size: .7em;
	}

#swFooter
{color: #FFFFFF;font-family: Verdana;font-size: xx-small;
position:relative;width: 890px;margin: 0 auto;margin-top: 15px; z-index:2;
text-align: center;padding-top:20px;height:40px
}
#swFooter a {color: #CCCCCC; text-decoration:none; outline: none;}  
#swFooter a:link    { color: #CCCCCC; text-decoration:none}  
#swFooter a:visited { color: #CCCCCC; text-decoration:none} 
#swFooter a:hover   { color: #CCCCCC; text-decoration:none}  
#swFooter a:active  { color: #CCCCCC; text-decoration:none}

/*Image gallery classes*/
.gallery {padding-left:80px}

.LG_thumbnail
{
    float: left;
    margin-left: 5px;
    padding: 5px;
    width: 135px;
    height: 135px;
    text-align: center;line-height:100px;
    vertical-align: middle; margin-top: 10px;}
.galImgL
{ display:block;vertical-align: middle;    text-align: center;margin-bottom:20px; 
width: 120px; height:120px  }
.galImgP
{ display:block;vertical-align: middle;    text-align: center; margin-bottom:20px;width: 120px; height:120px  }