@charset "UTF-8";


/* hack for forcing scroll bars to stop page jog  */
html { margin-bottom: 1px; min-height: 100%; }
 
/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}
 
/*debug border on all divs*/
div{
}
 
/* Class for clearing floats */
.clear {
   clear:both;
}
 
/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	text-align: left;
	background-color: #fff;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

hr
{
	height: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	background-color: #7D8481;
	color: #7D8481;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	padding: 0px;
}

ul {
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
}

li {
	padding-right: 15px;
}
 
 
/* =Headings
-----------------------------------------------------------------------------*/
 
 h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6em;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h1  strong
{
	font-family: Helvetica, Arial, sans-serif;
	color: #999999;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #FE3500;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #666666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #FFF;
	margin: 0px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

h6  strong {
	color: #FF3300;
}


.header-right h6 strong a:link {
	color: #FF3300;

}

.header-right h6 strong a:visited  {
	color: #FF3300;

}


p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #666;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
	line-height: 1.3em;
}
 
 
/* =Links
-----------------------------------------------------------------------------*/
 
 a:link {
	color: #FF3300;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:visited {
	color: #FF3300;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:active{
	color: #FF3300;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #E68A62;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
 
 
 
/* =Structural
-----------------------------------------------------------------------------*/
  
 
#container {
	width: 900px;
	margin-top: 010px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

#wrapper {
	width: 991px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#left-col {
	width: 234px;
	color: #333;
	padding: 0px;
	margin: 0px;
	float: left;
}
#header {
	background-color: #88938A;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	height: 124px;
	width: 726px;
	padding: 0px;
	float: right;
	margin-right: 15px;
}
.header-left {
	float: left;
	height: 92px;
	width: 449px;
	border-right-width: 12px;
	border-right-style: solid;
	border-right-color: #FFF;
	line-height: 1.4em;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.header-right {
	float: right;
	height: 88px;
	width: 198px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.header-right h6{
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.3em;
}
/* =Links
-----------------------------------------------------------------------------*/
 
 .header-right a:link {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.header-right a:visited {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.header-right a:active{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.header-right a:hover {
	color: #E8E8E8;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
/* =Main Content
-----------------------------------------------------------------------------*/
 
 #right-content {
	width: 741px;
	color: #333;
	margin: 0px;
	padding: 0px;
	float: right;
}
#right-content img {
	padding-bottom: 0px;
}
/* =Main Content
-----------------------------------------------------------------------------*/
 
 #right-content-home {
	width: 741px;
	color: #333;
	margin: 0px;
	padding: 0px;
	float: right;
}
#right-content-home img {
	padding-bottom: 10px;
}
 
 
.inner-tile-background {
	background-image: url(http://www.kidesign.co.uk/themes/kidesign//gfx/left-tile.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.ki-logo {
	background-color: #FF3300;
	padding-top: 6px;
	padding-right: 4px;
	padding-bottom: 20px;
	padding-left: 8px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	width: 222px;
	height: 98px;
}
.navigation {
	width: 210px;
	color: #FFF;
	line-height: 18px;
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 20px;
	padding-left: 12px;
	border-bottom-width: 15px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.navigation a:link {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
.navigation a:visited {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.navigation a:active{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
.navigation a:hover {
	color: #EAF9F0;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
.navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navigation ul li {
	padding-bottom: 4px;
	font-size: 12px;
	padding-top: 4px;
	margin: 0px;
}
.navigation ul ul{
	list-style-type: none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.navigation li.nav-selected a {
	color: #FFF;
	font-weight: bold;
}
.social-media {
	padding-top: 16px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-left: 12px;
}
.header-left h3 {
	color: #FFF;
	font-size: 16px;
}
 

 
 
/* =Footer
-----------------------------------------------------------------------------*/
 
 
 #footer {
	width: 700px;
	color: #333;
	margin: 0px;
	clear: both;
	background-color: #FF3300;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 16px;
}
.footer1 {
	float: left;
	width: 215px;
	padding-right: 10px;
}
.footer2 {
	float: left;
	width: 210px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #FFF;
	padding-left: 15px;
	padding-right: 10px;
}

.footer4 {
	float: left;
	width: 210px;
	padding-left: 15px;
	padding-right: 10px;
}
.footer3 {
	float: left;
	width: 220px;
}
#footer img {
	margin: 0px;
	padding: 0px;
}
#footer hr {
	color: #FF3300;
	background-color: #FF3300;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer  ul li {
	list-style-type: none;
	color: #FFF;
	line-height: 1.5em;
	font-size: 1em;
}
/* =Links
-----------------------------------------------------------------------------*/
 
 #footer a:link {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#footer a:active{
	color: #FFF;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#footer a:hover {
	color: #E8E8E8;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
#footer h6 strong {
	color: #333;
}


#footer h6 strong a:link {
	color: #333;

}

#footer h6 strong a:visited  {
	color: #333;

}


/* =Sliding Boxes
-----------------------------------------------------------------------------*/
			.boxgrid{
	width: 234px;
	height: 234px;
	float:left;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 13px;
	margin-left: 0px;
	background-color: #EDEDED;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{
	color:#666;
	font-weight:normal;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 14px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
.boxgrid.slideright h3 {
	padding-left: 10px;
	font-size: 1.3em;
	padding-bottom: 10px;
	margin-top: 10px;
}
.contact-left {
	width: 478px;
	padding-bottom: 25px;
	float: left;
}
.contact-right {
	width: 233px;
	float: right;
	padding-bottom: 25px;
	padding-right: 15px;
}

.ccm-blog-post-preview h2 a {
text-decoration:none;
font-size: 1.3em;
}

.ccm-blog-blog-post-content {
	width: 700px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.ccm-blog-post-preview {
	width: 700px;
}

.ccm-blog-blog-post-envelope{
	font-size: 10px;
	color: #999;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
}