/* 
    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;
	/*IE Centre fix */
	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,#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;
	}
#menu {
        width:150px;
        background-color:#fff;
    }
#accord1{
	float:left;
	width:150px;
	background-color: #fff;
	bottom:0px;
	margin-bottom:10px;
}
#gallery {
        width: 800px;
        margin-left:25px;
        margin-right:25px;
        background-color:#fff;
        height: 50px;
}
#content {
        width:850px;
        background-color:#fff;
		float:left;
}
#footer {
        width:100%;
        background-color:#fff;
        clear:both;
        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.htsystems.co.uk/inc/img/links.jpg') -30px -150px no-repeat;
}

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

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

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

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

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

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

#button3 a:hover {left: 60px; width: 30px;
background: url('http://www.htsystems.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.htsystems.co.uk/inc/img/tt_left.gif') top left no-repeat;
}

#tttop {display:block; 
height:5px; 
margin-left:5px; 
background:url('http://www.htsystems.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.htsystems.co.uk/inc/img/tt_bottom.gif') top right no-repeat; 
overflow:hidden;
}

/*Contact Form Stuff */
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid;
color: black; 

font: 13px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */
label {width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px;
float: left;

border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* BR */

br { clear: left; }