/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	background-color: #D1D4C8;
	margin:0px;
	padding:0px;
}
form{
    padding:0;
    margin:0;
}
.clearboth{
	clear:both;
}
div.clear_both_0{
    clear:both;
    height:0;
    font-size:1px;
    visibility:hidden;
}
u {
    font-weight:bold;
    font-style:normal;
    color:#000000;
    text-decoration:none;
}
.targetLightbox{
	color:#8A8A8A;
	font-family:verdana,arial;
	font-size:12px;
}
.package_lightbox_header{
	text-align:center; 
	background-color:#E6EBEE;  
	color: #8A8A8A; 
	font-weight: bold; 
	z-index:1000; 
	font-size:17px;
	font-family:gill sans,arial;
	margin-bottom:10px;
	font-weight:normal;
	font-style:italic;
	height:36px;
}
	.package_lightbox_header a{
		cursor:pointer;
		color:#ffffff;
		float:right;	
		font-family:gill sans,arial;
		font-weight:normal;
		margin-right:12px;
		margin-top:9px;
	}

/* MAIN CONTAINER & SHADOWS */
#top_shadow{
    height:10px;
	width:800px;
	margin-top:2px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
    padding:0;
    background-image:url(imagesCSS/shadow_top.jpg);
    background-repeat:repeat-x;
    background-position:bottom left;
}
#top_shadow .right, #top_shadow .left{
    height:10px;
	width:10px;
	margin:0;
    padding:0;
    background-repeat:repeat-x;
    float:right;
}
#top_shadow .left{
    background-image:url(imagesCSS/shadow_top_left.jpg);
    background-position:bottom right;
    float:left;
}
#top_shadow .right{
    background-image:url(imagesCSS/shadow_top_right.jpg);
    background-position:bottom left;
    float:right;
}
#main_container{
    height:auto;
	width:800px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
    padding:0;
    background-image:url(imagesCSS/shadow_container.jpg);
	background-color:#ffffff;
}
#bottom_shadow{
    height:10px;
	width:800px;
	margin-top:0;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
    padding:0;
    background-image:url(imagesCSS/shadow_bottom.jpg);
    background-repeat:repeat-x;
    background-position:top left;
}
#bottom_shadow .left, #bottom_shadow .right{
    height:10px;
	width:10px;
	margin:0;
    padding:0;
    background-repeat:repeat-x;
}
#bottom_shadow .left{
    background-image:url(imagesCSS/shadow_bottom_left.jpg);
    background-position:top right;
    float:left;
}
#bottom_shadow .right{
    background-image:url(imagesCSS/shadow_bottom_right.jpg);
    background-position:top left;
    float:right;
}

/* TOP BAR */
#top_bar{
    background-image:url(imagesCSS/design_uk_london_bgstrip.gif);
    background-repeat:repeat-y;
    background-position:top left;
    border-bottom:1px solid #9C9C9C;
    background-color:none;
    position:relative;
}
#top_bar #logo {
	width:100%;
	height:73px;
	margin:3px 0 10px 0;
	padding:0;
	border-width:0;
	/*background-image:url(imagesCSS/design_uk_london_logo.gif);
	background-repeat:no-repeat;
	background-position:top right;*/
    position:relative;
}
#top_bar #logo div {
	width:120px;
	height:73px;
	margin:0;
	padding:0;
	border-width:0;
    position:absolute;
    right:0;
    top:-5px;
}

/* MENU */
ul#menu{
    font-size:11px;
	color: #4D4D4D;
    text-align:center;
    list-style:none;
    padding:0;
    margin:0;
    border-top:1px solid #D4D5D1;
}
ul#menu li{
    display:inline;
}
ul#menu li a{
	color: #4D4D4D;
	text-decoration:none;
}
ul#menu li a:hover{
	color: #000000;
	text-decoration:none;
}

/* BIG CONTENT */
#content_border{
    height:100%;
    padding:10px 20px 10px 20px;
    margin:0;
}

/* CONTENT */
#content,#boxes_bottom{
    margin:0;
    padding:10px 50px 0 50px;
	background-color:#f2f2f2;
}
#content{
	/*background-image:url(imagesCSS/design_uk_london_address.gif);
	background-position:bottom right;
	background-repeat:no-repeat;*/
	position:relative;
	_height: 0;
    zoom: 1;
}
#content #vertical_copy {
    width:39px;
    height:327px;
    position:absolute;
    /*bottom:116px;*/
    bottom:1px;
    right:5px;
}
#content #flash{
	/*height:215px;*/
	margin:0;
	padding:0;
    background-color:#ffffff;
    border:1px solid #DADBD7;
}
td.spacer{
    width:9px;
}
td.spacer_height{
    height:10px;
}

/* COLUMNS */
.columns_template1 b, .columns_template2 b, .columns_template3 b, .columns_template4 b, .columns_template1 strong, .columns_template2 strong, .columns_template3 strong, .columns_template4 strong {
    font-weight:bold;
    color:#2BA8C4;
    padding:0;
}
.columns_template1 a, .columns_template2 a, .columns_template3 a, .columns_template4 a {
    color:#2BA8C4;
}
.columns_template1 a:hover, .columns_template2 a:hover, .columns_template3 a:hover, .columns_template4 a:hover {
    color:#000000;
}
.columns_template1 ul, .columns_template2 ul, .columns_template3 ul, .columns_template4 ul {
    margin:10px 0 10px 25px;
    padding:0;
}
.columns_template1 li, .columns_template2 li, .columns_template3 li, .columns_template4 li {
    margin:0 0 10px 0;
    padding:0;
}
.columns_template1, .columns_template2, .columns_template3, .columns_template4 {
    height:100%;
    margin:9px 0 0 0;
    background-repeat:repeat-y;
    border:none;
}
#faqs_container {
    margin:10px 0 0 0;
    padding:5px 0 0 0;
    background-color:#FFFFFF;
    border:solid 1px #dadbd7;
    border-width:1px 0 0 0;
    background-image:url(imagesCSS/back_columns_template4.gif);
    background-repeat:repeat-y;
}
#bottom_faqs {
    background-image:url(imagesCSS/design_uk_london_tri_lo.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
    height:40px;
}
.faq_header {
    font-size:11px;
    font-weight:bold;
    color:#2BA8C4;
    cursor:pointer;
    display:block;
    background-color:#FFFFFF;
    margin:5px 10px 0 10px;
}
.faq_content {
    font-size:11px;
    margin:2px 10px 0 10px;
    background-color:#FFFFFF;
    display:none;
    border:1px dotted #dadbd7;
    padding:5px;
}
.faq_content p {
    margin:0 0 10px 0;
}
.columns_template1 {
    background-image:url(imagesCSS/back_columns_template1.gif);
}
.columns_template2 {
    background-image:url(imagesCSS/back_columns_template2.gif);
}
.columns_template3 {
    background-image:url(imagesCSS/back_columns_template3.gif);
}
.columns_template4 {
    background-image:url(imagesCSS/back_columns_template4.gif);
}
#large_column1, #large_bottom1, #large_column {
    width:437px;
}
#large_column, #large_bottom {
    width:100%;
}
#column1, #column2, #column3 {
    width:214px;
}
#large_column2, #large_bottom2 {
    width:437px;
}
#column1, #large_column1, #large_column, #large_column, #column2, #large_column2, #column3 {
    border-style:solid;
    border-color:#dadbd7;
    border-width:1px 0 0 0;
    background:none;
    /*margin-bottom:20px;*/
}
#column3, #column2, #large_column2, #bottom3, #bottom2, #large_bottom2{
    margin-left:9px;
}
#bottom1, #bottom2, #bottom3 {
    width:214px;
}
#bottom1, #large_bottom1, #large_bottom, #bottom2, #large_bottom2, #bottom3 {
    border-style:solid;
    border-color:#dadbd7;
    border-width:0;
    background-image:url(imagesCSS/design_uk_london_tri_lo.gif);
    background-repeat:no-repeat;
    background-position:right bottom;
    position:relative;
    top:2px;
}
#column1, #large_column1, #large_column {
    float:left;
}
#column2, #column3, #large_column2 {
    float:left;
}
#bottom1, #large_bottom1, #large_bottom {
    float:left;
}
#bottom2, #large_bottom2, #bottom3 {
    float:left;
}
.bottom_corner {
    width:38px;
    height:38px;
    position:absolute;
    bottom:-1px;
    right:0;
    background-image:url(imagesCSS/bottom_corner.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
#column1 h1, #large_column1 h1, #large_column h1, #column2 h1, #large_column2 h1, #column3 h1, #bottom1 h1, #large_bottom1 h1, #large_bottom h1, #bottom2 h1, #large_bottom2 h1, #bottom3 h1 {
    height:20px;
    margin:10px;
    font-size:16px;
	font-weight:bold;
	color:#4D4D4D;
}
#column1 h1 a, #large_column1 h1 a, #large_column h1 a, #column2 h1 a, #large_column2 h1 a, #column3 h1 a, #bottom1 h1 a, #large_bottom1 h1 a, #large_bottom h1 a, #bottom2 h1 a, #large_bottom2 h1 a, #bottom3 h1 a {
    color:#4D4D4D;
    text-decoration:none;
}
#column1 h1 a:hover, #large_column1 h1 a:hover, #large_column h1 a:hover, #column2 h1 a:hover, #large_column2 h1 a:hover, #column3 h1 a:hover, #bottom1 h1 a:hover, #large_bottom1 h1 a:hover, #large_bottom h1 a:hover, #bottom2 h1 a:hover, #large_bottom2 h1 a:hover, #bottom3 h1 a:hover {
    color:#000000;
}
#column1 h2, #large_column1 h2, #large_column h2, #column2 h2, #large_column2 h2, #column3 h2, #bottom1 h2, #large_bottom1 h2, #large_bottom h2, #bottom2 h2, #large_bottom2 h2, #bottom3 h2, #block1 h2, #block2 h2, #block3 h2 {
    margin:10px 10px 5px 10px;
    font-size:12px;
    text-decoration:none;
	font-weight:bold;
	color:#2BA8C4;
}
#column1 h2 a, #large_column1 h2 a, #large_column h2 a, #column2 h2 a, #large_column2 h2 a, #column3 h2 a, #bottom1 h2 a, #large_bottom1 h2 a, #large_bottom h2 a, #bottom2 h2 a, #large_bottom2 h2 a, #bottom3 h2 a, #block1 h2 a, #block2 h2 a, #block3 h2 a {
    font-size:12px;
    text-decoration:none;
	font-weight:bold;
	color:#2BA8C4;
}
#column1 h3, #large_column1 h3, #large_column h3, #column2 h3, #large_column2 h3, #column3 h3, #bottom1 h3, #large_bottom1 h3, #large_bottom h3, #bottom2 h3, #large_bottom2 h3, #bottom3 h3, #block1 h3, #block2 h3, #block3 h3 {
    margin:0 10px 0 10px;
    font-size:11px;
	font-weight:normal;
	color:#000000;
}
#column1 p, #large_column1 p, #large_column p, #column2 p, #large_column2 p, #column3 p, #bottom1 p, #large_bottom1 p, #large_bottom p, #bottom2 p, #large_bottom2 p, #bottom3 p, #block1 p, #block2 p, #block3 p {
    margin:0 0 12px 0;
}
.blocks {
    clear:both;
    height:auto;
	background-color:#F2F2F2;
}
#block1, #block2, #block3 {
    width:212px;
    border:1px #dadbd7 solid;
    background-color:#FFFFFF;
    margin-top:11px;
}
#block1{
    float:left;
}
#block3,#block2{
    float:left;
    margin-left:9px;
}
#block1 img, #block2 img, #block3 img {
    float:right;
    margin:9px;
    border:none;
}

/* TABLES */
#content table{
    width:100%;
    margin:10px 0 0 0;
    padding:0;
    border-collapse:collapse;
}
#content table td.title{
    width:190px;
    padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#4D4D4D;
    background-color:#ffffff;
    border-top:1px solid #DADBD7;
    border-right:1px solid #DADBD7;
    border-left:1px solid #DADBD7;
    margin:0;
}
#content table td.content{
    vertical-align:top;
    padding:0 10px 0 10px;
    margin:0;
    background-color:#ffffff;
    border-right:1px solid #DADBD7;
    border-left:1px solid #DADBD7;
}
#content table td.content h1{
	font-size:12px;
	font-weight:bold;
	color:#2BA8C4;
    padding:0;
    margin:0 0 5px 0;
}
#content table td.content h2{
	font-size:11px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
    padding:0;
    margin:0;
}
#content table td.sub_title{
    height:39px;
    background-image:url(imagesCSS/design_uk_london_tri_lo.gif);
    border-left:1px solid #DADBD7;
    background-position:bottom right;
    background-repeat:no-repeat;
    margin:0;
    padding:0;
}
#content table td.sub_title h1{
    height:39px;
    line-height:38px;
	font-size:16px;
	font-weight:bold;
	color:#4D4D4D;
	padding:0 0 0 10px;
	margin:0;
}

/* BOXES BOTTOM */
#content td.content_boxes{
    vertical-align:top;
    padding:10px;
    background-color:#ffffff;
    border:1px solid #DADBD7;
    margin:0;
}
#content td.content_boxes h1{
	font-size:12px;
	font-weight:bold;
	color:#2BA8C4;
    padding:0;
    margin:0 0 5px 0;
}
#content td.content_boxes h2{
	font-size:11px;
	font-weight:normal;
	color:#000000;
    padding:0;
    margin:0;
}
#content td.content_boxes img{
    padding:0;
    margin:0 0 0 5px;
    float:right;
}

/* BOTTOM BAR GREY */
#bottom_bar{
    padding:5px 10px 5px 10px;
    font-size:10px;
    color:#ffffff;
    border-bottom:1px solid #636363;
    background-color:#B5B7AF;
	position:relative;
}
	#bottom_bar span{
	color:#FFFFFF;
	position:absolute;
	right:52px;
	top:12px;
}

/* BAR INFOS */
#bar_infos{
    height:85px;
    background-color:#F2F2F2;
    position:relative;
}

/* INFOS */
.infos{
	width:500px;
    background-image:url(imagesCSS/design_uk_london_tri_small.gif);
    background-repeat:no-repeat;
    background-position:top left;
    position:absolute;
	top:20px;
	left:30px;
}
.infos h1, .infos h2{
	font-size: 11px;
	font-weight: normal;
    padding:0;
}
.infos h1{
    margin:0 0 0 22px;
	color: #2BA8C4;
}
.infos a{
	color: #2BA8C4;
	text-decoration:none;
}
.infos h2{
	color: #000000;
	text-align:justify;
    margin:4px 0 0 22px;
}

#portfolio {
    background-color:#FFFFFF;
    border:1px solid #DADBD7;
    margin:10px 0 0 0;
}
script, object {
    margin:0;
    padding:0;
}
object {
    display:block;
}

ul#sub_nav {
    list-style:none;
    margin:25px 0 0 10px;
    padding:0;
}
ul#sub_nav li.sub_menu {
    padding:0;
    margin:0;
}
ul#sub_nav a {
    display:block;
    margin:0 10px 3px 0;
    padding:0 3px;
    color:#555555;
    text-decoration:none;
    font-size:12px;
    background-image:url(imagesCSS/grey_triangle.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
}
ul#sub_nav a:hover {
    background-color:#2BA8C4;
    background-image:url(imagesCSS/white_triangle.gif);
    color:#FFFFFF;
}
#breadcrumbs {
    color:#4D4D4D;
    background-color:#FFFFFF;
    border:1px solid #DADBD7;
    margin:10px 0 0 0;
    font-size:9px;
    padding:2px 4px;
}
#breadcrumbs a, #breadcrumbs span {
    color:#4D4D4D;
    font-size:11px;
}
#breadcrumbs a {
    text-decoration:none;
}
#breadcrumbs a:hover {
    color:#000000;
}

/* PRODUCTS */
#product_image, #product_details {
    color:#4D4D4D;
    background-color:#FFFFFF;
    border:1px solid #DADBD7;
}
#product_image {
    height:360px;
    line-height:360px;
    margin:0 auto;
    text-align:center;
    margin:0 0 10px 0;
}
#product_image img {
    margin:0 auto;
    vertical-align:middle;
}
#product_details {
    padding:3px;
    background-image:url(imagesCSS/dotted_product_details.gif);
    background-repeat:repeat-y;
    background-position:130px 0;
}
span.left {
    width:103px;
    text-align:right;
    display:block;
    font-size:11px;
    color:#000000;
    margin:0 10px 5px 0;
    padding:0 20px 0 0;
    float:left;
    background-image:url(imagesCSS/blue_triangle.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
    color:#4D4D4D;
}
span.right {
    display:block;
    width:500px;
    float:left;
    color:#000000;
    font-size:11px;
    margin:0 0 5px 0;
}
span.right a {
    color:#000000;
}
span.right a:hover {
    color:#555555;
}

#txtNewsletterSignup {
    width:150px;
    height: 12px;
    position:relative;
    top:1px;
    border-top: 1px solid 9c9c9c;
    border-left:1px solid #F2F2F2;
    /*background-image: url(imagesCSS/newsletterSignUpBoxMini.jpg);*/
    background-color: #FFFFFF;
    font-size: 10px;
    color: #000000;
    padding: 0 10px 0 5px;
}

#txtNewsletterSignupMini {
    width:150px;
    height: 12px;
    position:relative;
    top:1px;
    border-top: 1px solid 9c9c9c;
    border-left:1px solid #F2F2F2;
    /*background-image: url(imagesCSS/newsletterSignUpBoxMini.jpg);*/
    background-color: #FFFFFF;
    font-size: 10px;
    color: #000000;
    padding: 0 10px 0 5px;
}

.inputFrontend {
    width:300px;
    border-top: 1px solid #9c9c9c;
    border-left:1px solid #F2F2F2;
    border-right:1px solid #F2F2F2;
    border-bottom:1px solid #F2F2F2;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: inherit;
    color: #000000;
    padding: 0 10px 0 5px;
}

#cmdAddMe {
    height: 14px;
    position:relative;
    top:0px;
    border-top: 1px solid #322a2c;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    background-color: #231f20;
    font-size: 9px;
    font-family: arial;
    font-weight:bold;
    color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

a.textLink {
    color: #000000;
    text-decoration: underline;
}
a.textLink:hover {
    color: #000000;
    text-decoration: underline;
}

#site_map {
	list-style:none;
}
#site_map li  {
	margin:0px;
	padding:0px;
}
#site_map li a {
	font-size:10px;
}
.bottom_bar_sitemap {
	color:#FFFFFF;
	position:absolute;
	right:8px;
	text-decoration:none;
	top:12px;
}
.bottom_bar_sitemap:hover {
	text-decoration:underline;
}
.bottom_bar_news {
	color:#FFFFFF;
	position:absolute;
	right:60px;
	text-decoration:none;
	top:12px;
}
.bottom_bar_news:hover {
	text-decoration:underline;
}

/************CLIENTS***************/

ul.gallery {
	/**width: 708px;*/ /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin:0 3px -1px 0; 
	padding: 0;
	text-align: center;
	/*border: 1px solid #ccc;*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 204px; /*--Width of image--*/
	height: 182px; /*--Height of image--*/
	padding: 5px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 204px;
	height: 182px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

.client_container{
	position:relative;
	margin-left:4px;
}
/**************CLIENTS TOOLTIP************************/
#tt {
 position:absolute;
 display:block;
 background:url(images/tt_left.gif) top left no-repeat;
 font-size:11px;
 }
 #tt b{
 	font-size:14px;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(images/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
 #ttcont {
 display:block;
 padding:2px 12px 3px 7px;
 /*margin-left:5px;*/
 background:#666;
 color:#fff;
 }
#ttbot {
display:block;
height:5px;
/*margin-left:5px;*/
background:url(images/tt_bottom.gif) top right no-repeat;
overflow:hidden;
}