/*  
CSS Document: Halswell Experience
URI: http://www.thehalswellexperience.co.uk/
Description: CSS Document for Halswell Experience
Version: 1.0
Author: Charlie Ridley
*/



/* ------------------- Generics */

html {

}

body {
margin:0;
padding:0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
background-color:#2D2D2F;
color:#fff;
}
#wrapper {
width:950px;
margin:0 auto;
padding:0;
background:#333333 url(../images/bg_tile.gif) repeat;

}
strong{
color:#fff;
padding-top:10px;
}
a:link, a:visited {
color:#FFF5E4;
text-decoration:none;
}

a:hover, a:focus {
color:#EC077A;
text-decoration:  none;

}

#content a, #content a:visited {

}

#content a:hover, #content a:focus {

}
a:link,a:active,a:visited{
text-decoration:none;
}


/* -------------------- Lists */





/* ------------------- Headings and Paragraphs */


h2{
padding:20px;
font-weight:normal;
font-family: Georgia, "Times New Roman", Times, serif;
color:#F1823B;
}
h3{
padding:25px 0 10px 20px;
font-weight:normal;
font-family: Georgia, "Times New Roman", Times, serif;
color:#F1823B;
margin:0;
}
h4{
padding:0px 0 0 20px;
font-weight:normal;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:36px;
font-weight:normal;
color:#EC077A;
margin:0;
margin-top:15px;
padding-bottom:4px;
}


#content h3 {
margin-top:20px;
margin-bottom:20px;
}

p {
line-height:1.4em;
}

ul{
list-style:none;
}



/* ------------------- Images */



/* ------------------- Masthead */

div.clear {
clear:both;
}

a img{
border:0px;
text-decoration:  none;
margin-bottom:5px;
margin-left:0px;
}



#masthead {
}

#masthead a {
text-decoration:none;
}

#head {
position:relative;
top:0;
width:950px;
margin:0px auto 0 auto;
padding:0;
background:#2D2D2F url(../images/masthead.gif) no-repeat center top;
height:140px;

}

#mainimage{
position:relative;
display:block;
margin:0;
margin-left:50px;
width:850px;
height:150px;
background:url(../images/main.jpg) no-repeat;
top:0;
border:none;

}
#mainimage h3{
margin:0;
font-size:26px;
font-weight:normal;
color:#F1823B;
}
#mainimage p{

font-size:12px;
font-weight:normal;
color:#fff;
}

#mainimage p.bottom{
margin-top:40px;
padding-left:10px;
font-size:12px;

font-weight:normal;
color:#F1823B;
}
#mainimage a{
font-size:12px;

font-weight:normal;
color:#F1823B;
}



/* -------------------- NAVIGATION */

#navigation {
position:relative;
width:950px;
top:116px;
right:70px;
float:right;
letter-spacing:0.1em;
}

#navigation ul {
float:right;
margin:0;
padding:0;
list-style:none;
}

#navigation ul li {
float:left;
margin-right:10px;
margin-left:10px;
position:relative;
}

#navigation ul li a {
display:block;
padding:10px;
padding-top:0px;
padding-bottom:0px;
color:#CBE1F0;
}

#navigation ul li a:hover {
display:block;
color:#EC077A;;
border:none;
}
#navigation ul li.feature a{

}
#navigation ul li.cur a {
display:block;
padding:10px;
padding-top:0px;
padding-bottom:0px;
color:#ec3508;
font-weight:bold;
}

#navigation ul li.cur a:hover {

color:#fff;
display:block;
}

#col4 ul li.cur a,#col4 ul li.cur a:hover,#col4 ul li.cur a:visited{
color:#ec3508;
}

/* ------------------- Content */

#contentwrapper {
width:950px;
padding:0px;
margin:0px auto 0px auto;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
text-decoration:  none;
-moz-opacity: 1;
background-color:#000000;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
text-decoration:  none;

}
#contact{
text-align:center;
padding:10px;
font-size:12px;

font-weight:normal;
color:#31302E;
}
#contact h3{
font-size:18px;

font-weight:normal;
color:#F1823B;
}
/* ------------------- Columns */
#maincol{
float:left;
margin:20px 10px 0 50px;
padding:0;
padding-bottom:20px;
width:650px;
min-height:728px;
height:auto !important;
height:728px;
color:#fff;
}
#maincol a:link, #maincol a:visited{
color:#F1823B;
}
#maincol a:hover{
color:#EC0887;
}
#maincol p{
margin-left:10px;
color:#fff;
}

div.column {

}
#col1 {
float:left;
margin-top:30px;
padding:0px;
width:213px;
margin-left:50px;
margin-right:10px;
margin-bottom:20px;

}
#col2 {
float:left;
margin-top:30px;
padding:0px;
border:0px;
width:213px;
margin-right:10px;
margin-left:10px;
}

#col3 {
float:left;
margin-top:30px;
padding:0px;
border:0px;
width:213px;
margin-right:10px;
margin-left:10px;
}

#col4 {
float:right;
padding:0px;
height:608px;
width:140px;
margin-top:30px;
margin-right:50px;

}
#col4 ul{
margin:2px 0 0 0;
padding:0;
}
#col4 ul li{
margin:0;
padding:3px 0 3px 0;
width:140px;
color:#FFF5E4;
border-bottom:1px solid #252525;

}
#col4 ul li a:link, #col4 ul li a:active, #col4 ul li a:visited{
margin:0;
padding:0;
color:#FFF5E4;
line-height:15px;
}
#col4 ul li a:hover{
color:#EC077A;;
list-style-image:url(http://www.thehalswellexperience.co.uk/new/images/bullet2.gif);
}
#form{
margin-top:240px;
margin-left:15px;
margin-bottom:10px;
;
}
#form p{
color:#FFFFFF;
}
#form input.text_required {
font-family: Arial;
font-size:10px;
border:1px solid #999999;
background-color:#719EE1
}
#asterisk{
padding-left:0px;
width:554px;
float:left;
font-size:1.0em;
margin-top:0px;


}
.first{
width:120px;
}

#asterisk ul{
float:left;
padding-left:10px;

}
#asterisk ul li{

float:left;
list-style-type:none
}
#asterisk a:link,#asterisk a:active,#asterisk a:visited{
margin:0;
padding:0;
float:left;
color:#F1823B;
}
#asterisk ul li a:hover{
color:#121224;
}

#footer {
margin:20px auto 20px auto;
height:20px;
width:950px;
font-size:0.8em;
}

#footercontent {
float:right;

}

#footercontent p {
color:#FFF;
}


#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#CBE1F0;
}


/* -------------------- Tables */

table {
width:100%;
text-align:left;
font-size:12px;
padding:0;
margin:0;
margin-top:20px;
}

table tr td {
padding:5px;
color:#fff;
}

tr.top td {
background:#F1823B;
color:#252525;

font-weight:bold;
}

tr.alt td {
background:#31302E;
}

td.left {
text-align:left;
}

/* -------------------- Forms */

fieldset {
background:#e8e8d9;
border:1px dashed #aaa;
padding-left:10px;
padding-bottom:10px;
}

legend {
display: none;
}

textarea, input, select {
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
font-size:1.0em;
}

label {
display:block;
margin-top:10px;
}

input:focus, textarea:focus {
background:#fefeeb;
}

textarea,input.text {
width:60%;
}

input.button {
float:left;
margin:10px 10px 0 0; 
}
#photo{
text-align:center;
margin:0px auto;
width:542px;
}

a img{
border:1px solid #F17F3D;
padding:3px;
}
a:hover img{
border:1px solid #EC077A;
padding:3px;
}
#tt {
float:left;
position:relative;
width:534px;
top:10px;
left:0px;
color:#F1823B;
}
#TB_window {
background: #3C042C;
color:#ECECDA;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#EC2100;
}

#TB_window a:link {color: #C7691C;}
#TB_window a:visited {color: #C7691C;}
#TB_window a:hover {color: #990066;}
#TB_window a:active {color: #C7691C;}
#TB_window a:focus{color: #C7691C;}