/*
Theme Name: Flaming Creations
Description: Company theme.
Version: 1.0
Author: Flaming Creations
Author URI: http://www.flamingcreations.co.uk/
*/

body{
background-color:#f8f5f5;
background-image: url('images/tile.gif');
background-repeat: repeat-y;
background-position: center;
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #000;
text-align: left;
}

p{
font-size: 1.2em;
color:#000;
background-color:#f8f5f5;
}

b, strong{
font-size: 1.2em;
font-weight: bold;
color:#000;
background-color:#f8f5f5;
}

em{
font-size: 1.2em;
text-align: left;
color:#666;
background-color:#f8f5f5;
}

h1{
line-height:1.8em;
margin-bottom: 0.2em;
font-size: 1.8em;
text-align: left;
font-weight: bold;
color:#cc0066;
background-color:#f8f5f5;
}

h2{
font-size: 1.4em;
margin-bottom: 0em;
text-align: left;
font-weight: bold;
color:#cc0066;
background-color:#f8f5f5;
}

#container{
margin:5px auto;
width:758px;
background-color:#f8f5f5;
}

#wrapper{
width: 760px;
background-color:#f8f5f5;
margin:0px auto;
text-align:left;
}

#banner{
width: 760px;
height: 79px;
text-align: right;
background-color:#f8f5f5;
}

#location{
width: 760px;
margin-top: 1.0em;
height: 35px;
text-align: right;
background-color:#f8f5f5;
color:#cc0066;
}

#location h2{
font-size: 1.4em;
margin-bottom: 0.2em;
text-align: right;
font-weight: bold;
color:#000;
}

#content{
float: left;
width:550px;
text-align: left;
padding: 5px;
margin: 0px;
border:0px #666 solid;
}

#content ul{
list-style-image: url('images/bullet.gif');
padding: 10px;
margin: 10px;
font-size: 1.4em;
text-align: left;
}

#content ol{
list-style-type: decimal;
padding: 10px;
margin: 10px;
font-size: 1.4em;
text-align: left;
}

#content a:link{
font-size: 1.2em;
color: #cc0066;
background-color: #f8f5f5;
text-decoration: underline;
}

#content a:visited{
font-size: 1.2em;
color: #666666;
background-color: #f8f5f5;
text-decoration: underline;
}

#content a:hover, a:active{
font-size: 1.2em;
color: #f8f5f5;
background-color: #cc0066;
text-decoration: none;
}

#content img {
text-align:left;
margin: 0px;
padding: 5px;
border: 0px;
}

.line {
background-image: url(images/navbreak.gif);
background-repeat: no-repeat;
background-position: center;
height: 20px;
}

.break {
background-image: url(images/pagebreak.gif);
background-repeat: no-repeat;
background-position: center;
height: 20px;
}

img {
padding: 0px 5px 0px 5px;
border: 0px;
}

/* opera saviour */
html>body #content{ 
width:550px;
} 

#navigation{
float:right;
width:180px;
font-size: 1.2em;
}

#navigation ul{
padding: 0;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 2px;
text-indent: 30px;
border:1px #666 solid;
text-align: left;
}

#navigation li{
list-style-type: none;
margin-bottom: 0px;
background-color: #f8f5f5;
border: 1px solid #666;
text-indent: 30px;
}

#navigation li a{
text-decoration: none;
display: block;
text-align: left;
color: #cc0066;
background-color: #f8f5f5;
background-image: url(images/sidebarnav.gif);
background-repeat: repeat-y;
text-indent: 30px;
padding-top: 2px;
}

#navigation li a:hover{
display: block;
text-align: left;
color: #f8f5f5;
background-color: #cc0066;
background-image: url(images/sidebarnavro.gif);
background-repeat: repeat-y;
text-indent: 30px;
padding-top: 2px;
}

#navigation li a:active{
display: block;
text-align: left;
color: #cc0066;
background-color: #f8f5f5;
text-indent: 30px;
padding-top: 2px;
}

#footer{
background-color: #f8f5f5;
color: #cc0066;
width:760px;
clear:both;
}

#footer p{
font-size: 1.2em;
margin:0;
padding:5px;
text-align: center;
}

#footer a:link, a:visited {
color: #cc0066;
background-color: #f8f5f5;
text-decoration: underline;
}

#footer a:hover, a:active{
color: #f8f5f5;
background-color: #cc0066;
text-decoration: none;
}

.clear{
clear:both;
}