/*  
Theme Name: Lanxoma
Theme URI: http://www.backboneitgroup.com
Description: 2 columns, left sidebar, Widget ready, valid CSS & XHTML transitionnal 
Version: 1.0
Author: Antony Jones
Author URI: http://www.backboneitgroup.com
Tags:two columns,fixed width,easy customization, widget ready, valid CSS, valid XHTML, sidebar left
*/

/* BASIC STRUCTURE */

* {margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;}
div#wrapper {position:relative;float:left;width:926px;margin:0 auto 0 auto;background:#fff;}
div#container {position:relative;margin:3px 0 0 3px;width:900px;}
.spacer {height:20px; width:900px; position:relative; vertical-align:bottom;}
.commentlink {position:relative;float:right;padding:5px;}
.commentlink a {padding:5px;border:1px solid #999;background:#eee;text-decoration:none;color:#333;}
.commentlink a:hover {color:#000;border:1px solid #000;background:#ddd;}
/* HEADER */


/* COMMENTS */
#commentstitle {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: rgb(0, 102, 153);}
.commentmetadata {font-size:11px;}
#commentstitle h2 {font-size:12px;}
#comments  {position:relative;float:left; width:628px; margin-left:0px; padding:0px;  background-color: transparent; border-top:0px;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;	background-color: #F9F9F9;}
#comments h2 {position:relative;float:left;font-size:12px; font-weight:normal;padding:10px;margin:10px 0 0 0;}
#comments p {margin:0 10px 10px 10px;clear:both;}
#comments ul#commentlist {position:relative;float:left;width:628px;list-style-type:none;}
#comments ul#commentlist li {position:relative;float:left;width:628px; padding:0px;border-bottom:1px dotted #555;list-style-type:none;margin:0; margin-left:0px;}
#comments ul#commentlist li.graybox {background:#eee;}
#comments ul#commentlist li .commentheader {position:relative;float:left;width:400px;}
#comments ul#commentlist li .commentheader cite {position:relative;float:left;width:400px;padding:5px 0 8px 0;font-style:normal;font-weight:bold;clear:both; font-size:11px;}
#comments ul#commentlist li .commentheader cite a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader cite a:hover {text-decoration:underline;color:#000;}
#comments ul#commentlist li .commentheader .commentnumber {position:relative; width:400px;font-size:10px;}
#comments ul#commentlist li .commentheader .commentnumber a {color:#333;text-decoration:none;}
#comments ul#commentlist li .commentheader .commentnumber a:hover {color:#000;text-decoration:underline;}
#comments ul#commentlist li .commentheader small {color:#888;font-size:10px;}
#comments ul#commentlist li .commenttext {position:relative;float:right;width:628px;font-size:12px;color:#555;line-height:1.2em;padding:8px 0 0 0;}
#comments ul#commentlist li .commenttext a {color:#000; width:100%;}
#comments ul#commentlist li .commenttext a:hover {text-decoration:none;}
#comments form#commentform {position:relative;float:left;background:#eee;border:1px solid #ddd;width:624px; margin-left:0px; padding:1px;}
#comments form#commentform p {padding:5px 0;}
#comments form#commentform input {border:1px solid #ddd;margin:0 10px 0 0;}
#comments form#commentform label {font-size:0.9em;}
#comments form#commentform textarea {width:500px;border:1px solid #ddd;}
#comments form#commentform input#submit {float:right;margin:5px 25px;padding:8px 5px 5px;background:#555;color:#fff;}


/* CONTENT */
.metadata {font-size:12px; color:#999999; background-color: transparent;}
.metadata a{text-decoration:none; font-weight:bold; color:#999999; font-size:12px;}
.metadata a:hover {text-decoration:underline;}
.alignleft {float:left;}
.alignright {float:right;}

body {	margin-top:10px;background-color:#FFFFFF;text-align:justify;font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {font:1.5em Verdana, Arial, Helvetica, sans-serif;font-weight:bold;margin:0px;padding:0px;color:#006699;text-align:left;}

h2 {font:1.2em Verdana, Arial, Helvetica, sans-serif;font-weight:bold;margin:0px;padding:0px;color:#006699;text-align:left;}

h3 {font:1.25em Verdana, Arial, Helvetica, sans-serif;font-weight:bold;margin:0px;padding:0px;text-align:left;}

a {color:#006699;text-decoration:underline;}

a:hover {text-decoration:none;color:#006699;}

img {border:none;}

small {	font-size:0.8em;}
.modFF {margin-left:40px;*margin-left:0px;}

.telmodALL {margin-left:40px;}

#central {margin:0 auto;width:900px;}

/* Header */

#header {width:900px;height:170px;clear:both;margin-top:0px;margin-bottom:0px;padding:0px;}

#logo {	float:left;	padding-top:10px;width:340px;}

.from {	font:0.7em Verdana, Arial, Helvetica, sans-serif;float:right;padding-top:90px;font-weight:normal;	color:#596E81;}

#tel {float:right;margin-top:70px;}
/* Menu objects */
#menu {	width:900px;height:40px;*height:42px;_height:42px;margin-top:0px;margin-bottom:0px;clear:both;	text-align:left;padding:0px;background:url(images/menubg.jpg) repeat-x left top #3B6A88;}
#menu ul {margin:0px;padding:0px;list-style:none;}
#menu li {display:inline;margin:0px;padding:0px;}
#menu a {display:block;	text-decoration:none;font:0.75em Verdana, Arial, Helvetica, sans-serif;	font-weight:bold;
color:#FFFFFF;	margin:2px;padding:8px 10px 1px 10px;float:left;border-right:1px solid #7DA9C6;}
#menu a:hover {	color:#CCCCCC;}
/* End of menu objects */
#flash {width:900px;height:303px;display:block;background-color:#F7F7F7;margin-top:0px;margin-bottom:0px;padding:0px;
}
/* Sidebar objects*/
#sidebar {float:left;width:250px;padding:0px;margin:5px 0px 8px 0px;}
.sidertop {background:url(images/sidertop.gif) no-repeat left top;padding-left:15px;padding-top:8px;padding-bottom:8px;font:13px Verdana, Arial, Helvetica, sans-serif;text-align:left;font-weight:bold;color:#006699;	text-transform:capitalize;margin:0px;margin-top:7px;padding-right:10px;}
.sider {margin: 0px;border-right:1px solid #D4D4D4;border-left:1px solid #D4D4D4;background-color: #F1F1F1;
font:12px Verdana, Arial, Helvetica, sans-serif;padding:5px 10px 5px 10px;text-align: left;}
.sider ul {list-style-type:none;padding-left:10px;margin-left:10px;margin-bottom:0px;padding-bottom:0px;	margin-top:0px;padding-top:0px;}
.sider ul li {list-style-type:none;font:11px Verdana, Arial, Helvetica, sans-serif;
list-style-image:url(images/arrow.gif);padding:0px 15px 13px 0px;margin:0px;}
.siderbottom {background:url(images/sidertbot.gif) no-repeat left bottom;padding:3px 15px 3px;background-color:#F1F1F1;margin-bottom:10px;}
/* End of sidebar objects */
ul.nav li {border-bottom:1px solid #E2E2E2;padding:5px 0px 5px;list-style-type:none;list-style-image:none;	margin-left:-15px;}
ul.nav li a{text-decoration:none;}
ul.nav li a:hover {color:#0099FF;}
#content {width:630px;float:right;padding:0px;margin:0px 0px 10px 0px;margin-top:0px; min-height:500px;}
.postcontent {margin-bottom:30px; min-height:100px;}

.top {background:url(images/top.gif) no-repeat left top;margin-top:0px;padding:2px 15px 2px;}

.bottom {background:url(images/bottom.gif) no-repeat left bottom;padding:5px 15px 5px;background-color:#F9F9F9;
margin-bottom:10px; padding-top:20px;}

.content {font:0.75em Verdana, Arial, Helvetica, sans-serif;color:#333333;line-height:18px;margin:0px;padding:10px 15px 10px 15px; border-top:1px solid #DBDBDB;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;	background-color: #F9F9F9;}
#extra {font:0.75em Verdana, Arial, Helvetica, sans-serif;color:#333333;line-height:18px;marggin:0px;
padding:10px 15px 10px 15px;border-top:1px solid #DBDBDB;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;*border-right:0px solid #DBDBDB;*border-left:0px solid #DBDBDB;background:#F9F9F9;!IMPORTANT}
#cenextra {font:0.75em Verdana, Arial, Helvetica, sans-serif;color:#333333;text-align:center;line-height:18px;
margin:0px;padding:10px 15px 10px 15px;border-top:1px solid #DBDBDB;border-right:1px solid #DBDBDB;border-left:1px solid #DBDBDB;*border-right:0px solid #DBDBDB;*border-left:0px solid #DBDBDB;background:#F9F9F9;!IMPORTANT}

.righttxtbox {float:right;width:200px;margin-bottom:10px;margin-left:10px;background:url(images/V_line.gif) no-repeat left top;padding-left:25px;font-size:11px;line-height:18px;color:#666666;margin-top:0px;}

.quote {background: url(images/quote.gif) no-repeat left top;padding-left:30px;padding-top:15px;font:13px Verdana, Arial, Helvetica, sans-serif;line-height:22px;padding-right:20px;margin:30px;color:#000000;}

.content .links {float:left;margin:0;padding:6px 0 0 0px;}
.content .links a {padding:5px 7px;text-decoration:none;text-transform:uppercase;font:10px Arial, Helvetica, sans-serif;font-weight:bold;color:#CF3822;background:#C65C18;border-top:1px solid #D7D3CD;border-left:1px solid #D7D3CD;border-right:2px solid #362F23;	border-bottom:1px solid #362F23;}
.content .links a:hover {text-decoration:none;}
.content .links .more {color:#FFFFFF;}
.content .links .comments {color:#FFFFFF;}

/* Button objects */
a.squarebutton {background:transparent url('images/square-gray-left.gif') no-repeat top left;display:block;float:left; /* Change 12px as desired */line-height:15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */height:23px; /* Height of button background height */padding-left:9px; /* Width of left menu image */text-decoration:none;font:Verdana, Arial, Helvetica, sans-serif normal;font-size:0.9em;}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton {color:#494949; /*button text color*/}

a.squarebutton span {background:transparent url('images/square-gray-right.gif') no-repeat top right;display:block;padding:4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/}

a.squarebutton:hover span { /* Hover state CSS */color:black;}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow:hidden; width:100%;}
/* End button objects */
.leftalg {float:left;margin-right:10px;}

.rightalg {float:right;margin-left:10px;}

.centeralg {margin-left:50px;}

/* Footer objects*/

#footer {color:#FFFFFF;font:.8em Verdana, Arial, Helvetica, sans-serif;clear:both;border-bottom:8px solid #333333;padding:0px;width:900px;margin-top:0px;margin-bottom:0px;background:url(images/footerbg.jpg) repeat-x left bottom #2096D3;}
#footer p {padding:10px 10px 5% 6%;text-align:left;margin:0px;}
#footer a {text-decoration:none;color:#FFFFFF;}
#footer a:hover {color:#CCCCCC;}
.footer {background-color:#333333;padding-left:6%;padding-top:5px;}

#ukoffice {float:right;width:260px;padding:20px 0px 0px 0px;text-align:left;margin:0px 2% 0px 0px;}
#usoffice {float:right;width:260px;margin:0px;padding:20px 0px 0px 0px;text-align:left;padding-right:4%;}

/* End of footer objects */

p.newslinks {line-height:10px;font-size:10px;}
p.newslinks a {	text-decoration:none;}
p.newslinks a:hover {text-decoration:none;color:#000000;}

/* Form */

input {overflow:hidden;}
input.name {margin-left:22px;}
input.tel {margin-left:40px;}
input.email {margin-left:25px;}
textarea.message {margin-left:2px;}
input.button {width:75px;height:25px;background:url(images/send.gif) top left;border:none;margin-left:65px;cursor:pointer;}
input.button:hover {background:url(images/sendover.gif) top left;cursor:pointer;}
input.button:active {background:url(images/sendpress.gif) top left;cursor:pointer;}
span.riser {position:relative;top:-40px;}
a.generic {text-decoration:none;cursor:pointer;}
a.generic:hover {text-decoration:none;color:#000000;cursor:pointer;}
#pressroom {float:left;width:250px;padding:0px;margin:12px 60px 0px 0px;}

.sidertop {background:url(images/sidertop.gif) no-repeat left top; padding-left:15px; padding-top:8px; padding-bottom:8px; font:13px Verdana, Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; color:#006699; text-transform:capitalize; margin:0px; margin-top:7px; padding-right:10px;}

.siderx {margin: 0px; border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4; background-color: #F1F1F1;	font:12px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 5px 10px; text-align: center;}

.sider ul {list-style-type:none; padding-left:10px; margin-left:10px; margin-bottom:0px; padding-bottom:0px; margin-top:0px; padding-top:0px;}

.sider ul li {list-style-type:none; font:11px Verdana, Arial, Helvetica, sans-serif; list-style-image:url(images/arrow.gif); padding:0px 15px 13px 0px; margin:0px;}

.siderbottom {background:url(images/sidertbot.gif) no-repeat left bottom; padding:3px 15px 3px; background-color:#F1F1F1; margin-bottom:10px;}
/* End of CSS */
