/* @override 
	http://ukprecision/styles/base.css
	http://ukpl.netstep.co.uk/styles/base.css
*/

/* IMPORTED
------------------------------*/
@import url(layout.css);
@import url(lightbox.css);

/* GLOBAL
------------------------------*/
body {
	margin: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #666666;
	background-color: #fff;
	overflow: -moz-scrollbars-vertical !important;
}
#page { 
	width: 959px;
	margin: 0 auto;
}
a:link, a:active, a:visited { 
	text-decoration: none; 
	color: #006699;
	font-weight: bold;
}
a:hover { text-decoration: underline; }
h1, h2, h3, h4, p { margin: 0 0 12px 0; }
h2 { 
	font-size: 1.2em; 
	color: #006699;
	margin-bottom: 10px;
}
p { line-height: 1.4em; }
ul, ol, dl, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.left { float:left; }
.right { float:right; }
.hr { 
	background: url(../images/bg/content-line-h.gif) repeat-x bottom;
	clear: left;
	height: 20px;
	margin-bottom: 10px;
}
img { border: 0 !important; }

/* HEADER
------------------------------*/
#header { 
	width: 959px;
	height: 76px;
	background: url(../images/bg/header.png) no-repeat top;
}
#header a#logo { 
	float: left;
	display: block;
	width: 215px;
	height: 76px;
}
#header #contact { 
	float: right;
	margin: 15px 20px 0 0;
	text-align: right;
}

/* NAV
------------------------------*/
ul#nav {
	width: 959px;
	border-bottom: 1px solid #fff;
	background: #2c2b2b url(../images/bg/nav.gif) repeat-x top;
	height: 23px;
	font-size: 0.9em;
}
ul#nav a { color: #fff; }
ul#nav li { 
	float: left;
	text-align: center;
	padding: 5px 11px 5px 9px;
	background-color: #CCCCCC;
	background: #6f6f6f url(../images/bg/nav-li.gif) no-repeat top right;
}
ul#nav li.active { background: url(../images/bg/nav-li-active.gif) repeat-x top; }

/* SUB-NAV
------------------------------*/
ul#sub-nav { 
	float: left;
	width: 154px;
	height: 205px;
	background: #6f6f6f url(../images/bg/sub-nav.gif) repeat-x top;
	padding: 12px 10px;
	font-size: 0.9em;
	clear: left;
}
ul#sub-nav a { 
	color: #fff;
	text-decoration: underline;
}
ul#sub-nav a:hover { text-decoration: none; }
ul#sub-nav li {
	padding-left: 10px;
	background: url(../images/global/sub-nav-li.gif) no-repeat 0 5px;
	margin-bottom: 4px;
}
ul#sub-nav li.active a { 
	text-decoration: none;
	color: #a1e8fc;
}

/* PROJECTS
------------------------------*/
#capabilities { 
	float: left;
	width: 784px;
	height: 229px;
	background: #acacac url(../images/bg/projects-box.gif) repeat-x top;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 0.9em;	
}
.capability { 
	float: left;
	width: 143px;
	height: 229px;
	background: #c4c4c4 url(../images/capabilities/div-line-v.gif) repeat-y top left;
	padding: 0 3px 0 4px;
	color:#555555;
}
.capability.last { padding-right: 1px; }
.capability p { 
	margin: 4px 6px; 
	line-height: 1.2em;
}
.capability p.intro {
	height: 80px;
	background: url(../images/capabilities/div-line-h.gif) repeat-x top;
	padding-top: 4px;
	margin-bottom: 0;
} 
.capability a.more { 
	display: block;
	background: url(../images/buttons/arrow-grey.gif) no-repeat top;
	width: 13px;
	height: 13px;
	margin-left: 6px;
}

.capability img { 
	width: 144px;
	height: 98px;
}

/* CONTENT
------------------------------*/

#homenews {
	width:145px;
	float:left;
}

#homenews .newsitem{
	overflow:hidden;
	height:1%;
	margin-bottom:5px;
}
#homenews .newsitem div{
	padding-top:3px;
}

#main { 
	float: left; 
	background: url(../images/bg/content-line-v.gif) repeat-y 574px 0; 
	margin-bottom: 5px;
	width: 785px;
}
#content {
	float: left;
	width: 536px;
	padding-bottom: 30px;
	margin-left: 20px;
	display: inline;
	position: relative;
}

#blog #content {
	width: 765px;
}
#content p { margin-bottom: 17px; }
#content ul { 
	margin: 0 0 19px 10px; 
}
#content ul ul { margin: 10px 0; }
#content ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
	background: url(../images/global/bullet.gif) no-repeat 0 5px; 
}
a.arrow {
	background: url(../images/buttons/arrow-button.gif) no-repeat left;
	padding: 5px 0 5px 25px;
	color: #666666 !important;
	font-weight: bold;
}
a.back { background: url(../images/buttons/arrow-button-back.gif) no-repeat left; }
#content h1 { 
	width: 358px;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding: 26px 0pt 0pt;
	font-size: 0.1em;
	margin: 14px 0 12px 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#blog #content.detail h1 {
	width: auto;
	display: block;
	height: auto !important;
	overflow: none;
	font-size: 180%;
	margin: -.3em 0 12px 0;
	background: none;
	font-weight: normal;
	padding-top: 1.1em;
	width: 620px;
}
#content dl { 
	float: left;
	width: 210px;
	margin-bottom: 15px;	
}
#content dl dt, #content dl dd { 
	float: left; 
	width: 75px;
}
#content dl dd { 
	width: 135px;
	font-weight: bold;
}
img.img,
img.right { 
	border: 1px solid #DCDCDC !important;
	padding: 1px;
	float: left;
	margin: 0 15px 15px 0;
}
img.right {
	float: right;
	margin: 0 0 15px 15px;
}
p#co-logos {
	border: 2px solid #f1f1f1;
	text-align: center;
	padding: 20px;
}
/* HEADERS
------------------------------*/
h1.prestige { background-image: url(../images/headings/prestige-engineering-solutions.gif); }
h1.about { background-image: url(../images/headings/about-us.gif); }
h1.news { background-image: url(../images/headings/latest-news.gif); }
h1.blog { background-image: url(../images/headings/blog.gif); }
h1.contact { background-image: url(../images/headings/contact-us.gif); }
h1.gallery { background-image: url(../images/headings/gallery.gif); }
h1.quote { background-image: url(../images/headings/request-a-quote.gif); }
h1.call-back { background-image: url(../images/headings/request-a-call-back.gif); }
h1.modelling { background-image: url(../images/headings/3d-modelling.gif); }
h1.testimonials { background-image: url(../images/headings/testimonials.gif); }
h1.jobs { background-image: url(../images/headings/jobs.gif); }
h1.accessibility { background-image: url(../images/headings/accessibility.gif); }
h1.site-map { background-image: url(../images/headings/site-map.gif); }
h1.design { background-image: url(../images/headings/design.gif); }
h1.problem-solving { background-image: url(../images/headings/problem-solving.gif); }
h1.cnc-machining { background-image: url(../images/headings/cnc-machining.gif); }
h1.manual-machining { background-image: url(../images/headings/manual-machining.gif); }
h1.coating-finishing { background-image: url(../images/headings/coating-and-finishing.gif); }
h1.fabrication { background-image: url(../images/headings/fabrication.gif); }
h1.quality { background-image: url(../images/headings/quality.gif); }
h1.capabilities { background-image: url(../images/headings/capabilities.gif); }
h1.sectors { background-image: url(../images/headings/sectors.gif); }

/* FEATURES
------------------------------*/
#features {
	float: right;
	width: 209px;
}
#features p {
	color: #000;
	margin: 7px 10px; 
	font-size: 0.9em;
}
#features a { 
	color: #0EA7D3;
	font-weight: normal;
}
.company { 
	background-color: #dcdcdc;
	padding: 5px;
	margin-top: 15px;
}
#features .image {
	margin: 35px 0 15px 0;
	background: url(../images/features/image-bg.gif) no-repeat top;
	text-align: center;
}
#features .image img { margin-bottom: 5px; }
#features .image a { font-weight: bold; }
#features .news {	margin: 7px 10px; }
#features .news h2 {
	background: url(../images/buttons/arrow-button.gif) no-repeat left;
	padding: 5px 0 5px 25px;
	font-size: 0.9em;
	font-weight: normal;
	margin-bottom: 2px;
	color: #666666;
}
#features .news p { 
	font-weight: bold; 
	margin: 0 0 15px 0;
}
#features .news a { 
	color: #05659f;
	font-weight: bold;
}
#blog .entry img {
	float: right;
	padding: 5px;
	margin: 10px 0 10px 25px;
	border: 1px solid #ccc !important;
}
#blog .entry {
	position: relative;
	font-size: 110%;
}
.postmetadata {
	border-top: 3px dotted #f1f1f1;
	border-bottom: 3px dotted #f1f1f1;
	padding: 1.4em 1em;
	clear: both;
	font-family: tahoma;
}

.postmetadata a {
	font-weight: normal;
}
#blog #date {
	font-family: georgia;
	font-size: 120%;
	position: absolute;
	right: 10px;
	top: -30px;
}
#blog .navigation {
	padding-top: 1.6em;
	margin: 0 0 -5px 0;
} 
/* BLOG
------------------------------*/

#features #blog {
	padding: 5px 15px;
	}

#features #blog p {
	margin: 0;
	font-size: 100%;
	color: #444;
	}

#features #blog p a {
	font-weight: bold;
	display: block;
	margin-top: .8em;
	background: url(../images/buttons/arrow-button.gif) 0 50% no-repeat;
	padding: 2px 0 2px 25px;
	}

#features #blog p.noticeme a {
	background: #46A7D3;
	color: #fff;
	padding: 3px 10px;
	text-align: right;
	margin: 0 0 1em 0 ;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BB4E3), to(#45A5D1));
	background-image: -moz-linear-gradient(19% 75% 90deg,#45A5D1, #4BB4E3);
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
}

#features #blog li {
	list-style: none;
	margin-bottom: 1em;
	border-bottom: 2px dotted #E8E8E8;
	padding-bottom: 1em;
	}

#features #blog li h3 a, #features #blog li h3 a:visited {
	color: #666;
	font-weight: bold;
	font-size: 110%;
	}

#features #blog li:last-child {

	}
#features #blog li img {
	float: left;
	width: 50px;
	height: 50px;
	padding: 3px;
	border: 1px solid #ccc !important;
	margin: 0 10px 5px 0;
}
z
.commentmetadata {
	margin: 2em 0;
	display: block;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee !important;
	padding: 2px;
	background: #fff;
}
.commentlist li cite {
	font-size: 140%;
	font-style: normal;
	font-family: georgia;
}

cite a:link, cite a:visited {
	font-weight: normal;
}
.commentlist li {
	padding: 12px;
}

.commentlist li:nth-child(2n) {
	background: #f8f8f8;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
}

/* FORM
------------------------------*/
form { margin-bottom: 10px; }
form fieldset { 
	padding: 0;
	border: none;
}
form input, form label, form textarea { float: left; }
form label { width: 170px; }
form label.help {
	clear: left !important;
	width: 300px;
	color: #999999;
	margin: 0 0 8px 170px
}
form input.input, form textarea { 
	width: 235px;
	border: 1px solid #7f9db9;
	margin: 0 10px 10px 0;
}
form textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
form input#upload { width: 140px; }
form input.submit { margin: 10px 0 0 170px; }



/* @group Forms */
form legend {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 20px;

}
form li {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
}
form ol {
	margin: 0;
	padding: 0;
}
#blog label {
	width: 400px;
	display: block;
	float: none;
	margin-bottom: .3em;
	font-weight: bold;
	padding-top: 5px;
}

#blog input.text, #blog textarea, select {
	border: 1px solid #7F9DB9;
	font-family: arial;
	padding: 4px;
	font-size: 13px;
	width: 400px;
	margin-bottom: 6px;
	float: none;
	clear: both;
}
input.text:active {
	outline: none;
}

input:focus, textarea:focus {
	outline: none;
}
select#title {
	width: auto;
	padding-right: 0;
}
select {
	background-image: none;
}

#blog textarea {
	margin-bottom: 10px;
	overflow: auto;

}
#blog input[type="text"]:focus, #blog textarea:focus {
	border: 1px solid #9A9BA1;

}
input.small {
	width: 12em;
}

li#submit {
	margin-top: 1em;
	text-align: right;
	padding-right: 40px;
	clear: both;
}


input[type=submit],select,.pointer {
	cursor:pointer;
}
li#submit input {
	position: relative;
}
/* @end */
/* FOOTER
------------------------------*/
#footer {
	clear: both;
	background: url(../images/bg/footer.gif) no-repeat top;
	font-size: 0.9em;
	color: #fff;
	margin-bottom: 25px;
	height: 28px;
}
#footer p { 
	float: left;
	margin: 6px 0 0 10px; 
	display: inline;
}
#footer ul { float: right; }
#footer ul li {
	float: left;
	margin: 6px 0 0 8px;
	background: url(../images/bg/footer-li.gif) no-repeat 100% 3px;
	padding-right: 10px;
}
#footer ul li.last { background: none; }
#footer a {
	text-decoration: underline;
	color: #87d0e5;
	font-weight: normal;
}
#footer a:hover { text-decoration: none; }

/* TICKER
----------------------------*/
#ticker {margin-top:28px; margin-left:5px; color:#FFFFFF; width:945px; overflow:hidden; position:absolute; white-space:nowrap; display: none;}
#ticker #tick, #ticker #tick td {position:relative; white-space:nowrap; margin:0; padding:0;}
#ticker h1, #tick h2, #tick p {margin:0; padding:0;}

/* BLOG
----------------------------*/

div.comment-author {
	margin-bottom: 1em;
}
div.comment-meta.commentmetadata {
	margin-bottom: .6em;
}
div.navigation{
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: .8em;
	float: left;
	width: 99%;
	clear: both;
	margin-bottom: 0;
}
#blog h1 {
	clear: both;
	padding-top: ;
}
.addthis_toolbox {
	margin-bottom: 20px;
}

.addthis_toolbox a.addthis_button_expanded {
	color: #EB6A49;
}

.addthis_toolbox a:active {
	font-weight: normal;
}
div.navigation .alignleft {
	float: left;
}

div.navigation .alignright {
	float: right;
}
.back-to-listing {
	position: absolute;
	right: 0;
	top: 65px;
}

.back-to-listing a {
	background: url(../images/back-to-listing.png);
	text-indent: -999em;
	display: block;
	width: 133px;
	height: 23px;
}