/* 
    Document   : style
    Created on : 15-Apr-2009, 12:05:28
    Author     : Dave Hibberd
    Description:
        HTS Group Core Stylesheet
*/

/* 
   TODO Finish CSS
   Add Rounded Corners
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	background-color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	/*for IE center*/
	text-align:center;
	}
/*rounded corners */

div#shell {
	text-align:left;
	width: 1000px;
	margin: 0 auto;
	}
.container {background:#fff; margin:0 0px;}
.rtop, .rbottom{
display:block;
background:#eee;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#fff;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}


/*content container*/
#wrap {
	width: 1000px;
    background-color:#fff;
	margin-left: auto;
	margin-right: auto;
}

#header,#menu,#content,#logo,#footer {
        overflow:hidden;
        display:inline-block;
}
/* safari and opera need this */
#menu,#content,#logo,#header,#accord1,#gallery {
        float:left;

    }
#top {
    width:100%;
}
#header {
        width:850px;
        background-color:#fff;
        height: 90px;
        border-bottom-color:#f00;
        border-bottom-style:solid;
        border-bottom-width:2px;
    }
#logo {
        width:150px;
        height:90px;
        background-color:#fff;
        border-bottom-color:#f00;
        border-bottom-style:solid;
        border-bottom-width:2px;
    }
#box {
    width:100%
}
#bread {
	width:100%;
	height:25px;
	margin: 0 0 0 10px;
	float:left;
	}
#mbox {
    width:150px;
    float:left;
	min-height:300px;
}
#menu {
        width:150px;
		min-height: 150px;
        background-color:#fff;
    }
#accord1{
        height:150px;
        width:150px;
        background-color: #fff;
		vertical-align:bottom;
}
#gallery {
        width: 800px;
        margin-left:25px;
        margin-right:25px;
        background-color:#fff;
        height: 50px;
}
#content {
        width:850px;
        background-color:#fff;
}
#footer {
        width:100%;
        background-color:#fff;
        clear:left;
        border-top-color:#f00;
        border-top-style:solid;
        border-top-width:2px;
    }
p {
    color:#000;
    padding: 0 0 0 10px;
    }
p.footer {
    text-align: center;
}
li {
    list-style-type: none;
    list-style-image: none;
    margin-left: 10px;
    font-size: 14px;
}
a {
    color:#000;
    text-decoration: none;
	font-weight: bold;
    }
a:hover {
    text-decoration: underline;
    color:#f00;
	font-weight: bold;
}
a img {
border: 1px solid #fff;text-decoration: none;
}
a:hover img{
border: 1px solid #fff;
}
a:visited img {
border: 1px solid #fff;
}
#nav_buttons {
width: 120px;
height: 150px;
margin: 0;
padding: 0;
position: relative;
}

#nav_buttons li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#nav_buttons li, #nav_buttons a {
height: 150px;
display: block;
}
/*set up the first button*/
#button1  {
left: 0; width: 30px;
}

#button1 a {left: 0; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') 0px -150px no-repeat;
}

#button1 a:hover {left: 0; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') 0px -150px no-repeat;
}

/*set up the HTSystems button*/
#button2  {
left: 30px; width: 30px;
}

#button2 a {left: 30px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -30px 0px no-repeat;
}

#button2 a:hover {left: 30px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -30px -150px no-repeat;
}

/*set up the HTSolutions button*/
#button3  {
left: 60px; width: 30px;
}

#button3 a {left: 60px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -60px 0px no-repeat;
}

#button3 a:hover {left: 60px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -60px -150px no-repeat;
}

/*set up the fourth button*/
#button4  {
left: 90px; width: 30px;
}

#button4 a {left: 90px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -90px 0px no-repeat;
}

#button4 a:hover {left: 90px; width: 30px;
background: url('http://www.htsgroup.co.uk/inc/img/links.jpg') -90px -150px no-repeat;
}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url('http://www.htsgroup.co.uk/inc/img/tt_left.gif') top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url('http://www.htsgroup.co.uk/inc/img/tt_top.gif') top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url('http://www.htsgroup.co.uk/inc/img/tt_bottom.gif') top right no-repeat; overflow:hidden}