/*	
	 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
	|										|
	|	- www.atominsurance.co.uk			|
	|	- September 2006					|
	|										|
	|	1. Layout & Fonts					|
	|	2. Images & Lists					|
	|	3. Contact Form						|
	|_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _|

*/



*
 {
    margin:0;
	padding:0;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 1em;
	border:0;
 }

body
 {
    font-size: 80%;
    background: #fff url(../images/background.gif) no-repeat top left;
 }

#container
 {
    width:800px;
	text-align:justify;
	margin:0;
	min-height:800px;
    height:auto !important;
    height:800px;
 }

#skip
{
    display:none;
}

#header
{
    height:140px;
    padding:10px 0 0 20px;
}

#navigation
{
    width:176px;
    min-height:270px;
    height:auto !important;
    height:270px;
    float:left;
    margin:90px 0 0 0;
}

#navigation ul
{
    margin:50px 0 0 10px;
    list-style-type:none;
}

#navigation ul li
 {	
    background-color:#fff;
 }

#navigation ul li a
 {	
    display:block;
    height:40px;
    width:150px;
    padding:0;
    margin:0;
 }

#navigation ul li a span
 {	
    display:none;
 }

#navigation ul li.home a { background: #fff url(../images/nav/home.gif) no-repeat top left; }
#navigation ul li.about a { background: #fff url(../images/nav/about.gif) no-repeat top left; }
#navigation ul li.products a { background: #fff url(../images/nav/products.gif) no-repeat top left; }
#navigation ul li.contact a { background: #fff url(../images/nav/contact.gif) no-repeat top left; }
#navigation ul li.newsletter a { background: #fff url(../images/nav/newsletter.gif) no-repeat top left; }

#navigation ul li.home a:hover { background:#fff url(../images/nav/home.gif) no-repeat bottom left;}
#navigation ul li.about a:hover { background:#fff url(../images/nav/about.gif) no-repeat bottom left;}
#navigation ul li.products a:hover { background:#fff url(../images/nav/products.gif) no-repeat bottom left;}
#navigation ul li.contact a:hover { background:#fff url(../images/nav/contact.gif) no-repeat bottom left;}
#navigation ul li.newsletter a:hover { background:#fff url(../images/nav/newsletter.gif) no-repeat bottom left;}

#content
{
    float:right;
    width:597px;
    margin:90px 0 0 0;
    padding:5px;
    min-height:270px;
    height:auto !important;
    height:270px;
}

#content h1
{
    height:30px;
}

#content h1#home_h1 { background: url(../images/home_header.gif) no-repeat top left; }
#content h1#about_h1 { background: url(../images/about_header.gif) no-repeat top left; }
#content h1#products_h1 { background: url(../images/products_header.gif) no-repeat top left; }
#content h1#contact_h1 { background: url(../images/contact_header.gif) no-repeat top left; }
#content h1#newsletter_h1 { background: url(../images/newsletter_header.gif) no-repeat top left; }

#content h1 span
{
    display:none;
}

#content h2
 {
    font-size: 130%;
 	color: #005192;
 	margin:15px 0 0 0;
 }

#content ul
 {
    margin:0 0 0 30px;
 }

#content p
{
    margin:15px 0 5px 0;
}

#content a
 {
    font-weight: bold;
	color: #005192;
 }

#content a:hover
 {
    color: #000;
 }

#contact_form table
{
    width:60%;
}

#contact_form label
{
    color: #005192;
    font-weight:bold;
}

#contact_form input, #contact_form textarea, #contact_form select
{
	width:220px;
	border:1px solid #7f9db9;
}

#contact_form textarea
{
    height:50px;
}

#contact_form input#postcode
{
    width:75px;
}

#contact_form input#telephone
{
    width:110px;
}

#contact_form tr td
{
    vertical-align: top;
    padding:1px 0;
}

#contact_form input.button
{
	background-color:#FFF;
	border:1px solid #005192;
	font-weight: bold;
	width:auto;
	padding:2px;
}


#footer
{
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 90%;
	padding: 3px;
	text-align: right;
	color: #276AA0;
    clear:both;
    /*background: #fff url(../images/footer.gif) no-repeat bottom right;*/
    height:80px;
}

#footer p
{
    display:none;
}





/*------------------------------------
			Layout & Fonts
----------------------------------- *

* 
 {	font-size: 1em;
	font-family: Arial, Verdana, san-serif;
	margin: 0; 
 	padding: 0;
 }

body 
 {	font-size: 80%;
	top: 0px;
 }

h2 
 {	font-size: 130%;
 	color: #005192;
 	padding-bottom: 5px;
 }

h3
 {	font-weight: bold;
 	font-size: 100%;
 }

.lineheight 
 {	line-height: 0px;
 }

#container
 {	text-align: left;
	background-color: #fff;
	width: 800px;
	height: 100%;
 }

#navigation
 {	text-align: left;
	float: left;
 }
 
#text
 {	text-align: justify;
 	background-color: #FFF;
 	line-height: normal;
 	border: 1px solid #f2f4f9;
 	padding: 5px;
 	margin-top:15px;
 	height: 100%;
 	width: 597px;
 	float: right;
 }

#spacer
 {	height: 260px;
	width:1px;
	float: left;
 }

.padding
 {	padding-left: 6px;
 }

/*------------------------------------
			Images & Lists
----------------------------------- *

#footer img 
 {	margin-top: 15px;
	float: right;
 } 
 
img 
 {	border: 0px;
 }

#navigation ul
 {	list-style: url(../images/atom_bullet.gif);
	background-color: #fff;
 	margin-left: 0px;
	padding-left: 15px;
	padding-top: 40px;
 }

#navigation li
 {	padding-left: 30px;
	padding-bottom: 30px;
	margin-left: 20px;
 }
 
#text li
 {	margin-left: 20px;
	padding-bottom: 3px;
 }

hr
 {	color: #f2f4f9;
	border: 0px;
 	margin: 0px;
 	padding: 0px;
 	height: 1px;
 	width: 126px;
 }

.noshow
 {	color: #fff;
	border: 0px;
 	margin: 0px;
 	padding: 0px;
 	height: 1px;
 	width: 126px;
 }

#logo_left
 {	float: left;
 	top: 0px;
 }
 
#logo_right
 {	text-align: right;
	float: right;
 	top:0px;
 }

.padding 
 {	padding-bottom: 10px;
 }

.category
 {	font-weight: bold;
 	color: #005192;
 }


/*------------------------------------
			Contact Form
----------------------------------- *

#text .button
 {	font-weight: bold;
	background-color: #FFF;
	border: 1px outset #7f9db9;
 	padding-top: 2px;
 	margin-left:5px;
 }

#text fieldset
 {	border:0;
	padding-bottom: 10px;
 }

#text ol
 {	list-style: none;
 }

#text label
 {	font-weight: bold;
	color: #005192;
	display: inline-block;
	vertical-align: top;
	width: 150px;
 }

#text a
 {	font-weight: bold;
	color: #005192;
 }

#text a:hover
 {	font-weight: bold;
	color: #000;
 }