/*
	freshmusic.net.au Screen Styles

	Table of Contents:
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height:14px;
		color: #333333;
		background-color:#FFFFFF;
		margin: 0;
		padding: 0;
		text-align: center; /* to correct the centering IE bug*/
		padding-bottom:35px;
		}	

#frame {
		width:100%;
		text-align:left;
		}
#frame-blk {
		width:100%;
		text-align:left;
		background-color:#000000;		
		}
#frame-grey {
		width:100%;
		text-align:left;
		background-color:#F3F5F7;		
		}
#frame-brown {
		width:100%;
		text-align:left;
		background-color:#F2F2F2;		
		}
		
a {outline:none;}	

/* = header-gen---------------------- */
#header-gen {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		top:0px;
		width:978px;
		height:276px;
		}
		
#header-gen-logo1 {
		position:absolute;
		top:74px;
		left:0px;
		width:178px;
		height:126px;

		}
#header-gen-menuline {
		position:absolute;
		top:0px;
		left:203px;
		background:url(../images/bg/y-line.gif) repeat-y;
		width:1px;
		height:83px;
		}
#header-gen-yline {
		position:absolute;
		top:0px;
		left:203px;
		background:url(../images/bg/y-line.gif) repeat-y;
		width:1px;
		height:276px;
		}
#header-gen-menu {
		position:absolute;
		top:83px;
		left:201px;
		width:143px;
		float:left;
		z-index:99;
		}
#header-gen-menu a {text-decoration: none;}
#header-gen-menu ul {
		margin: 0;
		padding:0;	
		float:left;
		}
#header-gen-menu ul li {
		list-style:none;
		margin: -3px 0 0 0;
		padding:0;	
		}
#header-gen-menu ul li a {display:list-item;}	
		
#header-gen-logo2 {
		position:absolute;
		top:27px;
		left:445px;
		}
		
/* = home-pics---------------------- */
#home-pics {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		background-color:#000000;
		top:0px;
		left:0px;
		border-right:1px solid #FFFFFF;
		width:977px;
		height:218px;
		}
#home-pics img {
		border-left:1px solid #FFFFFF;
		}
		
/* = title-bar---------------------- */
#title-bar {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		background-color:#000000;
		padding:12px 0 8px 223px;
		width:755px;
		height:20px;
		color:#FFFFFF;
		font-size:18px;
		}
	
/* = home-content---------------------- */
#home-content {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:968px;
		padding:42px 10px 25px 0;
		overflow:hidden;
		}
		
#soho {
		position:relative; /* container positioning */
		width:86px;
		height:85px;
		top:149px;
		left:65px;
		float:left;
}		
/* = home-content---------------------- */
#home-content-body {
		position:relative; /* container positioning */
		width:745px;
		top:0px;
		left:137px;
		float:left;
		text-align:justify;
		}

		

/* = grey-content---------------------- */
#gen-content {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:755px;
		text-align:justify;
		padding:15px 0 20px 223px;
		}


/* = media-content---------------------- */
#media-content {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:978px;
		height:630px;
		text-align:left;
		padding:15px 0 20px 0;
		left:0px;
		}		
#media-menu {
		position:relative;
		top:35px;
		left:0px;
		width:184px;
		float:left;
		text-align:right;
		z-index:99;
		font-size:11px;
		color:#333333;
		}
#media-menu a:link, #media-menu a:visited {color:#333333; text-decoration:none;} 
#media-menu a:hover {color:#333333; text-decoration:underline;}

#media-content-body {
		position:relative;
		top:35px;
		left:116px;
		width:668px;
		float:left;
		text-align:left;
		}


/* = grey-content---------------------- */
#grey-content {
		position:relative; /* container positioning */
		left:0px;
		width:727px;
		overflow:hidden;
		padding-right:4px;
		background:#333333;
		}
#grey-content img.name {padding-left:14px; padding-top:4px; float:left;}
#grey-content img.pics {padding-left:4px; padding-top:4px; float:right;}

#grey-content-text {
		position:relative;
		width:656px;
		padding:32px 25px 35px 50px;
		background-color:#333333;
		color:#FFFFFF;
		overflow:hidden;
		text-align:justify;
		}
		
		
		
/* = bg-dotline---------------------- */		
#bg-dotline {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:100%;
		height:2px;
		background:url(../images/bg/horizontal-line.gif) repeat-x;
		}	

/* = home-testimonials---------------------- */
#home-testimonials {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:745px;
		height:110px;
		padding:21px 10px 37px 223px;
		border-bottom:2px solid #FFFFFF;
		text-align:justify;
		}
		
/* = gen-testimonials---------------------- */
#gen-testimonials {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:745px;
		padding:21px 10px 37px 223px;
		border-bottom:2px solid #FFFFFF;
		text-align:justify;
		overflow:hidden;
		}
		
/* = home-clientport---------------------- */
#home-clientport {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:745px;
		height:18px;
		padding:17px 10px 19px 223px;
		}
/* = home-clientport-heading---------------------- */
#home-clientport-heading {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;	
		width:160px;
		float:left;
		}	

/* = home-clientport-slide---------------------- */
#home-clientport-slide {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;
		padding-top:1px;	
		width:585px;
		float:left;
		}		
		

/* = footer---------------------- */
#footer {
		position:relative; /* container positioning */
		margin-left:auto;
		margin-right:auto;
		width:978px;
		padding:26px 0 0 0;
		text-align:right;
		color:#999999;
		font-size:9px;
		left:0px;
		}
#footer a:link, #footer a:visited {color:#999999; text-decoration:none;} 
#footer a:hover {color:#999999; text-decoration:underline;}

#footer a.link_rpi:link, #footer a.link_rpi:visited {color:#FF6600; text-decoration:none; font-size:11px; font-weight:bold;}
#footer a.link_rpi:hover {color:#FF6600; text-decoration:underline; font-size:11px; font-weight:bold;}	

#footer a.link_tsd:link, #footer a.link_tsd:visited {color:#EC008C; text-decoration:none;}
#footer a.link_tsd:hover {color:#EC008C; text-decoration:underline;}	
	
/* typography
----------------------------------------------- */

p {margin:0px 0px 10px 0px;}

h1 {
	color:#2E60AD;
	margin:0px;
	padding:0px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
}

.heading {font-size:18px; color:#2E60AD; }
.fontsize-small {font-size:11px;}

.main-font {font-style:normal; font-size:14px; line-height:17px; }

/* = colors ---------------------- */
.font-blue {color:#2E60AD;}
.font-black {color:#000000;}
.font-normal {font-weight:normal;}
.font-pink {color:#EC008C;}
.font-red {color:#D60000;}


/* = hyperlinks ---------------------- */
a:link, a:visited {color:#333333; text-decoration:none;} 
a:hover {color:#333333; text-decoration:underline;}

/* = form ---------------------- */
.button {font-size:11px; font-weight:bold; color:#3F6EB6; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; background-color:#B5DAF3;}	
.txtbox {font-size:11px; padding:2px 3px 2px 3px; margin:0px; border:1px solid #CCCCCC; width:150px;}	
.box-titles {font-size:10px; font-weight:bold; vertical-align:top; color:#333333;}