body.homepage	{
	background: url(../images/bg-page.gif) top left repeat-x;
	color: #4d4c4b;
	font-family: Verdana, Arial, sans-serif;
	font-size: 68%;
	padding: 0px;
	margin: 0px
}
img	{
	border: 0px
}
a, 
a:visited,
a:active	{
	color:#003f69;
	text-decoration: none
}
a:hover	
{
	color:#609128;
	text-decoration: none
}

.accessible{
	display: none
}

/* Headings */
h1, h2, h3, h4	
{
	margin: 0px;
	padding: 0px;
	line-height: 100%
}
h1 	{font-size: 1.5em;}
h2	{font-size: 1.3em;}
h3 	{font-size: 1.2em;}
h4 	{font-size: 1.1em;}
h5 	{font-size: 1em;}
h6 	{font-size: 1em;}

p{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	line-height: 14px
}
/* PAGE CONTENT*/
.page-layout{
	display:block;
	margin: 0px auto;
	padding: 0px;

}
#page-content{
	display: block;
	clear:both;
	margin: 0px auto;
	width: 950px;
	padding-top: 10px;
}
/* HEADER */
#header {
	display: block;
	clear: both;
	padding: 5px 0px 0px 10px;
	height: 105px;
	position:relative
}
#header #logo{
	width: 190px;
	height: 61px;
	padding-top: 25px
}
#header .release{
	background-image: url(../images/release.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 109px;
	height:0px;
	overflow: hidden;
	width: 206px;
	top: 0px;
	right: 0px;
	position:absolute
	
}
#header #logo a{
	background: url(../images/jchmedia-logo.gif) top left no-repeat;
	width: 190px;
	display:block;
	padding-top: 61px;
	height: 0px;
	overflow: hidden
}
/* DIV Wrapper */


#wrapper {
    margin: 0px auto;
	WIDTH: 950px;
	padding: 0px !important; 
	background-image: url(../images/bg-intro.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;

}
#slider {

    margin: 0px;
    padding: 0px;
    position: relative;
	
}
.scroll {
    height: 252px;
    width: 953px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    _margin-top: -32px;

}

.scrollContainer div.panel {
    padding: 0px 2px !important;
    height: 252px !important;
    width: 953px !important;
    margin: 0px !important;
    overflow: hidden
}

ul.navigation {
    list-style: none;
    margin: 1px 0px;
    _margin: -31px 0px 1px 0px;
    padding: 0px;
    BACKGROUND: url(../images/bg-tabs2.gif) no-repeat left bottom; 
	height: 76px;
	width: 955px;
	overflow: hidden;
	display: block;
	clear: both 
}

ul.navigation li {
    float: left;
    padding: 0px;
    margin: 0px;

}
.navigation .design 
{
	margin: 0px 0px 0px 37px;
	_margin: 0px 0px 0px 20px;
	height: 55px;
	overflow: hidden
}
.navigation .design  a{
	display: block;
	background-image: url(../images/btn-design2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	WIDTH: 179px; 
	padding-top: 55px;
	height: 0px;
	overflow: hidden;
}

.navigation .digital 
{
	margin: 0px 0px 0px 90px;
	height: 55px;
	overflow: hidden

}
.navigation .digital  a{
	display: block;
	background-image: url(../images/btn-digital2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 302px; 
	padding-top: 55px;
	height: 0px;
	overflow: hidden;
}
.navigation .strategy 
{
	margin: 0px 0px 0px 90px;
	height: 55px;
	overflow: hidden
}
.navigation .strategy  a{
	display: block;
	WIDTH: 215px; 
	background-image: url(../images/btn-strategy2.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat; 
	padding-top: 55px;
	height: 0px;
	overflow: hidden;

}

ul.navigation a:hover {
    background-position: 0px -56px; 
}

ul.navigation a.selected {
    background-position: 0px -56px; 
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display: none
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
#design{
	background-image: url(../images/web-profile.jpg);
	background-position: right 0px;
	background-repeat: no-repeat 
}
#digital{
	background-image: url(../images/add-profile.jpg);
	background-position: right 0px;
	background-repeat: no-repeat 
}
#strategy{
	background-image: url(../images/share-profile.jpg);
	background-position: right 0px;
	background-repeat: no-repeat 
}
#design h2{
	BACKGROUND: url(../images/title-design.gif) left top no-repeat; 
	width: 187px;
	height: 1px;
	padding-top: 81px;
	overflow:hidden;
	margin: 10px 0px 0 0;
}
#digital h2{
	BACKGROUND: url(../images/title-digital.gif) left top no-repeat; 
	width: 408px;
	height: 1px;
	padding-top: 81px;
	overflow:hidden;
	margin: 10px 0px 0 0;
}
#strategy h2{
	BACKGROUND: url(../images/title-strategy.gif) left top no-repeat; 
	width: 208px;
	height: 1px;
	padding-top: 81px;
	overflow:hidden;
	margin: 10px 0px 0 0 ;
}
.scrollContainer p{
	color: #FFF;
	width: 400px;

}


/* 	FOOTER */

#footer{
	display: block;
	clear:both;
	background: url(../images/bg-footer.gif) top left repeat-x;
	height: 245px;
	overflow:hidden
}
#footer .inner {
	display: block;
	clear:both;
	margin: 0px auto;
	width: 950px;
	padding: 24px 0 0 0;
	position:relative
}
#footer .inner #logo{
	width: 190px;
	height: 61px;;
	position:absolute;
	right: 20px;
	top: 100px
}
#footer .inner #logo a{
	background: url(../images/logo-footer.gif) top left no-repeat;
	width: 190px;
	display:block;
	padding-top: 61px;
	height: 0px;
	overflow: hidden
}
#footer .copyright{
	color: #616161;
	padding-top: 71px;
}
#content {
	background: url(../images/bg-content.gif) top left repeat-x;
	display: block;
	clear: both;
	_height: 100%;
	overflow: auto;
	padding: 0px;
	margin: 10px 0px;
	position:relative
}
#content .left {
	background: url(../images/bg-left-content.gif) top left no-repeat;
	display: block;
	width: 11px;
	font-size: 12px;
	position:absolute;
	height: 200px;
	top: 0px;
	left: 0px 

}
#content .right {
	background: url(../images/bg-right-content.gif) top right no-repeat;
	display: block;
	width: 11px;
	font-size: 12px;
	position:absolute;
	height: 200px;
	top: 0px;
	right: 0px

}
#content .welcome{
	float: left;
	width: 285px;
	margin-top: 15px;
	padding: 0px 20px 0px 15px;
	background: url(../images/content-divider.gif) right 10px no-repeat

}
#content .mailsend{
	margin-top: 15px;
	padding-right: 10px;
	display:block;
	clear:both
}
#content .welcome h1{
	display: block; 
	clear: both;
	height: 1px;
	overflow:hidden;
	padding-top: 36px;
	width: 272px;
	background: url(../images/title-inspire.gif) top left no-repeat
}
#content .latestprojects h1{
	display: block; 
	clear: both;
	height: 1px;
	overflow:hidden;
	padding-top: 36px;
	width: 133px;
	background: url(../images/title-latest.gif) top left no-repeat
}
#content .contactus h1{
	display: block; 
	clear: both;
	height: 1px;
	overflow:hidden;
	padding-top: 36px;
	width: 133px;
	background: url(../images/title-contact.gif) top left no-repeat
}
#content .latestprojects{
	float: left;
	width: 275px;
	margin: 15px 0px 0px 20px;
	background: url(../images/content-divider.gif) right 10px no-repeat;

}

#content .latestprojects .sites{
	float: left;
	width: 300px;
	display: block;
	clear:both
}
#content .contactus{
	float: left;
	width: 280px;
	margin-top: 15px;
	padding-left: 25px;

}

#content .contactus form{
	padding: 0px;
	margin: 0px
}
#content .contactus .line{
	display: block;
	clear:both;
	padding: 5px 0px 5px 0px
}
#content .contactus .line label{
	width: 75px;
	font-weight: bold;	
	display:inline-block
}
#content .contactus .line .textfield{
	width: 180px;
	border: 1px solid #979595;
	background: #dadada
}
#content .contactus .submit{
	width: 85px;
	height: 35px;
	background: url(../images/btn-contact.gif) top left no-repeat;
	color: #FFF;
	border: 0px;
	float:right;
	margin: 5px 5px 0 0 
}
#content1 ul li,
#content2 ul li,
#content3 ul li{
	padding: 2px 0px 2px 0px;
	margin: 0
}
#content1 ul,
#content2 ul,
#content3 ul{
	padding: 0;
	margin: 10px 10px;
	list-style: none;
	font-weight: bold;
	font-size: 1.1em;
	font-family:Tahoma, Helvetica, sans-serif
}
#content .latestprojects .sites ul{
	padding: 0px;
	margin: 0px;
	list-style:none
}
#content .latestprojects .sites ul li{
	padding: 0px;
	margin:: 0px
}
#strategy ul,
#digital ul,
#design ul
{
	padding: 0;
	margin: 0px 10px;
	list-style: none;
	color: #FFF;
	font-size: 1.1em;
	font-family:Tahoma, Helvetica, sans-serif
}
#strategy ul li,
#digital ul li,
#design ul li
{
	padding: 2px 0px 2px 0px;
	margin: 0px
}