/* Vale of Glamorgan DEFAULT SCREEN STYLESHEET 1.css (c)           */
/* 3/4/10 added margin-left: auto;margin-right: auto;  to features */
/* .toprow margin:5px #row1 padding changed 20 > 2px               */
/* --------------------------------------------------------------  */

body{
	margin:0;
	padding:0;
	border:0;
	border-top:#c3cfd5 5px solid;
	font-size:100.1%;
	font-family: Verdana, Geneva, sans-serif;
	background:#f6f7f8;
	text-align:center;
}

/* generics */

* {list-style:none;margin:0;padding:0;}
a {color:#0068a4;text-decoration:none;outline:none;}
a:link{color:#08a}
a:visited{color:#08a;/*#679;*/}
a:hover,a:active{color:#F00;}
a:link.active,a:visited.active,a:hover.active,a:active.active{color:#909;text-decoration:none;}

a[rel~="external"]{padding-right:16px;background:#fff url(../images/bg_a_rel_external.gif) right no-repeat;}

.hide, p.rss em{position:absolute;left:-9999px;text-align:left;}

h1{
	color:#b88400;
	background:#fff;
	font-size:1.5em;
	font-weight:300;
	line-height:1em;
	margin:0;
	padding:0.7em 0 1.5em 0;
}
h2{font-size:1.3em;font-weight:300;font-style:italic;letter-spacing:-0.05em;color:#525;margin:0;padding:0.5em 0;}
h3{font-size:1em;font-weight:900;font-style:italic;color:#525;margin:0;padding:0.25em 0;}
h4{font-size:1em;font-weight:900;}

/* Forms */

blockquote{margin-left:2.75em;padding:0;border-left:2px solid #ccc;font-weight:900;}
cite{font-size:0.9em;margin-left:3em;}
cite:before{content: "- "}

form{margin:1em 0;padding:0;}
fieldset{
border:0;
margin-left:2.75em;
padding:0;
}
legend{
color:#525;
font-weight:900;
}
form div, form p{
display:block;
margin-bottom:0.66em;
}
form div label{
display:block;
float:left;
width:15%;
text-align:right;
}
form div input,form div textarea{
width:75%;
margin-left:4%;
font:1em 'times new roman',serif;
background:#f6f6f6;
color:#000;
border:1px solid #ddd;
}
form p{
margin:0.66em 0;
padding-left:14%;
}

#col1 p.top{margin:0 1.75em;}
#col4 p.top{margin-left:3.25em;}
#col5 p.top{padding-top:0;border:0;}
p.moreinformation{border-top:1px solid #eee;padding-top:1em;}
p.browse{padding-left:25px;background:#fff url(../images/bg_p_browse.gif) top left no-repeat;}
hr{display:block;clear:both;visibility:hidden;}
abbr{cursor:help;}

img.imgright{float:right;margin:1.3em 0 1em 1.5em;}
img.imgleft{float:left;margin:0.75em 1.5em 1em 0;}

blockquote{margin-left:2.75em;padding:0;border-left:2px solid #ccc;font-weight:900;}
cite{font-size:0.9em;margin-left:3em;}
cite:before{content: "- "}

/* container */
.form-container {}
.form-container #container {background:none;border-width:0;margin-top:20px;text-align:left;width:600px;}
.form-container #header {text-align:center;}
.form-container #header h1 {float:none;}
.form-container .form {background:#FFF;border:#bfd8ea 1px solid;}
.form-container #footer {text-align:center;}
#container {background:#FFF;border:#bfd8ea 1px solid;
margin:0 auto;						/*Center container on page*/
padding:20px;text-align:left;
width:920px; 						/* Width of main container*/
}

/* Header */

#header {height:55px;					/*Height of top section*/
position:relative;}
#header h1 {float:left;}
#header span.beta {
	background:#e0f1fb;
	color:#7a92a0;
	display:block;
	padding:3px 5px;
	position:absolute;
	left:14px;
	text-shadow:#FFF 0 1px 0;
	top:2px;
}
#header ul {float:right;}
#header ul li {display:inline;font-size:18px;line-height:40px;margin-left:15px;}
#header ul li a {color:#3e4951;}
#header ul li.selected a,
#header ul li a:hover {color:#F00;}

/* features */

 #features {margin-left: auto;margin-right: auto; }
 #features.sub {padding-top:20px;}
/* #features.sub {border-top:#d7e7f1 4px solid;padding-top:20px;}*/
/* #features.sub li {border-bottom:#EBEBEB 1px solid;height:155px;margin-bottom:20px;}*/
 #features.sub li {border-bottom:#EBEBEB 1px solid;margin-bottom:20px;}
 #features.sub li p {font-size:1.1em;text-align: left; }
 #features.sub .g3_1 span {display:block;color:#999;font-size:11px;padding:2px 0 0 0;text-align:left;}
 #features.sub .g3_1 a:hover span {color:#0068a4;}
 #features.g5_3 li {float:left;height:110px;padding-left:55px;width:212px;}
 #features.g5_3 li.left {margin-right:10px;}
 #features h3 {color:#0068a4;font-size:18px;font-weight:normal;margin:0 0 3px 0;}
 #features h4 {color:#0068a4;font-size:16px;font-weight:normal;margin:0 0 3px 0;}
 #features h5 {color:#0068a4;font-size:14px;font-weight:normal;margin:0 0 3px 0;}

 #features p {color:#575d64;font-size:12px;line-height:1.3;}
 #features img {border-width:0;}

/* Row1 */

#row1 {background:#e0f0fb;border:#d7e7f1 1px solid;margin-bottom:5px;padding:2px;position:relative;z-index:1;}
#row1 li {height:200px;}
.actions {background:#f1f8fc;bottom:-72px;height:57px;left:-1px;padding:13px 0 0 40px;position:absolute;width:882px;z-index:2;}
#row1 .tab-content {display:none;}
#row1 .tab-content .tab-content_body {position:relative;z-index:3;}
#row1 .tab-content.active {display:block;}
#row1 .tab-content p {color:#697f8f;font-size:18px;font-weight:normal;left:20px;line-height:1.4;position:absolute;width:390px;text-shadow:#FFF 0 1px 0;}
#row1 .tab-content img {border-width:0;position:absolute;z-index:3;}

/* Row2 */
#row2 {}
    #row2 h4 {border-bottom:#EBEBEB 1px solid;color:#707d89;font-size:13px;font-weight:normal;margin-bottom:10px;padding-bottom:3px;text-transform:uppercase;}
/* Row3 */

#row3 {border-top:#d7e7f1 4px solid;padding-top:10px;}



/* navigation, goggles, masthead, crumbs, foot */

#footer {color:#333;font-size:13px;padding:10px 20px;text-align:center;}

a#skip{display:block;width:100%;position:absolute;top:0;left:0;padding:0.2em 0 0.3em 0;font: 900 0.6em verdana,sans-serif;text-transform:uppercase;text-decoration:none;}
a#skip:link,a#skip:visited{color:#f6f6f6;background:transparent;}
a#skip:hover,a#skip:focus,a#skip:active{color:#cdecf3;background:#166e9e;}


/* content text */

 .g4, .g4, .g3 {position:relative;}
  .g5>div, .g5>li {float:left;margin:0 0 0 20px;}
  .g5>div:first-child, .g5>li:first-child {margin:0;}
  .g5_1 {width:168px;}
  .g5_2 {width:356px;}
  .g5_3 {width:544px;}
  .g5_4 {width:732px;}
  .g5_5 {width:880px;}

  .g4>div, .g4>li {float:left;margin:0 0 0 20px;}
  .g4>div:first-child, .g4>li:first-child {margin:0;}
  .g4_1 {width:215px;}
  .g4_2 {width:450px;}
  .g4_3 {width:685px;}
  
  .g3>div, .g3>li, .g3>ul {float:left;margin:0 0 0 20px;}
  .g3>div:first-child, .g3>li:first-child, .g3>ul:first-child {margin:0;}
  .g3_1 {width:293px;}
  .g3_2 {width:606px;}
  .g3_3 {width:275px;}
  .g3_4 {width:550px;}  
.goo {width:450px;font-family: Arial; font-size: small;background-color: #CCCCFF;}

/*-- BODY CONTENT --*/
  .body-content {display:inline;float:right;text-align:left;}
  .body-content h2 {color:#166e9e;font-size:22px;font-weight:normal;margin-bottom:15px;}
  .body-content h3 {border-bottom:#EBEBEB 1px solid;color:#999;font-size:18px;font-weight:normal;margin-bottom:10px;padding:0 0 5px 0;}
  .body-content h4 {color:#0068a4;font-size:15px;font-weight:normal;line-height:1.4;margin-bottom:10px;}
  .body-content p {color:#44484a;line-height:1.35;margin:0 0 10px 0;}
  .body-content ul {color:#44484a;font-size:18px;line-height:1.3;list-style:circle;margin:0 0 0 10px;}
  .body-content ul li {margin:0 0 8px 10px;background: #fff url(../images/morg.gif) top left no-repeat;}
  .body-content p.address {background:#f7f7f7;border:#EBEBEB 1px solid;color:#666;font-size:12px;line-height:1.5;padding:7px 10px 10px 10px;} 
  .body-content p.address strong {color:#44484a;margin-bottom:4px;}
  .body-content p.address img {float:left;margin:3px 10px 0 0;}
  .body-content p.address span {display:block;margin:5px 0 0 59px;}
 
/*-- BODY CONTENT --*/
  .goo-content {display:inline;float:right;text-align:left;}
  .goo-content a,a:link,a:link.active,a:visited.active,a:hover.active,a:active.active {color:#909;text-decoration:none;outline:none;} 
  .goo-content h2 {color:#166e9e;font-size:22px;font-weight:normal;margin-bottom:15px;}
  .goo-content h3 {border-bottom:#EBEBEB 1px solid;color:#999;font-size:18px;font-weight:normal;margin-bottom:10px;padding:0 0 5px 0;}
  .goo-content h4 {color:#0068a4;font-size:15px;font-weight:normal;line-height:1.4;margin-bottom:10px;}
  .goo-content p {width:350px;color:#44484a;line-height:1.35;margin:0 0 10px 0;}
  .goo-content ul {color:#44484a;font-size:12px;line-height:1.3;list-style:circle;margin:0 0 0 10px;}
  .goo-content ul li {margin:0 0 8px 10px;}
  .goo-content p.address {background:#f7f7f7;border:#EBEBEB 1px solid;color:#666;font-size:12px;line-height:1.5;padding:7px 10px 10px 10px;} 
  .goo-content p.address strong {color:#44484a;margin-bottom:4px;}
  .goo-content p.address img {float:left;margin:3px 10px 0 0;}
  .goo-content p.address span {display:block;margin:5px 0 0 59px;} 
a:link{color:#08a}
a:visited{color:#08a;/*#679;*/}
a:hover,a:active{color:#F00;}
a:link.active,a:visited.active,a:hover.active,a:active.active{color:#909;text-decoration:none;}


/* 2 column format */
body.twocol .panel {font-size:.85em;}
body.twocol .panels .hoverme {width:48%; margin:1%; float:left;}

.contact-cta {background: #FFE49C; padding: 10px 15px; font-size: 1.2em; border-bottom: 8ex; display: block; margin-bottom: 8ex;}
.contact-cta span {display: block;}
.contact-cta span.guarantee {font-size: 0.8em; font-style: italic; color: #666}
.contact-cta:hover {text-decoration: none;}

.newsletter {border: 6px solid #FFE49C; padding: 0 10px; font-size: 0.8em; margin-top: 1em; -moz-border-radius: 15px; -webkit-border-radius: 15px;}

.article-sections, .quote-intro, .company-address {margin:4ex 0;}
.search-bar {margin-bottom:4ex;}

.article-sections {line-height:180%;}
.article-sections ul, .article-sections ul li {display:inline; margin:0 .3em; padding:0;}
.article-sections a {padding:.5ex .5em; background:#ffe49c; color:#333;}

.twocol .quote {background:#eee url(../images/quotemark.gif) top left no-repeat; padding:16px 24px; clear:left;}
.twocol blockquote {font-style:italic; font-size:.9em;}
.twocol cite {font-size:.8em; font-weight:bold; text-align:right; display:block; padding-top:.45em; color:#444;}

.articles .quote {background:url(../images/quote-tail.gif) bottom left no-repeat; padding:0 0 18px;}
.articles .quote q, .articles .quote cite {background:#ffe49c; display:block; color:#333;}
.articles .quote a {color:#333;}
.articles .quote a:hover {background:#ffe47c;}
.articles .quote q {-moz-border-radius-topleft:15px; -webkit-border-top-left-radius:15px; -moz-border-radius-topright:15px; -webkit-border-top-right-radius:15px; padding:22px; padding-bottom:10px; font-size:1.1em; font-style:italic;}
.articles .quote cite {-moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; font-style:normal; font-size:.75em; font-weight:bold; padding:0 0 22px 22px;}




/* Alternative content layers */

#wrap{height:1%;/*IE6Win*/margin:0 auto;padding-top:1em;background:#fff url(../images/bg_wrap_.gif) top center repeat-y;}
#wrap,#crumbs {max-width:58em;width:expression(document.body.clientWidth > 930? "930px" : "auto");}

#col1,#col2,#col3,#col4,#col5,#col6{display:inline;float:right;text-align:left;}
#col1{padding-right:2%;border-left:1px solid #c7cfcf;}
#col2{background:#fff url(../images/bg_cta_treatment.jpg) top right no-repeat;}
div#col1.col1strip{border-left:0;width:45%;}
#col3{margin-right:3%;background:#fff url(../images/bg_cta_apps.jpg) top left no-repeat;}
#col2,#col3{;margin-right:3%;}
#col4{margin-right:6%;border-left:1px solid #c7cfcf;font-size:1.4em;
}

#contents{float:right; width:30%; margin:1.75em 0 1em 1.5em;border-bottom:1px solid #eee;border-left:1px solid #eee;background:#fff url(../images/bg_contents.jpg) bottom left no-repeat;}
#col5{;margin-right:5%;}
#col6{width:44%;margin-right:3%;border-right:1px solid #c7cfcf;}
#col6 h2,#col6 p{margin-right:8%;}

/* content text */

#col1 h1{margin:0 0.75em;padding:0.25em 0 0.5em 0;border-bottom:1px solid #ddd;letter-spacing:-0.05em;}
#col1 h1.introduction{font-size:1.3em;padding:0.5em 0 1em 0;letter-spacing:0;}
div#col1.col1strip h1,div#col1.col1strip fieldset{margin-left:0;}
#col1 h2{margin:0.5em 0.75em;padding:0 0 0.5em 0;border-bottom:1px solid #eee;font-size:1.3em;}
#col1 dl{margin:1em;}
#col1 dt{font-size:1.2em;margin:1em 0 0.1em 0;padding-left:25px;background: #fff url(../images/bg_dt.gif) top left no-repeat;}
#col1 dd{margin:0 0 0 25px;padding-bottom:0.5em;font-size:105%;}
#col1 dd.datetime, #col4 dd.datetime, #col4 p.datetime,p.synopsis{font-style:italic;font-size:0.65em;color:#525;}
#col1 p{margin-left:1.5em;}

#col3 h2#apps a:hover{color:#321;text-decoration:underline;}
p strong.tel{color:#525;}

#col3 h2{padding:0;}
#col3 dd{margin-left:16px;}
#col3 p.aboutus{padding-bottom:1em;border-bottom:1px solid #eee;}
#col3 dd{font-style:italic;padding-bottom:0.5em;font-size:0.9em;color:#525;}
#col3 ul{border-bottom:0;}
#col3 ul li{margin:0.25em 0;}

#col3 ul li,#col3 dt,#col5 ul li{background: #fff url(../images/bg_li_525.gif) top left no-repeat;}
#col3 dt{padding-left:16px;margin-top:0.5em;}

#contents h2{border:0;font-size:0.9em;font-style:normal;font-weight:900;text-transform:uppercase;margin:0 0 0 1.25em;padding:0;}
#contents ul{list-style:none;margin:0.5em 0 1.25em 1.25em;padding:0;}
#contents ul li{font-size:0.9em;}

#col4 h1{margin-left:1em;font-weight:300;letter-spacing:-0.05em;padding:0.25em 0 0.5em 0.4em;background: #fff url(../images/bg_h1.gif) top left no-repeat;}
#col4 h2{margin-left:2em;border-top:1px solid #c7cfcf;border-bottom:1px solid #eee;}
#col4 h2 a{text-decoration:none;}
#col4 h3{font-style:normal;margin-left:2.75em;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#col4 h4{font-style:normal;margin-left:2.75em;}
#col4 p{margin-left:2.75em;line-height:1.5em;color:#444;}
#col4 p.datetime{margin:0 0 0.25em 3.1em;border-top:3px double #eee;border-bottom:1px solid #eee;}
#col4 dl{margin:0 0 1em 2.75em;padding:0.33em 0;line-height:1.4em;}
#col4 dt{color:#b88400;font-size:1.2em;font-weight:300;margin:1em 0 0.5em 0;padding-left:0.75em;background: #fff url(../images/bg_li.gif) top left no-repeat;}
#col4 dl.articles{border-bottom:1px solid #eee;}
#col4 dl.articles dt{background: #fff url(../images/bg_dt.gif) top left no-repeat;padding-left:1.25em;}
#col4 dd{color:#444;margin:0.33em 0 0.66em 1em;}
#col4 dl.articles dd{margin-left:1.5em;}
#col4 dl.articles dd.datetime{margin-top:-0.66em;margin-left:1.9em;}
#col4 dd.external{font-size:0.85em;margin:0.33em 0 0.66em 1.25em;}
#col4 dl.indentdd{padding-top:0;}
#col4 dl.indentdd dd{margin:0.33em 0 0.33em 1.5em;padding-left:16px;background: #fff url(../images/bg_li_525.gif) top left no-repeat;}
#col4 ol{margin:1.5em 4em;padding:0;}
#col4 ol li{margin:0.5em 0;}
#col4 ul{list-style:none;margin:1.5em 0.75em;padding:0;}
#col4 ul li{margin-left:2.75em; padding-left:16px;}
#col4 dd ul{list-style:circle;margin:1em 2em;}
#col4 dd ul li{background:none;padding:0;margin:0;}

#col5 dl{margin:1em 0;padding-bottom:0.75em;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#col5 dt{font-size:1em;margin:0.75em 0 0.2em 0;}
#col5 dd{font-size:0.9em;font-style:italic;margin:0;padding-bottom:0.25em;color:#525;background:#fff;}
#col3 dd{font-style:italic;padding-bottom:0.5em;font-size:0.9em;color:#525;}
#col5 h2{padding:0;line-height:1.1em;}
#col5 div.headlines dl{border-bottom:0;margin-bottom:0;}
#col5 div.headlines p{margin-top:0;padding-bottom:1.5em;border-bottom:1px solid #eee;}

/*-- Meetings --*/

.meet {color:#575d64; position: relative; width: 550px; height: 200px;border: 6px solid #FFE49C;padding-left:50px; font-size: 1.0em; margin-top: 1em; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.cell_1_1 {position: absolute; left: 10px; top: 0px; width: 300px; height: 20px;}
.cell_1_2 {position: absolute; left: 300px; top: 0px; width: 300px; height: 20px;}
.cell_2_1 {position: absolute; left: 10px; top: 20px; width: 300px; height: 20px;}
.cell_2_2 {position: absolute; left: 300px; top: 20px; width: 300px; height: 20px;}
.cell_3_1 {position: absolute; left: 10px; top: 40px; width: 300px; height: 20px;}
.cell_3_2 {position: absolute; left: 300px; top: 40px; width: 300px; height: 20px;}
.cell_4_1 {position: absolute; left: 10px; top: 60px; width: 300px; height: 20px;}
.cell_4_2 {position: absolute; left: 300px; top: 60px; width: 300px; height: 20px;}
.cell_5_1 {position: absolute; left: 10px; top: 80px; width: 300px; height: 20px;}
.cell_5_2 {position: absolute; left: 300px; top: 80px; width: 300px; height: 20px;}
.cell_6_1 {position: absolute; left: 10px; top: 100px; width: 300px; height: 20px;}
.cell_6_2 {position: absolute; left: 300px; top: 100px; width: 300px; height: 20px;}
.cell_7_1 {position: absolute; left: 10px; top: 120px; width: 300px; height: 20px;}
.cell_7_2 {position: absolute; left: 300px; top: 120px; width: 300px; height: 20px;}
.cell_8_1 {position: absolute; left: 10px; top: 140px; width: 300px; height: 20px;}
.cell_8_2 {position: absolute; left: 300px; top: 140px; width: 300px; height: 20px;}
.cell_9_1 {position: absolute; left: 10px; top: 160px; width: 300px; height: 20px;}
.cell_9_2 {position: absolute; left: 300px; top: 160px; width: 300px; height: 20px;}
.cell_10_1 {position: absolute; left: 10px; top: 180px; width: 300px; height: 20px;}
.cell_10_2 {position: absolute; left: 300px; top: 180px; width: 300px; height: 20px;}

/*-- Times --*/

.times {color:#575d64; position: relative; width: 450px; height: 50px;border: 6px none;padding-left:50px; font-size: 1.0em; margin-top: 1em; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.cell_1_1 {position: absolute; left: 10px; top: 0px; width: 500px; height: 20px;}
.cell_2_1 {position: absolute; left: 10px; top: 20px; width: 500px; height: 20px;}
.cell_3_1 {position: absolute; left: 10px; top: 40px; width: 500px; height: 20px;}
.cell_4_1 {position: absolute; left: 10px; top: 60px; width: 500px; height: 20px;}
.cell_5_1 {position: absolute; left: 10px; top: 80px; width: 500px; height: 20px;}
.cell_6_1 {position: absolute; left: 10px; top: 100px; width: 500px; height: 20px;}
/*-- contacts--*/

.contacts {color:#575d64; position: relative; width: 600px; height: 50px;border: 6px none;padding-left:50px; font-size: 1.0em; margin-top: 1em; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.cell_1_1 {position: absolute; left: 10px; top: 0px; width: 600px; height: 20px;}
.cell_2_1 {position: absolute; left: 10px; top: 20px; width: 600px; height: 20px;}
.cell_3_1 {position: absolute; left: 10px; top: 40px; width: 600px; height: 20px;}
.cell_4_1 {position: absolute; left: 10px; top: 60px; width: 600px; height: 20px;}
.cell_5_1 {position: absolute; left: 10px; top: 80px; width: 600px; height: 20px;}
.cell_6_1 {position: absolute; left: 10px; top: 100px; width: 600px; height: 20px;}

/*-- CSS3 round corners --*/

  .rounded_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_top_5px {
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
  }
  .rounded_bottom_5px {
    border-bottom-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius-bottomleft:5px;
  }

/*-- Top row --*/
.toprow {margin:5px auto 3px auto;position:relative;text-align:right;width:875px;}
.toprow li {display:inline;font-size:13px;line-height:20px;margin-left:10px;}
.toprow li a {}
.toprow li.badge {position:absolute;left:225px;top:0;}

/* additional --*/
/* Style toggle text --*/

#st2 {
	DISPLAY: none
}
#st3 {
	DISPLAY: none
}
#st4 {
	DISPLAY: none
}
#st5 {
	DISPLAY: none
}

/*-- CLEARFIX When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. --*/

.clear:after {
  	content:".";
  	display:block;
  	height:0;
  	clear:both;
  	visibility:hidden;
  }