/* ================================================================ 
Copyright (c) 2009 Pixelsix Limited. All rights reserved.
This stylesheet and the associated html MAY NOT be modified in any way.
You may use elements of this stylesheet, but all instances must include a 
link back to pixelsix.com and a credit to the author.

Website: carolinelaw.co.uk
Author: Ashley, Pixelsix.com
================================================================= */

/* Mass Reset & Body Styles ===================================== */
* {margin:0; padding:0;border:0;outline:0;}

body {font-size: 62.5%;color:#000;font-family:Arial, Helvetica, sans-serif; background:#000; /*background:#f6f6f6;*/}

/* Type ================================================== */
p{font-size:13px; font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.6em;}
h1 {font-family:'myriad pro', Arial, Helvetica, sans-serif; font-size: 36px;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.4em; margin:0 20px 10px;}
h2 {font-family:'myriad pro', Arial, Helvetica, sans-serif; font-size:24px;color:#4c4c49; font-weight:normal; margin:0 0 15px;}
h2 span {color:#d3222a;}

/* Generic UL, LI ========================================= */
ul, ul li {list-style-type:none;}
ul {text-align:left;margin:0;padding:0; overflow:auto;}
li {float:left; font-size:13px;}

/* Generic links ========================================= */
a {color:#d3222a; text-decoration:none;}
a:hover {text-decoration:underline;}

/* Generic Form Elements ================================= */
label {line-height:20px; float:left; display:block;color:#fff; font-weight:bold; text-align:right; width:50px; margin-right:10px; font-size:12px;}
input {float:left; border:1px solid #c8c8c8; padding:3px; font-size:11px; width:185px; margin-bottom:5px; moz-border-radius:5px; }
.BigInput {height:90px;}
p.HelpText {width:175px; margin-left:60px; font-size:10px; line-height:12px; color:#efefef;}
.FormRow {overflow:hidden; height:100%; margin-bottom:10px; clear:both;}
.FormRow .button {margin-left:51px; text-indent:-9999px; background:url(../images/button.png) no-repeat; padding:10px 0; cursor:pointer; display:block; border:0;}
.FormRow .button:hover {margin-left:51px; text-indent:-9999px; background:url(../images/button-hover.png) no-repeat; padding:10px 0; cursor:pointer; display:block; border:0;}

li label {color:#000;}
li p.HelpText {color:#bfbfbf;}

.formContactPage {margin-top:5px;padding:10px; width:260px; background:url(../images/contact-grad.jpg) repeat-x #2b9ff1;}

/* Generic Styles ========================================= */
.right {float:right;}

/* Content ====================================== */

#GlobalWrapper {width:970px; margin:0 auto 20px; padding:0 10px 10px; border:1px solid #ececec; border-top:0; background:#fff;}

/* Head Home == */
#headerwrapper {background:url(../images/background.jpg) no-repeat 0 0; border-top:5px solid #312f2a; padding:0 20px;}
/*#headerhome {overflow:hidden; height:100%; position:relative;}*/
#headerhome img.logo {margin:10px 0 30px; float:left;}
#headerhome img.Caroline {position:relative; bottom:-40px; left:405px;}
#headerhome h1 {color:#fff; float:left; width:800px; position:absolute; top:180px; margin-left:80px;}
#headerhome h1 span {color:#f9f3bd;}
#headerhome p {float:right; padding:2px 10px; background:#312f2a;}
#headerhome p span {color:#d3222a;}
#headerhome p a {color:#fff; text-decoration:none; display:block;}
/*
#headerhome ul {width:750px; overflow:auto; height:100%; float:left;}
#headerhome ul li {float:left; font-size:24px; padding:0 0 7px; margin-right:50px;}
#headerhome ul li:hover {border-bottom:5px solid #fff;}
#headerhome ul li a {color:#fff; text-decoration:none;}
#headerhome ul li.current {border-bottom:5px solid #fff;}
#headerhome ul li.current a { color:#050507;}

#headerhome ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
#headerhome ul li:hover ul, #headerhome ul li a:hover ul {visibility:visible;}

ul.ExpertiseHome {display:none; background:#f6f6f6;margin:0; position:relative; overflow:auto; height:100%; padding:10px 20px 0;}
ul.ExpertiseHome li a{font-size:11px; font-weight:bold; color:#9a9696; margin-right:12px; text-decoration:none;}
ul.ExpertiseHome li a:hover {color:#262626;}
ul.ExpertiseHome li.current a {color:#262626;}

ul.ExperienceHome {display:none; background:#f6f6f6;margin:0; position:relative; overflow:auto; height:100%; padding:10px 20px 0;}
ul.ExperienceHome li a{font-size:11px; font-weight:bold; color:#9a9696; margin-right:12px; text-decoration:none;}
ul.ExperienceHome li a:hover {color:#262626;}
ul.ExperienceHome li.current a {color:#262626;}
*/

/* Head Internal == */
ul.subnav {margin:0 0 20px; position:relative; overflow:auto; height:100%; border:0; padding:10px 20px 0;}
ul.subnav li a{font-size:11px; font-weight:bold; color:#9a9696; margin-right:12px; text-decoration:none;}
ul.subnav li a:hover {color:#262626;}
ul.subnav li.current a {color:#262626;}

#headerinternal {position:relative; overflow:hidden; height:100%;}
#headerinternal img.logo {margin:10px 0 30px; float:left;}
#headerinternal p {float:right; padding:2px 10px; background:#312f2a;}
#headerinternal p span {color:#d3222a;}
#headerinternal p a {color:#fff; text-decoration:none; display:block;}
#headerinternal ul {width:750px; overflow:auto; height:100%; float:left;}
#headerinternal ul li {float:left; font-size:24px; padding:0 0 7px; margin-right:50px;}
#headerinternal ul li:hover {padding-bottom:5px;}
#headerinternal ul li a {color:#fff; text-decoration:none;}
#headerinternal ul li a:hover {color:#050507; text-decoration:none;}
#headerinternal ul li.current {padding-bottom:5px;}
#headerinternal ul li.current a { color:#050507;}

.OneKeyPoint {background:#f6f6f6; border-top:1px solid #ececec; border-bottom:1px solid #ececec; position:relative; top:-375px; margin-bottom:-375px;}
.OneKeyPoint ul {margin:0 auto; overflow:hidden; height:100%; padding:25px 20px;}
.OneKeyPoint ul li {width:650px; float:left; margin-right:10px;}
.OneKeyPoint ul li h2 {width:180px; float:left;}
.OneKeyPoint ul li img {float:left;}
.OneKeyPoint ul li p {clear:both; margin-bottom:10px;}

.TwoKeyPoints {background:#f6f6f6; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.TwoKeyPoints ul {margin:0 auto; overflow:hidden; height:100%; padding:25px 20px;}
.TwoKeyPoints ul li {width:440px; float:left; margin-right:35px;}
.TwoKeyPoints ul li {width:430px\9; margin-right:31px\9;}
.TwoKeyPoints ul li:last-child {margin-right:0;}
.TwoKeyPoints ul li h2 {width:180px; float:left;}
.TwoKeyPoints ul li h2.WideTitle {width:200px;}
.TwoKeyPoints ul li img {float:left;}
.TwoKeyPoints ul li p {clear:both;}

.FourKeyPoints {background:#f6f6f6; border-bottom:1px solid #ececec; position:relative; overflow:auto; height:100%;}
.FourKeyPoints ul {margin:0 auto; overflow:hidden; height:100%; padding:25px 20px;}
.FourKeyPoints ul li {width:219px; float:left; margin-right:12px;}
.FourKeyPoints ul li a {color:#333333;}
.FourKeyPoints ul li a:hover {text-decoration:none;}
.FourKeyPoints ul li:last-child {margin-right:0;}
.FourKeyPoints ul li:last-child h2 {width:100px;}
.FourKeyPoints ul li h2 {width:160px; float:left;}
.FourKeyPoints ul li img {float:right;	margin-right:10px;}
.FourKeyPoints ul li p {clear:both;}

.WhatWeDoPullout {background:#f6f6f6; border-top:1px solid #ececec; border-bottom:1px solid #ececec; position:relative; top:0; margin-bottom:0;}
.WhatWeDoPullout ul {margin:0 auto; overflow:hidden; height:100%; padding:25px 20px;}
.WhatWeDoPullout ul li {float:left; margin-right:10px;}
.WhatWeDoPullout ul li h2 {width:130px; float:left;}
.WhatWeDoPullout ul li img {float:left;}
.WhatWeDoPullout ul li p {clear:both; margin-bottom:10px;}

.Content {margin:25px auto 20px; overflow:auto; height:100%; padding:0 10px 0 20px;}
.ContentColOne {width:630px; float:left; margin-right:10px;}
.ContentColOne ul {padding:0 0 20px;}
.ContentColOne ul li{float:none; padding:0 0 0 25px; background:url(../images/li.png) no-repeat 0 6px; line-height:28px;}
.Content p {margin-bottom:20px;}
.ContactForm p {margin-bottom:5px;}
ul.OurExperts li{overflow:auto; padding:0; background:none; margin-bottom:15px;}
ul.OurExperts li img{float:left; margin-right:15px;}
ul.OurExperts li p {margin:0;}

.ContactForm {background:#262626; float:right; width:260px; padding:15px;}
.ContactForm h2 {color:#f9f3bd;}

.Footer {background:#262626; color:#6e6e6e;}
.Footer ul {margin:0 auto; padding:15px 20px 13px;}
.Footer ul li {margin-right:10px;}
.Footer ul li:last-child {margin-right:0;}
.Footer ul li a {color:#6e6e6e;}

/* Others =============================================== */
.CarolineInternal {margin:0 auto; padding:0 20px; display:block; position:relative; z-index:999; text-align:right;}
.CarolineInternal img {position:relative; top:-45px;}

/* Error highlight ====================================== */
.highlight {border:1px solid #FF0000;}

.Footer ul li.social		{	margin-top:6px;	margin-right:6px;	float:right;	}
.Footer ul li.social-first	{	margin-right:20px;	}