/*

QNM - Pages Stylesheet
Handwritten by Richard Wilmot (AztecMedia.eu)
http://www.qnm.ltd.uk/

*/


																				/* ------------ News ------------ */

#qnm-news .pagination {
	background:url(../images/feature-blog-bg.gif) repeat-x top left;
	border-bottom: 3px solid #486916;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	color: #A8A19D;
	text-align:center;
	position:relative
}

#qnm-news .pagination .page {
	position:absolute;
	left:173px;
	width:300px
}

#qnm-news .pagination .nav-right,
#qnm-news .pagination .nav-left {
	float:right;
	width:100px;
}

#qnm-news .pagination .nav-left {
	float:left
}

#qnm-news .pagination a {
	display:block;
	width:30px;
	height:30px;
	background:#339;
	float:left;
	line-height:30px;
	margin-top:10px;
	background:url(../images/btn-170.png) no-repeat top center;
	color:#FFF
}

#qnm-news .pagination .nav-right a {
	float:right;
	margin-right:10px;
}

#qnm-news .pagination .nav-left a {
	float:left;
	margin-left:10px;
}

#qnm-news .pagination a:hover {
	background-position: center -30px
}


#qnm-news .NewsSummary {
	min-height:108px;
	margin-top:20px;
	border-bottom:solid 3px #66961F;
	position:relative;
	background:#FFF;
	padding:20px 20px 30px 20px
}
	
#qnm-news .NewsSummary img {
	border-bottom:none;
    float: left;
    margin-right: 20px;
}

#qnm-news .NewsSummary .NewsSummaryPostdate,
#NewsPostDetailDate {
	font-style:italic;
	margin-bottom:5px;
}

#qnm-news .NewsSummary .btn {
    bottom: 0;
    position: absolute;
    right: 0;
}

#NewsPostDetailTitle {
	margin-top:20px;
	font-size:180%
}

#NewsPostDetailImage img {
	order:#FFF solid 3px;
	-webkit-box-shadow: 0 0 5px 0 #cfcfcf;
	box-shadow: 0 0 5px 0 #cfcfcf;
	border:#FFF solid 3px;
	margin:20px  0 20px 0;
}


#NewsPostDetailReturnLink a {
	float:right
}


#NewsPostDetailContent table {
	margin-bottom:10px;
}


#NewsPostDetailContent td {
	border:#CCC solid 1px;
	padding:5px;
}

#NewsPostDetailContent li {
	margin-bottom:5px;
}

																				/* ------------ Contact ------------ */

#contact  #col-2 form {
	margin:20px 0 30px 0;
	border-bottom: 3px solid #486916;
	position:relative;
	padding-bottom:10px;
}

#contact  #col-2 form legend {
	display:none
}

#contact  #col-2 form label {
	display:block;
	width:150px;
	text-align:right;
	padding-right:10px;
	float: left;
    height: 27px;
    line-height: 27px;
}

#contact  #col-2 form .contactform div {
	clear:both
}

#contact  #col-2 form input,
#contact  #col-2 form textarea {
	width:226px;
	height:27px;
	line-height:27px;
	border:none;
	background:url(../images/input-bg.gif) no-repeat top left;
	color:#594b41;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:5px;
	font-size:100%
}

#contact  #col-2 form textarea {
	height:152px;
	line-height:1.4em;
	background:url(../images/textarea-bg.gif) no-repeat top left;
	padding-top:5px;
}

#contact  #col-2 form .submit input {
	position:absolute;
	bottom:0;
	right:0;
}

.map,
.contact-info {
	width:300px;
	height:300px;
	float:left;
	border-bottom: 3px solid #486916;
	position:relative;
	background-color:#0FF;
}

.map {
	background:url(../images/map.gif) no-repeat top left;
}

.map a {
	position:absolute;
	bottom:0;
	right:0;
}

.contact-info {
	float:right;
	background: url("../images/feature-blog-bg.gif") repeat-x scroll left top #382F28;
	padding:10px;
	color:#FFF;
	width:214px;
	height:auto
}	

.contact-info .address {
	padding-left:30px;
	background:url(../images/icon-address.png) no-repeat top left;
	margin-bottom:20px;
	margin-left:20px;
}	

.contact-info .tel,
.contact-info .mob,
.contact-info .email {
	padding-left:30px;
	background:url(../images/icon-tel.png) no-repeat top left;
	margin-bottom:10px;
	height:24px;
	line-height:24px;
	margin-left:20px;
}

.contact-info .mob {
	background:url(../images/icon-mobile.png) no-repeat top left;
}

.contact-info .email {
	background:url(../images/icon-email.png) no-repeat top left;
}


																				/* ------------ Client Area ------------ */

.warning {
	background:#fee509 url(../images/warning.png) no-repeat 5px 5px;
	padding-left:60px;
	height:58px;
	line-height:58px;
	font-weight:bold;
	color:#d89000;
	font-size:150%
}

.download {
	margin:20px 0 20px 0;
	border-bottom: 3px solid #486916;
	padding:10px;
	width:280px;
	float:left;
	margin:0 20px 20px 0;
	background:#ecf0e7 /*url(../images/feature-blog-bg.gif) repeat-x top left*/;
}

.download  h2 {
	text-align:center;
}

.download a {
	background:url(../images/download.png) no-repeat top left;
	height:56px;
	line-height:56px;
	width:65px;
	margin:auto;
	display:block;
	text-indent:-25000px;
}


																			/* ------------ Gallery ------------ */

.gallery .img {
	margin:10px 10px 0 0;
	float:left
}

#resources .gallery .img img {
	width:130px;
	height:93px;
}

.gallery .img4 {
	margin:10px 0 0 0;
}

#resources .gallery .img {
	margin:15px 15px 0 0;
	text-align:center;
	font-weight:bold
}

#resources .gallery .img a {
	margin-bottom:5px;
}




.gallery .img a {
	border:#FFF solid 3px;
	-webkit-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;
	float:left;
}

.gallery .img a:hover {
	border:#486916 solid 3px;
}

#about-qnm .gallery .btn,
#qnm-services .gallery .btn {
	display:none
}

																			/* ------------ Links ------------ */

#links .link {
    border-bottom: 3px solid #66961F;
    margin-top: 20px;
    min-height: 85px;
    position: relative;
	padding:20px 20px 30px 20px;
	background:#FFF
}

#links .link .btn {
    bottom: 0;
    position: absolute;
    right: 0;
}