/* INDEX PAGE ONLY - WIDE FORMAT  */

/* design by Inaam */

/* main elements old bg */

body   { background-color: #4d4d4d; background-image: url("Cherry-Beach-Sound-Toronto-recording-studio-RESOURCES/bg.jpg"); background-repeat: repeat-x; background-attachment: fixed; text-align: center }
#container  { 
		background-color: #4d4d4d;
		text-align: left; 
		margin: 10px auto; 
		width: 980px 
		}
#header		 { background-image: url("Cherry-Beach-Sound-Toronto-recording-studio-RESOURCES/CherryBeachHeader980-09.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; visibility: visible; position: absolute; top: 0; width: 980px; height: 92px }
#topnav    { background: #900 fixed; position: absolute; top: 92px; width: 980px; height: 35px; border-style: solid none none; border-width: thin medium medium; border-color: maroon #900 #900 }
#subnav      { background: #996633 fixed; position: absolute; top: 127px; width: 980px; height: 31px; border: #900 }


/* navigation links */

#topnav a   { color: white; font-size: 15px; font-family: Helvetica, Arial, Geneva, sans-serif; font-weight: bold; line-height: 39px; text-decoration: none; text-transform: none; padding-right: 26px; padding-left: 26px; float: left; border-style: none; border-color: #b0b1b3 }
#topnav a:hover {

		color: red; 
		font-style: normal; 
		text-decoration: underline 
		 }

#subnav a    { color: white; font-size: 14px; font-family: Helvetica, Arial, Geneva, sans-serif; font-weight: bold; line-height: 35px; text-decoration: none; text-transform: none; padding-right: 16px; padding-left: 16px; float: left; border-style: none; border-color: #8a929a }
#subnav a:hover   { 
					color: red; 
					font-style: normal; 
					text-decoration: underline 
					}



/* mainsplash #ddd9ff - container for intro - which holds welcome blurb #eee9f6, and sidebar */

#mainsplash    { background: #ccf fixed; position: absolute; top: 158px; width: 980px; border-top: 1px solid #606060 }

#welcome { background: #ddf fixed; width: 682px; height: 460px; float: left; }

#sidenav      { width: 298px; float: right; font-size: 1em; font-family: Helvetica, sans-serif; line-height: 1.3em; }

#searchform { padding-left: 24px }



/* sidenav for top area when absolutely positioned was 9 pixels further left than 792 px*/

#sidenav object {	padding-left: 20px; 	
				}
#sidenav p  { 
		color: #23538a; 
		font-size: 13px; 
		font-weight: bold; 
		line-height: 18px; 
		text-decoration: none;	
		text-align: left; 
		margin-right: 20px; 
		margin-left: 0; 
		padding-top: 4px;
		padding-right: 0; 
		padding-left: 20px; 
		}
#sidenav h5    { 
			color: #333; 
			font-size: 12px; 
			font-weight: bold; 
			line-height: 14px; 
			text-decoration: none; 
			text-align: left; 
			margin-right: 20px; 
			margin-left: 0; 
			padding-top: 20px;
			padding-right: 0; 
			padding-left: 20px; 
			}
#sidenav a      { color: #23538a; 
				font-size: 13px; 
				font-weight: bold; 
				line-height: 18px; 
				text-decoration: none;
				}

#sidenav a:hover { 
			color: navy; 
			text-decoration: underline; 
			}



/* MAIN CONTENT AREA  */
#contentnews      { background: #b00; margin-bottom: 48 px; width: 980px; border-top: 6px solid #0d3482 }

#contentnews h2	  { color: #fff; font-size: 18px; line-height: 24px; text-transform: uppercase; padding-top: 12px }

#news { }

#content          { background: #eeeeee; padding-top: 0; position: absolute; top: 158px; width: 980px; float: left; border-top: 3px solid #606060 }
#content h2 { padding-top: 24px }
/* divs were 469-470 px */

#leftcol 	  { background: #eee;}
#leftcolpad		{padding-right: 12px; }
#rightcol 	  { background: #fff;}
#rightcolpad	{ padding-right: 24px; }
#header h1 { 
		display: none !important; }
#footer { }
#leftcol p	{color: #222; }
#leftcol h4	{color: #222; }

/* fonts */

h1 { 
	color: white; 
	font-size: 19px; 
	font-family: Arial, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 22px; 
	text-align: left; 
	text-transform: lowercase 
	}
h2       { font-size: 38px; font-family: arial, sans-serif; font-style: normal; font-weight: bold; line-height: 32px; text-align: left; text-transform: capitalize; padding-left: 24px }
h3      { font-size: 28px; font-family: arial, sans-serif; font-style: normal; font-weight: bold; line-height: 28px; text-align: left; text-transform: capitalize; padding-left: 24px }
h4    { 
	font: bold 17px/22px Arial, sans-serif; 
	text-align: left; 
	text-transform: none; 
	padding-right: 24px; 
	padding-left: 24px 
	}
h5  { 
	font-weight: bold; 
	margin-bottom: 0 
	}
p      { color: #333; font: 12px/17px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; text-align: left; text-transform: none; padding-right: 64px; padding-left: 24px }

#news p { padding-right: 12px }
#mainsplash p { color: #222; padding-right: 12px }
#mainsplash h2   { font-size: 24px; letter-spacing: -1px }
.padleft { padding-left: 24px }
.padright { padding-right: 480px }
.padleftright { padding-right: 360px; padding-left: 24px }
h4 + p { 
	margin-top: -8px 
	}


/* links */

a { 
	color: blue; 
	text-decoration: underline 
	}
a:visited { 
	color: navy 
	}

#mainsplash a { 
	color: red; 
	text-decoration: underline 
	}
#mainsplash a:visited { 
	color: maroon 
	}

#mainsplash .foot a  { color: #fff; text-decoration: none }
#mainsplash .foot a:hover { color: #ffa; text-decoration: underline }
#content a  { color: #900;}
#content a:hover { color: red }
/*#content a:visited  { color: #900 } */

#content .foot a { color: #fff; }
#content .foot a:hover { color: #ffa; text-decoration: underline }
/* #content .foot a:visited  { color: white; text-decoration: underline } *&/



/* lists and tables */

li   { list-style-type: none }
table h2  { padding-top: 24px }
table h3   { padding-top: 0 }
td  { 
	font: 12px/17px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
	text-align: left; 
	text-transform: none; 
	}

ul  { 
	list-style-type: none 
	}
#content li    { color: #333; font: 14px/28px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; text-align: left; text-transform: none; text-indent: 0; list-style-type: none; padding-right: 20px; padding-left: 24px }
li a { 
	text-decoration: none /* for sitemap */
	}

#content img  { padding-bottom: 0 }

/* bigservices */

.bigservices h2      { font-size: 24px; font-family: arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none !important; text-align: left; margin-top: 0; margin-bottom: 8px; padding-left: 0 }
.bigservices a   { font-size: 24px; font-family: arial, sans-serif; font-style: normal; font-weight: bold; text-decoration: none !important; text-align: left }
.bigservices img  { }

.bigservices td   { font-size: 16px; line-height: 24px; padding-top: 12px; padding-left: 36px }

.bigservices .callout        { color: white; font-size: 18px; line-height: 24px; text-align: center; padding: 0 }
/* footer */

.foot           { color: #eeb; font-size: 11px; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-weight: bold; line-height: 18px; background-color: #a00; text-align: center; padding-top: 16px; padding-bottom: 36px; width: 100%; border-top: 3px solid #606060; border-bottom: 6px solid #900 }
.foot a    { font-size: 13px; font-family: Helvetica, Arial, Geneva, sans-serif; font-weight: bold; line-height: 50px; text-decoration: none }



/* colours for navs */

.home /* home */ { background-color: #900 }
.services /* services */  { background-color: #0F3D99 }
.studios /* studios */  { background-color: #197F3B }
.aboutus /* about */  { background-color: #C04A13 }
.links { background-color: #602626 }
.contactus { background-color: #603913 }
.cbsom    { background-color: #900 }
.submain /* services */  { background-color: #0D3380 }
.substudios /* studios */  { background-color: #146630 }
.subaboutus /* about */   { background-color: #b34012 }
.sublinks { background-color: #4D1E1E }
.subcontactus { background-color: #4D2E0F }
.subcbsom    { background-color: #900 }

/* classes for index page */
.googlesearch { float: left }
.sourceconnect     { padding-left: 20px }