/** HTML elements **/

* {padding : 0;margin : 0;}
body {font-family : Verdana, Arial, sans-serif;font-size: 80%;color: #000;width: 100%;margin: 0 auto;background:#fff;}

a {text-decoration : none;color: #0033FF;}
a:hover { text-decoration: underline;color : #0033FF;}

h1
{
	color: #000;
	font-size : 150%;
	font-weight : bold
}

h2 
{
	color: #000;
	font-size : 150%;
	font-weight : bold;
	padding: 10px 0 0 0;
}

h3 
{
	color: #000;
	display: block;
	font-size : 120%;
	font-weight : bold;
	padding: 20px 0 0 0;
}

h4
{
	clear: both;
	color: #000;
	font-size : 110%;
	font-weight : bold;
	padding: 10px 0 0 0;
}

address {
	margin : 10px 0 10px 20px;
	color : #df273e;
}

address span {
	display : block;
}

/** main divs **/

#hidden
{
	display: none;
}

#container 
{
	background: #fff URL("http://www.flexfilm.co.uk/assets/images/container_bg.gif");
	width: 760px;	
	margin: 5px auto;
	text-align: center;	
	padding: 0;
}

#logo 
{
	width: 760px;
	height: 110px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	background: URL("http://www.flexfilm.co.uk/assets/images/header_bg.gif") #fff no-repeat left top;
}

#logo p {
	text-align: right; 
	font-size: 90%;
	color: #6f6f6f;
	padding: 30px 20px 20px 0;
	margin:  0;
}

#logo .telephone {
	text-align: right; 
	font-size: 210%;
	color: #000;
}

#content 
{
	width: 760px;
	text-align: left;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 15px;

}

.clear {
	clear: both
}

#main_content
{
	float:right;
margin-top: 20px;
	padding:0 15px 15px 25px;
width: 580px;
font-size: 90%;
border-left: 1px dashed #b4b4b4;
}

#main_content h2
{
	padding: 0;
	margin: 0; 
}

#main_content h3
{
	padding: 10px 0 0 0;
	margin: 0; 
}

#main_content ul
{
	padding:  0 20px;
	margin: 5px; 
}

#main_content ol
{
font-size: 90%;
	padding:  0 20px;
	margin: 5px; 
}

#main_content li
{
	padding:  5px; 
}

#main_content .img_right
{
	float: right;
	border: 3px double #d7d7d7;
	margin: 10px;
}

#main_content a { 
	text-decoration : underline;
	color : #0033FF;
}
						
#main_content a:hover { 
	text-decoration: none;
	color : #0033FF;
}

#side_nav
{
	margin: 0 0 15px 0;
	padding-left: 5px;
	width: 130px;
	float: left;
}

#sub_nav {
padding: 15px 0 5px 0;
}

#sub_nav ul {
	padding: 0;
margin: 0;
}

#sub_nav li{
	list-style: none;
	padding: 2px 10px 15px 10px;;
}

#sub_nav a { 
	display : inline;
	text-decoration : none;
	color : #444;
font-weight: bold;
	padding: 5px 20px;
	background: url("http://www.flexfilm.co.uk/assets/images/sub_nav_button_off.gif") no-repeat 0 50%;
}
						
#sub_nav li a:hover { 
	text-decoration: underline;
	color : #464646;
	background: url("http://www.flexfilm.co.uk/assets/images/sub_nav_button_on.gif") no-repeat 0 50%;

}

#sub_nav h3 {
	margin: 0;
	padding: 5px;
	font-size: 100%;
	border: 0px; 
}

#list, #list2 {
font-size: 90%;
margin: 0;
padding: 0;
}

#list li, #list2 li{
margin-left: 0;
padding: 5px 0 5px 5px;
}

#list li a , #list2 li a{
display: block;
padding: 0 0 0 15px;
margin: 0px;
font-weight: normal;
color: #6f6f6f;
background: url("http://www.flexfilm.co.uk/assets/images/little_button_off.gif") no-repeat 0 25%;
}

#list li a:hover,#list2 li a:hover {
background: url("http://www.flexfilm.co.uk/assets/images/little_button_on.gif") no-repeat 0 25%;
}

#red, #red2{
font-size: 90%;
margin: 0;
padding: 0;

}


#red li, #red2 li{
margin-left: 0;
padding: 5px 0 5px 5px;
}

#red li a, #red2 li a {
display: block;
padding: 0 0 0 15px;
margin: 0px;
font-weight: bold;
color: #df273e;
background: none;
}

#red li a:hover, #red2 li a:hover  {
background: none
}

#footer 
{
clear: both;
	width: 100%;	
 	font-size: 80%;
 	background:  #fff;
	margin: 0 auto;
	text-align: right;
}

#footer p {
	width: 740px;
	padding: 5px 30px 10px 0;
	text-align: right;
	margin: 0 auto;
color: #464646;
font-weight: bold;
}

/*----------images--------------------------*/

img {
	border : 0;
}

/*------------ Areas of the navigation--------------*/


#menu
{
	width: 100%;
	font-size: 100%;
	text-align: center;
	margin: 0 auto;
	background: #aaaaaa;
	padding: 0;
}

#menu ul { 
	list-style : none;
	padding: 5px;
}
						
#menu li { 
	display: inline;
	list-style : none;
}
						
#menu li a { 
	display : inline;
	text-decoration : none;
	color : #ededed;
	padding: 5px 20px;
	background: url("http://www.flexfilm.co.uk/assets/images/nav_button_off.gif") no-repeat 0 50%;
}
						
#menu li a:hover { 
	text-decoration: none;
	color : #fff;
	background: url("http://www.flexfilm.co.uk/assets/images/nav_button_on.gif") no-repeat 0 50%;

}

#menu h2, #footer h2 {
	display: none;
}

#menu i, #footer i, #sub_nav i {
font-style: normal;
text-decoration: underline;
}

/*-------- Forms ------------*/
fieldset {
	border : solid 0px #df273e;
	padding : 10px;
	margin : 10px 0 10px 0;
	text-align: left;
}


fieldset input {
	padding : 1px;
	color : #000;
	margin : 5px 0 10px 0;
}
/*----------------------------*/

p 
{
	margin-top: 12px;
	line-height: 17px;
	word-spacing: 2px;
}

.item_img {
	margin: 0 0 5px 5px;
	padding: 1px;
	clear:both;
	float: right;
	border: 1px solid #d7d7d7;
}

.contact {
padding: 5px;
text-align: right;
}

table{
border: 1px solid #ccc;
border-collapse: collapse;
empty-cells: show;
margin-top: 20px;
width: 100%;
font-size: 80%;
}

tr{
border: 1px solid #ccc;
}

th{
padding: 3px;
background: #46b4d5;
color: #fff;
border: 1px solid #ccc;
}

.des {color: #000;background: #fff;}

td{
border: 1px solid #ccc;
padding: 5px;
vertical-align: top;
width: 25%;
}

.converted td{
border: 1px solid #ccc;
padding: 5px;
vertical-align: top;
width: 20%;
}

/*----------SPLASH------------*/

#s_home
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_homepage_pic.jpg") no-repeat;
}

#s_about
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_about_us_pic.jpg") no-repeat;
}

#s_contact
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_contact_us_pic.jpg") no-repeat;
}

#s_environment
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_environmental_pic.jpg") no-repeat;
}

#s_products
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_products_pic.jpg") no-repeat;
}

#s_quality
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_quality_pic.jpg") no-repeat;
}

#s_markets
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_markets_pic.jpg") no-repeat;
}

#s_services
{
height: 145px;
background: URL("http://www.flexfilm.co.uk/assets/images/ff_services_pic.jpg") no-repeat;
}

.prod {color: #df273e;
text-transform:uppercase;}

.blue {color: #00c4e1; font-weight: bold}

#textual {
width: 450px;
}