/* ---------------------------------------
	CSS Stylesheet for http://www.simplyassociates.co.uk
	All content copyright Simply Associates Limited
--------------------------------------- */

/* ---------------------------------------
	STRUCTURE
--------------------------------------- */
html{
;
}

body{
font-family: Georgia, "Lucida Sans", Verdana, "Trebuchet MS", Tahoma, Serif;
background: url('../images/bg.gif') repeat-x top center #f5f5f5;
color: #000000;
text-align: center;
font-size: 0.75em;
}

/* ---------------------------------------
	COMMON
--------------------------------------- */
*{
padding: 0;
margin: 0;
}

p{
line-height: 170%;
margin-bottom: 15px;
}

ul{
margin: 20px 0px 30px 50px;
}

li{
line-height: 200%;
float: left;
margin-right: 30px;
display: block;
width: 250px;
}

code{
display: block;
padding: 10px;
background-color: #171717;
border: 1px solid white;
color: white;
}

/* ---------------------------------------
	IMAGES
--------------------------------------- */
img{
border: none;
background-color: transparent;
}

.floatleft{
float: left;
padding: 0px 20px 0px 0px;
}

.floatright{
float: right;
padding: 0px 0px 0px 20px;
}

/* ---------------------------------------
	GENERAL LINKS
--------------------------------------- */

a:link{
color: #831C0E;
text-decoration: none;
}

a:active{
color: #831C0E;
text-decoration: none;
}

a:visited{
color: #831C0E;
text-decoration: none;
}

a:hover{
color: black;
text-decoration: underline;
}

/* ---------------------------------------
	HEADINGS
--------------------------------------- */
h1{
color: #7c0000;
margin-bottom: 15px;
}

h2{
color: #7c0000;
margin-top: 30px;
margin-bottom: 12px;
}

h3{
color: #7c0000;
margin-bottom: 8px;
}

/* ---------------------------------------
	FORMS
--------------------------------------- */

form.contact{
padding: 0px;
padding-left: 0px;
}

form.contact label{ 
display: block;
float: left; 
width: 100px; 
padding: 0px; 
margin: 3px 8px 0px 0px;
text-align: right; 
}

input.contact,select.contact,textarea.contact{
width: 220px;
background-color: #DBD4CA;
border: 1px solid gray;
color: black;
padding: 3px;
font-family: Georgia, Verdana, "Trebuchet MS", Tahoma, Helvetica;
font-size: 9pt;
}

input.contactcheck{
width: 15px;
font-size: 8pt;
margin-right: 5px;
background-color: #DBD4CA;
border: 1px solid gray;
padding: 2px;
}

input.contact[type="submit"]{
width: 50px;
font-size: 8pt;
}

select.contact{
width: 226px;
}


/* ---------------------------------------
	FIXED CONTENT AREA
--------------------------------------- */

#holdbox{
width: 780px;
margin: 35px auto 0px auto;
text-align: justify;
height: 300px;
}

/* ---------------------------------------
	MENU
--------------------------------------- */

ul#submenu{
display: block;
width: 610px;
margin: 0px;
list-style-type: none;
text-align: center;
}

ul#submenu li{
display: block;
width: 152.5px;
margin: 0px;
list-style-type: none;
font-weight: bold;
font-size: 1.2em;
}


/* ---------------------------------------
	CONTENT
--------------------------------------- */

#content{
width: 610px;
margin-left: auto;
margin-right: auto;
}

#imagerotator{
margin-left: auto;
margin-right: auto;
width: 650px;
}

.summarybox{
font-weight: strong;
font-size: 1.9em;
margin-bottom: 20px;
}

span.profiletitle{
color: #7c0000;
font-size: 1.1em;
font-weight: strong;
}

.profilepicture{
float: right;
margin: 0px 0px 15px 15px;
}

#left-col{
float: left;
width: 220px;
padding-right: 20px;
padding-bottom: 40px;
border-right: 1px solid gray;
margin-top: 20px;
font-size: 0.95em;
}

#right-col{
width: 340px;
padding-left: 20px;
padding-bottom: 40px;
float: left;
margin-top: 20px;
}

.telfax{
color: #7c0000;
}

.profilebox{
padding: 20px 20px 10px 20px;
background-color: lightgray;
margin-bottom: 20px;
}

#subbox{
width: 570px;
padding: 20px;
margin-top: 10px;
border: 1px solid #831C0E;
text-align: left;
}

.sidenote{
padding: 15px 15px 5px 15px;
margin-top: 15px;
background-color: #831C0E;
border: 6px solid white;
color: white;
}

/* ---------------------------------------
	FOOTER
--------------------------------------- */

#footer{
background-image: url('../images/footer-bg.jpg');
border-top: 1px solid gray;
margin-top: 20px;
padding: 10px 0px 30px 0px;
font-size: 0.7em;
}

#copyright{
text-align: left;
padding: 20px 10px 20px 0px;
float: left;
border-right: 1px solid gray;
margin-right: 10px;
}

#companyinfo{
text-align: left;
padding: 15px 0px 20px 0px;
}