@import "conpan.css";
@import "layout.css";
/*-------------------------------------
New mossFaceCSSSkin1 skin main parts
by kips@mossface copyright:mossFace Ltd
-------------------------------------*/

body
	{
/*set default look for main content. not footer*/
/*set font size. then all titles etc will be based on a % of this size*/
	margin:0 auto;
	padding:0pt;
	font-family:Arial,Helvetica,sans-serif;
	width:100%;
	background:#FFFFFF none repeat scroll 0%;
	font-style:normal;
	font-variant:normal;
	font-size:9pt;
	color:#666666;
	text-align:center;
	}

a:hover, a:visited:hover, a:link:hover
{
	color:#A7C520;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-style:normal;
	text-decoration:none;

}


a, a:visited, a:link{
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-style:normal;

}


#content-primary a:visited {
color:#81ADB5;
}
#content-primary a {
font-weight:bold;
}
h1, h2, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, .h3 a {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
padding:0pt;
text-decoration:none;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size:220%;
font-weight:normal;
margin:7px 0px 10px;
}
#header1 h1 {
font-family:Arial, Helvetica, sans-serif;
color:#9a9a9a;
font-size:9pt;
font-weight:normal;
margin:7px 0px 10px;
}
#header2 h1{
font-family:Arial, Helvetica, sans-serif;
color:#9a9a9a;
font-size:14pt;
font-weight:normal;
margin:7px 0px 10px;
}
#content1 h1 {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-weight:normal;
font-size:180%;
padding-right:20px;
border-bottom: solid 3px #A7C520;
margin:7px 0px 10px;
}
#content7 h1 {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-weight:normal;
font-size:180%;
padding-right:20px;
border-bottom: solid 3px #A7C520;
margin:7px 0px 10px;
}

h2 {
color:#A7C520;
font-family: Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:400;
margin:0pt 0pt;
line-height:22px;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
color:#777777;
font-size:9pt;
margin:0px 0px;
}
.h3 {
margin:6px 0px;
}
h4 {
font-size:10pt;
font-style:italic;
color:#9a9a9a;
border-left:solid 5px #777777;
padding-left:10px;
margin:10pt 0pt;
line-height:normal;
}
h5 {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 11pt;
margin:0pt 0pt;
font-weight:bold;
line-height:normal;
}
h6 {
font-size:90%;
margin:0px;
}

dl {
margin:5px 0px;
padding:0px;
}
p {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 10pt;
line-height:22px;
}
td {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 10pt;
line-height:22px;
}

ul, li {
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 10pt;
margin:10pt 10pt;
line-height:normal;
}
img {
border:0px none;
}
p.left {
text-align:left;
}
p.right {
text-align:right;
}
.hide {
display:none;
}
.clearall {
clear:both;
}
.content2
{
margin-left:10pt;
}

.blog_Description_Heavy
{
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 10pt;
line-height:22px;
font:bold
}
.blog_Description
{
font-family:Arial, Helvetica, sans-serif;
color:#636466;
font-size: 10pt;
line-height:22px;
}
/********************
PORTFOLIO SLIDER
 *********************/
#content3 li {list-style:none; padding:0px; margin:5px 0 0 0;} 

#content3 a {font-size:11px;} 

.crosslinks li, ul { margin:0; padding:0;} 

.crosslinks a:link { margin:0; padding:0; font-size:10px;}

p.intro { border-bottom: 1px solid #ccc;
margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width:
100% }



p#cross-links { text-align: center }



p#cross-links { margin-bottom: 30px;
padding-bottom: 30px }

#content2 p {color:#A7C520;}

#content2 h1 {border-bottom:3px solid #A7C520;color:#636466; font-size:180%;}

noscript p, noscript ol { color: #a00;
font-size: 13px; line-height: 1.4em; text-align: left }

noscript a { color: #a00;
text-decoration: underline }

noscript ol { margin-left: 25px; }



a:focus { outline:none }



img { border: 0 }

h3 { border-bottom: 1px solid silver;
margin-bottom: 5px; padding-bottom: 3px; text-align: left }



								

.stripViewer .panelContainer .panel ul {

				text-align: left;

				margin: 0 0px 0 30px;

}



.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */

				margin: 20px 0;

				position: relative;

				width: 100%;

}



/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 410px;
background: #ffffff; overflow: scroll}

.csw .loading {margin: 200px 0 300px 0;
text-align: center}



.stripViewer { /* This is the viewing window */

				position: relative;

				overflow: hidden; 

				border: 0px solid #888888; /* this is the border. should have the same value for the links */

				margin: auto;

				width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */

				height: 410px;

				clear: both;

				background: #ffffff;

}



.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

				position: relative;

				left: 0; top: 0;

				width: 100%;

				list-style-type: none;

				/* -moz-user-select:
none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */

}



.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */

				float:left;

				height: 100%;

				position: relative;

				width: 500px; /* Also specified in  .stripViewer  above */

}



.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */

				padding: 0px;

}



.stripNav { /* This is the div to hold your nav (the UL generated at run time) */

				margin: auto; display:none;

}



.stripNav ul { /* The auto-generated set of links */

				list-style: none;

}



.stripNav ul li {

				float: left;

				margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */

}



.stripNav a { /* The nav links */

				font-size: 10px;

				font-weight: bold;

				text-align: center;

				line-height: 32px;

				background: #c6e3ff;

				color: #fff;

				text-decoration: none;

				display: block;

				padding: 0 15px;

}



.stripNav li.tab1 a { background: #60f }

.stripNav li.tab2 a { background: #60c }

.stripNav li.tab3 a { background: #63f }

.stripNav li.tab4 a { background: #63c }

.stripNav li.tab5 a { background: #00e }



.stripNav li a:hover {

				background: #333;

}



.stripNav li a.current {

				background: #000;

				color: #fff;

}



.stripNavL, .stripNavR { /* The left and right arrows */

				position: absolute;

				top: 230px;

				text-indent: -9000em;

}



.stripNavL a, .stripNavR a {

				display: block;

				height: 40px;

				width: 40px;

}



.stripNavL {

				left: 0;

}



.stripNavR {

				right: 0;

}



.stripNavL {

				background:
url("images/arrow-left.gif") no-repeat center;

}



.stripNavR {

				background:
url("images/arrow-right.gif") no-repeat center;

}