/* ---------- Home content ---------- */

#main, .additional_info {
background: url(../images/wrapper_bg.png) repeat-y;
}

.wrapper #home1 {
width: 725px;
float: left;
margin: 30px 0 0 -24px;
background: url(../images/accolades.png) no-repeat 6px 5px;
}

.wrapper #home1 p {
width: 400px;
float: right;
position: relative;
margin-right: -10px;
}

.wrapper #home2 {
clear: both;
width:95%;
margin: 0 auto;
}

.wrapper #home2 img {
float: none;
margin-top: 0px;
}

#text-6 {
	width: 337px;
	float: right;
	position: absolute;
	top: -307px;;
	right: -22px;
	z-index: 3000;
}

/* ---------- Testimonials Page ----------- */

ul#testimonials {
width: 95%;
list-style-type: none;
}

ul#testimonials li {
	padding: 18px 0;
}
ul#testimonials li img {
float: left;
margin: 0 10px 0 0;
}

ul#testimonials p {
float: left;
width: 540px;
*width: 500px;
margin: 3px 0 0 0;
*margin: -10px 0 0 10px;
position: relative;
padding: 0;
}

ul#testimonials p span {
font-size: 12px;
color: #a2a2a2;
margin: 0;
display: block;
}

ul#testimonials span.artistName {
color: #3493dd;
font-size: 18px;
margin-bottom: 5px;
margin-top: 0;
}

/* ---------- Pricing Page ----------- */

#buyLessons {
margin-top: 10px;
}

.pricing {
width: 550px;
margin: 5px 5px 5px 5px;
}
.pricing td.pricingHeader {
padding: 0px;
background: #fff;
}
td.pricingHeader span {
display: block;
font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
}
.pricing td {
background: #f0f1f2;
padding: 13px;
text-align: center
}
.pricing td.lessonName{
text-align: left;
font-weight: bold;
font-size: 14px;
padding-left: 25px;
color: #0c3047;
}

.pricing td.lessonName span {
color: #308edb;
}
.pricing td a {
font-weight: bold;
font-size: 12px;
}
.pricing td.view a {
color: #979797;
font-weight: normal;
font-size: 1em;
}


/* -- for pricing --- */

#main .packageEmphasis, #main .savingsEmphasis, #main .sessionEmphasis, #main .sessionSmaller, #main .sessionEmphasislinks {
font-size: 18px;
font-weight: bold;
font-style: normal;
color: #308edb;	
}

#main .savingsEmphasis {
color: #bc0c0c;
}

#main .sessionEmphasis {
font-size: 24px;
color: #2482d0;
}

#main .sessionEmphasislinks {
font-size: 18px;
color: #2482d0;
}

#main .sessionSmaller {
font-size: 14px;
color: #666;
font-weight:normal;

}



/* ------------ */


/*********************************************************************************************************
2.) Head Area: 
**********************************************************************************************************/	
#head{
width: 1130px;
height: 197px;
margin: 0 auto;
background: url(../images/nav_bg.png) no-repeat 50% 100%;
}

#subheader{
 background: #163142 url(../images/subheader_bg.gif) repeat-x 0 0;
}

#top .logo a{
background: transparent url(../images/logo.png) repeat-x top left;
}


/*image slider*/
#featured{
border-bottom:1px solid #C3C3C3;
}


img.accolades{
	margin: 0 10px 0 0;
	float: left;
}

#top #nav li ul a{
background: #fff;
border:1px solid #C3C3C3;
border-top:none;
}

#top #nav li ul a:hover{
background:#eee;
}

#top #nav li ul ul {
border-top:1px solid #C3C3C3;
}


/*********************************************************************************************************
4.) Content Area: 
**********************************************************************************************************/	
.entry h2 a {
	color: #08273b;
	font-family: Helvetica;
	font-size: 28px;
	font-weight: bold;
}

#subHeader .entry h2 a {
	color: #08273b !important;
	font-family: Helvetica;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0, .3);
	background: url(../images/heading_stars.png) no-repeat 100% 1px;
	padding-right: 113px;
}

.entry h2  {
	margin: 20px 0 20px 0;
}

#subHeader .entry h2 {
	margin: 0 0 20px 0;
}

.entry-head{
color:#999;
}

.entry-head a{
color:#777;
}

.entry li {
border-bottom:1px solid #EEEEEE;
}

.entry ul, .entry ol {
border-top:1px solid #EEEEEE;
}

/* Content Imagery */

img.imgLeft {float: left; margin: 0 10px 0 0;}
img.imgRight {float: right; margin: 0 15px 0 5px;}
img.sing {margin-top: 5px;}



/*********************************************************************************************************
5.) Sidebar area
**********************************************************************************************************/	
#top #latest_news a, .widget a, .widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{
border-bottom:1px solid #ddd;
}

#top #latest_news a:hover, .widget a:hover{
background-color: #f4f4f4;
}

.meta_sub{
border-right:1px solid #ddd;
}

/*generic*/
blockquote {
color:#777;
}

blockquote {
border-left:3px solid #777;
}
.box strong{
color:#666;
}

.more-link {
background:transparent url(../images/skin1/dot.png) no-repeat scroll 0px 6px;
color:#5e6b86;
}

/*generic color*/

h1 a, h2 a, h3 a, h4 a, h5 a h6 a{
color:#5A5A5A;
}

a{
color:#3492d9
}

a:hover{
color:#3492d9;
}

#top a:hover img{

}

h1,h2,h3,h4,h5,h6, legend{
color:#5A5A5A;
}

.meta{
color:#a0a0a0;
}
	
h7 ( 
text-align: left;
font-weight: bold;
font-size: 16px;
font-style: normal;
color: #000;
)

	
/*CONTACT FORM*/	
.valid .text_input, .valid .text_area{border:1px solid #70A41B;} /*#70A41B*/
.error .text_input, .error .text_area{border:1px solid #EE2A00;}
.ajax_alert .text_input, .ajax_alert .text_area{border:1px solid #ffb628;}


#s, .text_input, .text_area, textarea, #commentform input{
	border:1px solid #ababab;
	color:#666;
	}


#send, #top #submit{
	border:1px solid #ababab;
	background-color:#576380;
	cursor:pointer;
	color:#fff;
	
	}
	
#send:hover, #top #submit:hover{
	background-color:#fff;
	color:#666;
	}
	
#searchsubmit{
background: transparent url(../images/skin1/button_search.png) no-repeat left top;
}
#searchsubmit:hover{
background: transparent url(../images/skin1/button_search.png) no-repeat left bottom;
}


#footer{
 background: url(../images/footer_bg.gif) repeat-x 0 0;
 position: relative;
}

/* ---------------------- Pagination -------------------*/

.pagination span, .pagination a{
	border:1px solid #c3c3c3;
	color:#888;
	background:#FFFFFF url(../images/skin1/bg.jpg) no-repeat scroll top center;
}

.pagination a:hover{
	border:1px solid #c3c3c3;
	color:#333;
	background:#bcbcbc;
}
.pagination .current{
	border:1px solid #c3c3c3;
	color:#333;
	background-color:#c3c3c3;
}

#top .commentlist .odd{
background: transparent url(../images/skin1/bg.jpg) repeat-x top center;
}

/* ----------------- Main Form ----------------- */

#sidebar {
	width: 315px;
	float: right;

}

#sidebarForm {
	width:337px;
	height: 700px;
	margin: 14px 0 0 2px;
	position: relative;
	padding-top: 100px;
	background: transparent url(../images/main_form_bg.png) no-repeat top center;
}

#subHeader #sidebarForm {
	margin-top: -321px;
	_margin-right: -24px;
} 

#sidebarForm span.formArrow {
	display: block;
	width: 64px;
	height: 70px;
	position: absolute;
	top: 63px;
	left: -42px;
	background: transparent url(../images/form_arrow.png) no-repeat 0 0;
	text-indent: -9999px;
}

#sidebarForm table {
	width:90%;
	margin: 0 auto;
}

#sidebarForm table td.label{
	text-transform: uppercase;
	color: #163142;
	font-size: 1.3em;
	padding: 14px 0 3px 0;
}

#sidebarForm form input, #sidebarForm form select, #sidebarForm form textarea { 
	border: 1px solid #98a5b5;
	
}
#sidebarForm form input  {
	width: 200px;
	margin-right: 5px
}

#sidebarForm form textarea {
	width: 270px;
}

#sidebarForm form input#submit {
	width: 281px;
	height: 74px;
	border: none;
	background: url(../images/submit.gif) no-repeat 0 0;
	margin: 25px auto 0 auto;
}

/* Home - bottom sidebar */

#homeAside {
	width: 315px;
	float: right;
	text-align: center;
	margin: 120px -22px 0 25px;
	position: relative;
}

/* CLient SLider */

#clients {
	width: 306px;
	height: 224px;
	background: transparent url(../images/client_roster_bg.gif) no-repeat top center;
	position: relative;
	overflow: hidden;
}
.jflow-content-slider {
	width: 225px;
	height: 200px;;
	overflow: hidden;
	margin: 0 0 0 43px;
	*margin-left: 0px;
	text-align: center;
}

.slide-wrapper {width: 221px; padding-right: 18px; height: 142px; margin: 0 auto; text-align: center; overflow: hidden;}
.slide-wrapper p {margin: -5px 0 0 0; padding: 0; position: relative;}

#slides .sony {padding-top: 80px!important;}
#slides .atl, #slides .sem {padding-top: 61px;}
#slides .hr,#slides .unv,#slides .gut,#slides .liv {padding-top: 68px;}

a#prev { display: block; width: 32px; height: 62px; text-indent: -9999px; cursor: pointer; position: absolute; left: 22px; bottom: 0px; z-index: 2500;}
a#next { display: block; width: 32px; height: 62px; text-indent: -9999px; cursor: pointer; position: absolute; right: 20px; bottom: 0px; z-index: 2500;}

/* Record Image */

#recordImg {width: 306px; height: 266px; background: transparent url(../images/record_img_bg.jpg) no-repeat top center; margin: 39px 0 0 0;}

.simply-scroll-container {position: relative; padding-top: 232px;}
.simply-scroll-clip {width: 275px !important; margin: 0 auto;position: relative; overflow: hidden;z-index: 2;}
.simply-scroll-list { 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;

}
.simply-scroll .simply-scroll-clip {
	width: 300px;
	height: 200px;
}	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 400px;
	height: 200px;
	color: #fff;
	font-size: 1.3em;
}

/* Site Map */

.ddsg-wrapper h2 {font-size: 1.8em; color: #000;}
.ddsg-wrapper ul {list-style-type: none; font-size: 1.2em; width: 90%;}
.ddsg-wrapper ul li {height: 25px; line-height: 25px;}

#frameBox{
	border-style:groove;
    border-width:5px;
	border-color: #328fdc;
	width: 692;
	background-color:#fff;
	padding: 10px;
	margin-top:-35px;
    margin-bottom:50px;
}

#frameBoxgold{
	border-style:groove;
    border-width:5px;
	border-color: #c09502;
	width: 692;
	background-color:#fff;
	padding: 10px;
	margin-top:-35px;
    margin-bottom:50px;
}

#frameBoxplat{
	border-style:groove;
    border-width:5px;
	border-color: #899aa3;
	height: 250;
	background-color:#fff;
	padding: 10px;
	margin-top:-35px;
    margin-bottom:50px;
}


#frameBox .frameCopy, #frameBox  .frameHeader, #frameBox  .frameSub{
font-size: 16px;
font-weight: bold;
font-style: normal;
color: #000;	
}

#frameBox .frameSub {
color: #55ca8a;
}

#frameBox .frameHeader {
font-size: 24px;
color: #237eb5;
}