/* @override 
	http://www.pkm-designs.co.uk/css/style.css
	http://www.focuskc.com/css/style.css
*/

/* @group RESET */

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: black;
	text-decoration: none;
}

body {
	line-height: 1.5;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

table, td, th {
	vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

a img {
	border: none;
}

/* @end */

body {
	color: #333333;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #fef4ff;
}

#bottomcontent span span {
	margin-left: 16px;
}

/* @group Layout
 */

p {
	color: #666666;
}

a  {
	text-decoration: underline;
	color: #666666;
}
h1 {
	font-size: 20px;
	color:#660066;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px #babbcd solid;
}
h2 {
	color: black;
	font-size: 20px;
	margin-right: 0;
	padding-right: 0;
	font-weight: bold;
}

h2 span{
font-weight:bold;
color:#660066
}
/* @group Bottom Bar */

#bottombar {

}



#rightbar {
	width: 731px;
	height: 50px;
	padding-left: 16px;
			background: #000066 url(../img/shadow2.png) repeat-y;
}

#rightbar img {
	margin-top: 8px;
}



/* @end */

#maincontainer {
	width: 956px;
	margin: 0 auto;
}

#left, #right {
	
}

/* @group Left */

#bluebar {
			background: #000066;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
	text-align: center;
	padding: 15px 5px 7px;

}
#bluebar li {
	display: inline;
	margin-left: 20px;
	margin-right: 40px;
	clear: none;

}
#bluebar a {
	color: #7e8eb2;
	text-decoration: none;

}
#leftnav {
	float: right;
	padding: 10px;
	width: 190px;
	height: 260px;
}

#logo img {
	
}

#left {
	width: 208px;
	float: left;
	background-color: #660066;
	height: 731px;
	border-left: 1px solid #aeaeae;

}


#topnav span {
	color: #9cafc7;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#logo span {
	color: #04a6e6;
	margin-left: 20px;
	position: relative;
	bottom: 3px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

#bottomcontent span {
	margin-left: 40px;
}

#leftnav ul {
	list-style-type: none;
	line-height: 30px;
	position: relative;
	left: 10px;
	padding-left: 62px;
}

/* @end */

/* @group Right */

#right {
	width: 747px;
	float: left;
	text-align: left;
	color: #fe8e7a;
}

#bottom {
	background: url(../img/shadow3.png) repeat-y;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	width: 706px;
	background-color: #fff;
	height: 617px;
	line-height: 16px;
	border-right: 1px solid #aeaeae;
	overflow: auto;
}

#topnav {
			background: #660066 url(../img/shadow2.png) repeat-y;
	white-space: nowrap;
	overflow: hidden;
	font-size: 11px;
	text-align: center;
	padding: 15px 5px 7px;
}
#topnav li {
	display: inline;
	margin-right: 38px;
}
#topnav a {
	color: #a99bba;
	text-decoration: none;
}

/* @group Top */

#topcontainer {
	background: url(../img/shadow3.png) repeat-y;
	width: 706px;
	height: 149px;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-right: 1px solid #aeaeae;
	background-color: #fff;
}


#top {
	background: url(../img/shadow3.png) repeat-y;
	width: 747px;
	height: 681px;
	letter-spacing: 1px;
}

/* @end */

#bottomcontent {
	
}

/* @end */

/* @end */

/* @group accordion */

.ename {
	cursor: pointer;
	display: block;
	width: 100px;
	float: left;
}

.toggler {
	color: #fff;
	margin: 0;
	padding: 2px 5px;
	background: #395062;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	letter-spacing: 1px;
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.toggler span {
	color: #fff;
	padding-left: 93px;
}

.toggler a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: white;
}

.element {
	background-color: #e4e4e4;
}

.element p {
	padding: 4px;
}

.float-right {
	padding: 10px 20px;
	float: right;
}

blockquote {
	padding: 5px 0 5px 30px;
	font-style: italic;
}

#accordion img {
	width: 80px;
	float: left;
	margin: -4px 10px 10px -8px;
}

#accordion p {
	font-size: 12px;
	margin-left: 5px;
}

/* @end */

blockquote, q {
	quotes: "" "";
}

#leftnav span {
	visibility: visible;
	position: relative;
	right: 60px;
}

/* @group fade */

#fade {
	position: relative;
	margin: 0;
	padding: 0;
}

#fade img, #fade2 img {
	width: 228px;
	height: 248px;
}

#fade li {
	display: block;
}

#fade2 {
	position: relative;
	margin: 0;
	padding: 0;
}

#fade2 li {
	display: block;
}

#fade3 {
	position: relative;
	margin: 0;
	padding: 0;
}

#fade3 li {
	display: block;
}

/* @end */

.pointer {
	cursor: pointer;
}

/* @group portfolio */

#topcontainerp {

}

#topcontainerp span {
	height: 536px;
	width: 228px;
	background-color: white;
	float: left;

	
}

/* @end */

/* @group shadows */

#shadow {
	background: url(../img/shadow.png) repeat-x;
	display: block;
	height: 18px;
	width: 924px;
	float: left;
}

#shadowr {
	background: url(../img/shadow_r.png) no-repeat;
	height: 18px;
	display: block;
	width: 16px;
	float: right;
}

#shadowl {
	background: url(../img/shadow_l.png) no-repeat;
	height: 18px;
	display: block;
	width: 16px;
	float: left;
	position: relative;
}
#shadow2 {
	background: url(../img/shadow2.png) repeat-y;
	display: block;
	height: 800px;
	width: 15px;
	margin: 0 auto;
	float:left;
	position:relative;
	left:350px;
}

/* @end */

/* @group testimonials */

#rightbart {
	width: 747px;
	height: 80px;
	background-color: #395062;
	float: left;
}

#rightbart span {
	color: white;
	float: left;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 12px;
	font-weight: normal;
	margin: 16px 20px 10px;
}

#topcontainert {
}

#topcontainert span {
	height: 516px;
	background-color: white;
	float: left;
	overflow: auto;
	padding: 10px;
	width: 686px;
	font-size: 12px;
}

.highlight2 {
	color: #4c4f88;
}

/* @end */

/* @group HOVER */


#gridcontainer a.gallery span {
	visibility: hidden;
	position: absolute;
	top: 0px;
	width: 1px;
	height: 1px;
}

#gridcontainer a.gallery:hover span {
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 476px;
	width: 228px;
	height: 536px;
	z-index: auto;
}


#gridcontainer a.gallery {
	display: block;
	cursor: default;
}

/*Doesn't work without this in IE, Donno why */
#gridcontainer a.gallery:hover {
	background-color: white;
}

#gridcontainer a.port1, a.port2, a.port3, a.port4, a.port5, a.port6, a.port7, a.port8, a.port9, a.port10, a.port11, a.port12, a.port13, a.port14, a.port15, a.port16, a.port17, a.port18, a.port19, a.port20, a.port21, a.port22, a.port23, a.port24{
	width: 60px;
	height: 60px;
}

/* @group Portfolio Images */

#gridcontainer a.port1 {
	background: url('../img/portfolio/styrox_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port2 {
	background: url('../img/portfolio/voicewaves_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port3 {
	background: url('../img/portfolio/xtramedia_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port4 {
	background: url('../img/portfolio/sams_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port5 {
	background: url('../img/portfolio/kitcheneers_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port6 {
	background: url('../img/portfolio/cc_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port7 {
	background: url('../img/portfolio/primaeva_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port8 {
	background: url('../img/portfolio/bosch_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port9 {
	background: url('../img/portfolio/dolmio_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port10{
	background: url('../img/portfolio/foxs_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port11 {
	background: url('../img/portfolio/coop_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port12 {
	background: url('../img/portfolio/hanover_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port13 {
	background: url('../img/portfolio/wilson_sandford_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port14 {
	background: url('../img/portfolio/vitalise_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port15 {
	background: url('../img/portfolio/duvale_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port16 {
	background: url('../img/portfolio/bitt_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port17 {
	background: url('../img/portfolio/aiwa_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port18 {
	background: url('../img/portfolio/future_marketing_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port19 {
	background: url('../img/portfolio/flight1_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port20 {
	background: url('../img/portfolio/uncle_bens_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port21 {
	background: url('../img/portfolio/acf_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port22 {
	background: url('../img/portfolio/starburst_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port23 {
	background: url('../img/portfolio/kcsc_logo.jpg') no-repeat scroll top left;
}

#gridcontainer a.port24 {
	background: url('../img/portfolio/cathedral_logo.jpg') no-repeat scroll top left;
}

/* @end */

/* @end */

* {
	color: #babbcd;
}

strong {
	color: #666666;
}

em {
	color: #666666;
}