/* - Homepage CSS File - Jinty Art School - */
/* - Copyright 2008 Lazy Grace Ltd - */
/* - 22nd October 2008 - */

/* Common Elements */
body{
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background: #ffffff url(../images/homepage/bg_1.gif) no-repeat top center;
	font-family: Tahoma, Arial, Sans-Serif, Helvetica ;
	color: #4d5a5c;
	font-size: 12px;

}


/* Base DIVs */
#container_main{
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%;
	/*background: url(../images/common/base_banner.jpg) repeat-x +264px +428px;*/
}
#container_sub{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 855px;
	height: auto;
}
#left{
	margin: 0;
	padding: 0;
	width: 302px;
	height: 440px;
	float: left;
	clear: left;
}
#left_logo{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 302px;
	height: 156px;
	background: url(../images/common/trans_logo.gif) no-repeat top;
}

#left_message{
	margin: 0 auto 0 auto;
	padding: 0 25px 0 54px;
	width: 225px;
	height: 272px;
}
#left_featuredcourse{
	margin: 0;
	padding: 0;
	width: 302px;
	height: 37px;
	background: url(../images/homepage/left_featuredcourse.gif) no-repeat top right;
}
#right{
	margin: 0;
	padding: 0;
	width: 550px;
	height: 440px;
	float: left;
}

#right_main{
	margin: 0;
	padding: 0;
	width: 524px;
	height: 319px;
}
#right_nav_home{
    margin: 0;
	padding: 27px 0 0 0;
	width: 550px;
	height: 78px;
}
#container_base{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 250px;
	clear: both;
	background: url(../images/common/base_banner.jpg) repeat-x top left;
}
#base_holder{
	margin: 0 auto;
	padding: 0;
	width: 877px;
	height: 232px;
}
#base_left{
	margin: 0;
	padding: 36px 0 0 0;
	height: 202px;
	width: 276px;
	float: left;
	background: url(../images/common/base_left.jpg) no-repeat top right;
}
#base_centre{
	margin: 0;
	padding: 36px 0 0 0;
	height: 202px;
	width: 288px;
	float: left;
	background: url(../images/common/base_centre.jpg) no-repeat top right;
}
#base_right{
	margin: 0;
	padding: 36px 0 0 0;
	height: 202px;
	width: 313px;
	float: left;
	background: url(../images/common/base_right.jpg) no-repeat top right;
}
.base_img{
	margin: 0;
	padding: 30px 10px 0 28px;
	width: 101px;
	height: 153px;
	float: left;
}
.base_content_left{
	margin: 0;
	padding: 22px 10px 0 0;
	width: auto;
	height: 135px;
}
.base_content_centre{
	margin: 0;
	padding: 22px 10px 0 150px;
	width: auto;
	height: 135px;
}
.base_content_right{
	margin: 0;
	padding: 22px 0px 0 0px;
	width: 313px;
	height: 135px;
}
.base_content_left p, .base_content_right p, .base_content_centre p{
	margin: 0;
	padding: 0;
	font-size: 10px;
}
#container_footer{
	margin: 0 auto;
	padding: 20px 0 50px 0;
	width: 790px;
	clear: both;
}
#footer_left{
	float: left;
	color: #255484;
	text-align: left;
	font-size: 10px;
	line-height: 20px;

}
#footer_left a{
	color: #66c2d2;
	text-decoration: none;
}
#footer_left a:hover{
	color: #255484;
	text-decoration: underline;
}
#footer_right{
	float: right;
	text-align: right;
	color: #255484;
	font-size: 10px;
	line-height: 20px;
}
#footer_right a{
	color: #66c2d2;
	text-decoration: none;
}
#footer_right a:hover{
	color: #255484;
	text-decoration: underline;
}
/* Navigation & Buttons */
/* -Home Link - */


.home_home_nav_home{
	float: left;
	padding: 0;
	margin: 0;
	width: 64px;
	height: 78px;
}
.home_nav_home a{
	float: left;
	display: block;
	width: 64px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_home.gif) 0 0 no-repeat;
}
.home_nav_home a:hover{
	float: left;
	display: block;
	width: 64px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_home.gif) 0 -78px no-repeat;
}
.home_nav_home_on{
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 64px;
	height: 78px;
}
.home_nav_home_on a{
	float: left;
	display: block;
	width: 64px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_home.gif) 0 0 no-repeat;
}
/* - About Link - */
.home_nav_about{
	float: left;
	padding: 0;
	margin: 0;
	width: 70px;
	height: 78px;
}
.home_nav_about a{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_about.gif) 0 0 no-repeat;
}
.home_nav_about a:hover{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_about.gif) 0 -78px no-repeat;
}
.home_nav_about_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 70px;
	height: 78px;
}
.home_nav_about_on a{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_about.gif) 0 0 no-repeat;
}
/* - Courses Link - */
.home_nav_courses{
	float: left;
	padding: 0;
	margin: 0;
	width: 93px;
	height: 78px;
}
.home_nav_courses a{
	display: block;
	width: 93px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_courses.gif) 0 0 no-repeat;
}
.home_nav_courses a:hover{
	display: block;
	width: 93px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_courses.gif) 0 -78px no-repeat;
}
.home_nav_courses_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 93px;
	height: 78px;
}
.home_nav_courses_on a{
	display: block;
	width: 93px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_courses.gif) 0 0 no-repeat;
}
/* - Art Store Link - */
.home_nav_store{
	float: left;
	padding: 0;
	margin: 0;
	width: 92px;
	height: 78px;
}
.home_nav_store a{
	display: block;
	width: 92px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_artstore.gif) 0 0 no-repeat;
}
.home_nav_store a:hover{
	display: block;
	width: 92px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_artstore.gif) 0 -78px no-repeat;
}
.home_nav_store_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 92px;
	height: 78px;
}
.home_nav_store_on a{
	display: block;
	width: 92px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_artstore.gif) 0 0 no-repeat;
}
/* - News Link - */
.home_nav_news{
	float: left;
	padding: 0;
	margin: 0;
	width: 70px;
	height: 78px;
}
.home_nav_news a{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_news.gif) 0 0 no-repeat;
}
.home_nav_news a:hover{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_news.gif) 0 -78px no-repeat;
}
.home_nav_news_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 70px;
	height: 78px;
}
.home_nav_news_on a{
	display: block;
	width: 70px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_news.gif) 0 0 no-repeat;
}
/* - Links Link - */
.home_nav_links{
	float: left;
	padding: 0;
	margin: 0;
	width: 60px;
	height: 78px;
}
.home_nav_links a{
	display: block;
	width: 60px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_links.gif) 0 0 no-repeat;
}
.home_nav_links a:hover{
	display: block;
	width: 60px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_links.gif) 0 -78px no-repeat;
}
.home_nav_links_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 60px;
	height: 78px;
}
.home_nav_links_on a{
	display: block;
	width: 60px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_links.gif) 0 0 no-repeat;
}

/* - Contact Link - */
.home_nav_contact{
	float: left;
	padding: 0;
	margin: 0;
	width: 74px;
	height: 78px;
}
.home_nav_contact a{
	display: block;
	width: 74px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_contact.gif) 0 0 no-repeat;
}
.home_nav_contact a:hover{
	display: block;
	width: 74px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_contact.gif) 0 -78px no-repeat;
}
.home_nav_contact_on{
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 74px;
	height: 78px;
}
.home_nav_contact_on a{
	display: block;
	width: 74px;
	height: 78px;
	padding: 0px;
	margin: 0px;
	background: url(../images/homepage/butt_contact.gif) 0 0 no-repeat;
}