/* Homepage */
/* CSS Document */
/*HTML styles*/
body {background:transparent url(../images/template/bg_all.gif) repeat-y center; padding:0; margin:0; text-align:center;font:100% Arial, Helvetica, sans-serif; color:#555;z-index:1; }
h1, h2, h3 {display:none; margin:0; padding:0;}
legend {display:none;}
.heading1 {font-size:110%;}
.heading2 {font-size:120%; color:#000; display:block; padding:0;}
.heading3 {font-size:120%; color:#fc7222;}
.quote1 {background:url(../images/template/quote1.gif) no-repeat; width:7px; height:14px;}
.quote2 {background:url(../images/template/quote2.gif) no-repeat;width:7px; height:14px;}
fieldset {border:none;}
caption {display: none;}
input {font-family: Arial; font-size:100%;}
select {font-family: Arial; font-size:100%;}
textarea {font-family: Arial; font-size:100%;}
.XMLtextarea {font-family: Arial; font-size:100%; width:535px; padding-top:15px;}
label {font-family: Arial; font-weight: bold; font-size:100%;}
legend {font-family: Arial; color: #FC7323; margin: 0; text-align:left; font-weight:bold; display:none;}
/*accessibility */
abbr{speak:spell-out;}
/*Frame styles*/
#outer {background:#fff url(../images/template/content_tile.gif) repeat-y; width:740px; margin:10px auto; text-align:left; position:relative; z-index:2; font-size:0.85em; }
#outerflashpage {background:#fff; width:740px; margin:10px auto; text-align:left; position:relative; z-index:2; font-size:0.85em; }
/*Header styles*/
#topcell {background:#fff;}
#navbox {padding:10px 0 10px 25px; float:left;}
#topnav {background:transparent url(../images/template/top_tile.gif) repeat-y; float:left; border-top:1px solid #d7d5d5; border-bottom:1px solid #fff; margin:0; font-size:80%; width:555px;}
#topnav a {color:#4c4c4c; text-decoration:none;}
#topnav a:hover, #topnav a:active {text-decoration:underline; } #topnav a:active{background-color:#FEE6CF;}
#topnav img {float:right; margin:0;}
#blogtop {background:#fff url(../images/template/top_tile.gif) repeat-y; margin:0; width:125px; padding:8px 0 0 0;}
#bloglogo {margin:0; background:#EDECEC; text-align:right;}
#logobox {clear:both; padding:4px 0 18px 0; background:transparent url(../images/template/header_tile.gif) repeat-y; color:#fff; margin:0; border-bottom:1px solid #b14f18;}
#blogtxt {padding:8px 0 5px 25px; float:left; margin:0; width:530px; text-align:left;}
#headertop {font-size:100%; font-weight:bold; }
#logobox img {margin:8px 0 0 22px; float:left;}
#blog {padding:8px 15px 0 573px; margin:0; font-size:90%;}
#blog a {color:#fff; text-decoration:none; font-size:90%;} #blog a:hover, #blog a:active {text-decoration:underline;}
#logo {margin:0 0 0 12px;}
#nav {clear:both; background:#dbd9d8; border-bottom:1px solid #b6b3b1; padding:5px 0 5px 25px; margin:0;}
#nav a {font-size:90%; color:#4c4c4c; text-decoration:none; font-weight:bold;}
#nav a:hover, #nav a:active{color:#fff; } #nav a:active {background-color:#999;}
#nav ul {list-style:none;}
#nav li {list-style:none; display:inline; padding:0 5px 0 0; }
#bannerbox {background:#fc7222 url(../images/template/banner_bg.gif) no-repeat; height:230px; border-bottom:1px solid #b14f17; }
#bannerbox p {color:#fff; margin: 0 20px 10px 28px; width:328px;}
#flashbox {width:370px; position:absolute; left:370px;}
#bannertxt {padding:0; color:#fff; width:300px; font-size:11px;}
#graybox {clear:both; background:#edecec; border-bottom:1px solid #d7d5d5; padding:5px 2px 5px 25px; font-size:80%;}
#content {}
#headbox { background:#fff;}
/*clients section - right col */
#clientsbox {float:right; width:178px; margin:0 ; color:#4c4c4c; font-size:1em; padding:0; margin:35px 0 0 0; font-size:90%;}
#clientsbox a {color:#4c4c4c; text-decoration:none;}
#clientsbox a:hover, #clientsbox a:active {text-decoration:underline;}#clientsbox a:active{background-color:#FEE6CF;}
#clientsbox img {margin:0 0 20px 0;}
/* #clientsbox ol {list-style: decimal !important; color:#fc7222;}
#clientsbox ol li:before {content: "]"; }
#clientsbox ol:before {content: "["; }*/
.clientsbullet {display:block; }
#clientsbox li {padding:0 0 10px 0px;display:block; width:178px;}
#clientsbox li a {}
#newyear { background: url(../../happynewyear/latestwork.gif) no-repeat; height:374px; float:right; width:175px; color:#4c4c4c; font-size:1em; padding:0; margin:35px 0 0 0; font-size:90%;}
#newyear a {font-size:90%; color:#4c4c4c; text-decoration:none;}
#newyear a:hover, #newyear a:active {text-decoration:underline;}#clientsbox a:active{background-color:#FEE6CF;}
.box1 {margin:40px 0 0 0; }
.box {margin:0; }
.title { background:url(../../happynewyear/linkbac.gif) no-repeat; height:25px; padding:7px 0 0 10px;}
.title a {color:#fff !important; text-decoration:none;}
.title a:hover, .title a:active{text-decoration:underline;}
.title2 {background:url(../../happynewyear/linkbac.gif) no-repeat; height:18px; padding:7px 0 0 10px;}
.title2 a {color:#fff !important; text-decoration:none;}
.title2 a:hover, .title2 a:active{text-decoration:underline;}
.visitwales {background:url(../images/bottomcol1.gif) bottom no-repeat; padding:10px; color:#d8211e; font-size:90%; font-weight:bold; margin:0 0 8px 0;}
.visitwales a {font-weight:normal !important; font-size:100% !important; color:#555555 !important;}
.technium {background:url(../images/bottomcol2.gif) bottom left no-repeat; padding:10px; color:#293e96; font-size:90%; font-weight:bold; margin:0 0 10px 0;}
.technium a {font-weight:normal !important; font-size:100% !important; color:#555555 !important;}
/*home - top section*/
.sectionfocus {float:left; width:185px; font-size:95%; }
.sectionfocus ul {padding:5px 0 0 0;}
.sectionfocus ul li a {color:#555; font-size:90%; text-decoration:none;} .sectionfocus ul li a:hover, .sectionfocus ul li a:active {text-decoration:underline;} .sectionfocus ul li a:active {background-color:#FEE6CF;}
.sectionhead {background:#fc7222 url(../images/template/arrow_div.gif) top right no-repeat; width:170px; color:#fff; font-size:0.85em; padding:4px 10px 5px 5px; }
.sectionheadblank {background:#fc7222 top right no-repeat; width:170px; color:#fff; font-size:0.85em; padding:4px 10px 5px 5px; }
.sectionhead a {color:#fff; font-weight:bold; text-decoration:none;} .sectionhead a:hover, .sectionhead a:active {text-decoration:underline;} .sectionhead a:active{background-color:#FF9933;}
.sectionheadblank a {color:#fff; font-weight:bold; text-decoration:none;} .sectionheadblank a:hover, .sectionhead a:active {text-decoration:underline;} .sectionheadblank a:active{background-color:#FF9933;}
.sectionbar {background:transparent url(../images/template/section_bar.gif) no-repeat;padding:5px 0;}
.sectionmain {padding:0 5px;}
.sectionbottom {color:#fc7222; padding:5px 15px 0 5px; } .sectionbottom a{color:#000; text-decoration:none; font-size:95%;} .sectionbottom a:hover, .sectionbottom a:active{text-decoration:underline;} .sectionbottom a:active{background-color:#FEE6CF;}
/*our work - updated by tim plumb (uh oh) */
.sectionfocus_interactivecol {float:left; width:370px; }
.sectionhead_interactivecol {background:#fc7222 url(../images/template/arrow_div.gif) top right no-repeat; width:365px; color:#fff; font-size:90%; padding:4px 0 5px 8px; }
#clients-flash {}
/*home - bottom section*/
#bottomcol {clear:left; padding:10px 0 0 0; }
#spotlight {float:left; width:174px; margin:0 2px 0 0;}
#spotlight #spotlight-head a {color:#555; text-decoration:none; }
#spotlight #spotlight-head a:hover, #spotlight #spotlight-head a:active {text-decoration:underline;}
#spotlight #spotlight-head a:active {background-color:#FEE6CF;}
#spotlight-head {background:#edecec; border-top:1px solid #d7d5d5; font-size:90%; padding:4px 10px;}
#spotlight-main {padding:8px 5px;}
#spotlightbottom {color:#fc7222; padding:5px 15px 0 5px;} #spotlightbottom a{color:#000; text-decoration:none; font-size:90%;} #spotlightbottom a:hover, #spotlightbottom a:active{text-decoration:underline;} #spotlightbottom a:active{background-color:#FEE6CF;}
/*home - news*/
#news {margin: 0 0 0 178px; width:349px;}
#datebox {float:right;}
#news-head {background:#edecec; border-top:1px solid #d7d5d5; font-size:90%; padding:4px 10px; width:350px;}
#news-main {width:350px; padding:8px; font-size:90%;}
#news-main a {color:#fc7222; text-decoration:none; }
#news-main a:hover, #news-main a:active {text-decoration:underline;} #news-main a:active {background-color:#FEE6CF;}
#news-main ul {list-style:none; margin:0; padding:0;}
#news-main ul li {background: transparent url(../images/template/bullet.gif) 0 4px no-repeat; padding:0 0 10px 10px; }
/*footer*/
#footertop {clear:both; height:11px; background:#fff; }
#footer {background:#fff; border-top:1px solid #e5e4e4; padding:10px 5px 35px 20px; font-size:80%; color:#666;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover, #footer a:active{text-decoration:underline; } #footer a:active{background-color:#FEE6CF;}
/* Custom Styles */
.whitetext {color: #FFFFFF;}
.whitetext a {color: #FFFFFF;}
.hide {display: none;}
ul {list-style:none; margin:0; padding:0;}
.orangetxt {color:#fc7222;}
.orangetxt a {color:#fc7222 !important; text-decoration:underline !important; font-weight:bold;}
.orangetxt a:hover, .orangetxt a:active{text-decoration:none !important;}
.navselected {font-weight: bold; color: #FC7323;}
.navselected a:link {font-weight: bold; color: #FC7323;}
.navselected a:active {font-weight: bold; color: #FC7323;}
.navselected a:visited {font-weight: bold; color: #FC7323;}
.navselected a:hover {font-weight: bold; color: #FFFFFF; text-decoration: none;}
#regular_list ul {list-style:none; margin:0 0 0 10px;}
#regular_list li {list-style:none; background:url(../images/template/bullet.gif) 0 5px no-repeat; padding:0 0 3px 15px;}
.regularlists ul {list-style:none; margin:0 0 0 10px;}
.regularlists li {list-style:none; background:url(../images/template/bullet.gif) 0 5px no-repeat; padding:0 0 3px 15px;}
#logofooter {background:url(../images/footer.gif) no-repeat; width:537px; height:53px; margin-top:10px;}
#spotlight #smallertext {font-size: 0.9em; margin-left: 6px; padding-left:10px; background: url(../images/template/bullet.gif) no-repeat 0px 4px}
#spotlight #smallertext a , #smallertext a:visited , #smallertext a:active{color:#fc7222 !important; text-decoration:none !important}
#spotlight #smallertext a:hover{color:#fc7222 !important; text-decoration:underline !important}