/*=======================================================
 CSS Document for 
=======================================================*/

@import url("global.css");


.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/


#container { width: 940px; height: auto; display: block; margin: 0 auto; background:url(../images/core/bg-content.gif) repeat-y 0 0; clear: both; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header { width: 940px; height: 117px; clear: both; background:url(../images/core/header-bg.gif) no-repeat 0 0; }
#header h1#logo { width: 165px; height: auto; float:left; margin:0; }
#header p { float:right; text-indent:-9999em; margin:20px 0 0 0; width: 700px; }

/*navigation*/

ul#nav { width: 190px; height: 240px; padding-top:15px; display: inline-block; clear: both; }
ul#nav li { display: block; float: left; }
ul#nav a { width: 190px; height:40px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: -190px 0!important; }
a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; }
a#navprofile { background: url('../images/nav/nav-profile.gif') no-repeat 0 0; }
a#navproducts { background: url('../images/nav/nav-products.gif') no-repeat 0 0; }
a#navinstall { background: url('../images/nav/nav-installation.gif') no-repeat 0 0; }
a#navwarranty{ background: url('../images/nav/nav-warranty.gif') no-repeat 0 0; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; }

/*banner image for inner pages*/

body#homepage a#navhome, body#profilepage a#navprofile, body#productspage a#navproducts, body#installpage a#navinstall, body#warrantypage a#navwarranty, body#contactpage  a#navcontact {background-position: -190px 0!important; }
#banner { width:750px; height:95px; display:block;}
#banner h4 {margin:0; text-indent:-9999em;}
body#profilepage #banner {background: url('../images/core/banner01.jpg') no-repeat 0 0;}
body#productspage #banner {background: url('../images/core/banner02.jpg') no-repeat 0 0;}
body#installpage #banner {background: url('../images/core/banner03.jpg') no-repeat 0 0;}
body#warrantypage #banner {background: url('../images/core/banner04.jpg') no-repeat 0 0;}
body#warrantypage #banner {background: url('../images/core/banner05.jpg') no-repeat 0 0;}
body#contactpage #banner {background: url('../images/core/banner06.jpg') no-repeat 0 0;}

/*=============================================================
	Main body - left + right
=============================================================*/

#mainpage { width: 940px; display: inline-block; float: left; height: auto; clear: both; padding-bottom:20px; }
#content-left { width: 750px; float:left;}
#content-right { width: 190px; float:right; background: #ddeafa url(../images/nav/nav-bg.jpg) no-repeat 0 0;}

#contact-details { padding:150px 10px 0 25px;}
#contact-details img { vertical-align:middle;}

.text { padding:30px 40px 0 40px;}

#tyton_logo {display:block; margin:0 auto; text-align:center; margin-top:10px;}

/*=============================================================
	Footer
=============================================================*/

#footer { width: 860px; height: 20px; padding:15px 40px 15px 40px; clear: both; background-color:#3b8cdd; font-size:1.1em; color: #fff; margin:0;}
#footer a { color: #fff; text-decoration: underline;}
#footer a:hover { color: #fff; text-decoration: none;}
#footer img {float: right; margin-top:-4px;}




/*=======================================================
 End of CSS Document for 
=======================================================*/