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

Home page style sheet for brighton website designs

Version: 1.1
Author: Darren Baldwin
Email: darren@brightonwebsitedesigns
Website: www.brightonwebsitedesigns.co.uk


------------------------------------------------------------------------------------------------------------------------ *



/* main info area with left and right columns
   ----------------------------------------------------  */
#left_column
{
	width:248px;
	float:left;
	margin:0;
	padding:20px 0 0 18px;
}

h2
{
	color:#FFF;
	background:#57404F;
	font-size:1.9em;
	text-transform:uppercase;
	margin:0;
	padding:3px 3px 3px 10px;
}

#latest
{
	background:#DA9CD4;
	color:#FFF;
	line-height:1.2;
	height:280px;
	margin:5px 0 0;
	padding:10px;
}

#latest img
{
	margin:0;
	padding:0 0 0 15px;
}

#prices
{
	background:#57404F;
	height:230px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding:15px 15px 15px;
}

#v4v
{
	height:340px;
}

#prices p
{
	color:#FBFAF7;
	text-align:left;
	font: normal 1.6em/1.7 Georgia, "Times New Roman", Times, serif;
}

/* right column
   ----------------------------------------------------  */
#right_column
{
	float:left;
	width:671px;
	margin:0;
	padding:15px 0 0 44px;
}

#right_column h3
{
	color:#e33faa;
	font-size:2.2em;
	text-transform:uppercase;
	font-weight:700;
}

#right_column p
{
	padding-bottom:25px;
	text-align:justify;
}

#right_column a:link,#right_column a:visited,#right_column a:active
{
	font-weight:700;
	background:#fbfaf7;
	color:#57404F;
	text-decoration:none;
	padding:0 2px;
}

#right_column a:hover
{
	font-weight:700;
	background:transparent;
	color:#E33FAA;
	text-decoration:none;
	padding:2px;
}

/* lower price tags in right column
   ----------------------------------------------------  */
#price_tag_left
{
	float:left;
	height:145px;
	width:323px;
	background:url(../homepage%20images/price-tag.png) no-repeat left top;
	margin:0;
	padding:0;
}

#price_tag_left #tag_heading
{
	color:#b8effb;
	font-weight:400;
	padding-top:20px;
	text-transform:uppercase;
}

#price_tag_left ul
{
	margin:0;
	padding:0;
}

#price_tag_left li
{
	list-style:none;
	color:#FFF;
	line-height:0.8;
	margin:0;
	padding:10px 0 0 20px;
}

#price_tag_right
{
	float:left;
	height:130px;
	width:253px;
	background:url(../homepage%20images/price-tag.png) no-repeat left top;
	margin:0 0 0 24px;
	padding:15px 50px 0 20px;
}

#price_tag_right a:link,#price_tag_right a:visited,#price_tag_right a:active
{
	color:#FFF;
	background:#E33FAA;
	padding:0 2px;
}

#price_tag_right a:hover
{
	color:#57404F;
	background:#D1F5FC;
}

#price_tag_right #heading
{
	color:#b8effb;
	text-transform:uppercase;
	font-weight:400;
	padding-top:0;
	padding-right:0;
	padding-left:0;
	margin:0;
}

#price_tag_right p
{
	color:#FFF;
	font-weight:400;
	line-height:1.3;
	margin:0;
	padding:0;
}

/* links section
   ----------------------------------------------------  */
#links
{
	clear:both;
	height:298px;
	padding-left:6px;
	padding-top:20px;
	padding-bottom:20px;
}

#links h3
{
	text-transform:uppercase;
	color:#57404F;
	font-size:2.2em;
	background:url(../site%20wide%20images/h3BG.jpg) repeat-x;
	height:61px;
	font-weight:700;
	text-align:center;
	width:968px;
	margin-top:0;
	margin-left:10px;
	display:block;
	padding:35px 0 0;
}

#links ul
{
	margin-right:0;
	margin-bottom:10px;
	margin-left:0;
	padding:0;
}

/* links list 1 flickr and myspace
   ----------------------------------------------------  */
#list1
{
	float:left;
	height:162px;
	width:272px;
	background:url(../homepage%20images/flickr-box.png) no-repeat left top;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding:0;
}

#list1 li
{
	list-style:none;
	text-indent:-9999px;
}

#links #list1
{
	margin-top:25px;
	float:left;
}

#flickr a
{
	width:272px;
	display:block;
	height:50px;
	background:url(../homepage%20images/flickr.jpg) no-repeat center top;
	margin:30px 0 0;
	padding:0;
}

#flickr a:hover
{
	background:url(../homepage%20images/flickrhover.jpg) no-repeat center top;
}

#myspace a
{
	width:272px;
	display:block;
	height:50px;
	background:url(../homepage%20images/myspace.jpg) no-repeat center top;
	margin:0;
	padding:0;
}

#myspace a:hover
{
	background:url(../homepage%20images/myspacehover.jpg) no-repeat center top;
}


/* links list 2 cool sites to go to
   ----------------------------------------------------  */

#list2 a
{
	display:block;
	width:185px;
	background:#da9cd4;
	height:32px;
	margin-right:0;
	margin-bottom:4px;
	margin-left:34px;
	padding:0 0 0 10px;
}

#list2 a:link,#list2 a:visited,#list2 a:active
{
	color:#FFF;
	text-decoration:none;
}

#list2 a:hover
{
	color:#584251;
	background: #ECBBE7;
}



/* links list 3 blogs
   ----------------------------------------------------  */

#list3 a
{
	display:block;
	width:185px;
	background:#ADDEEA;
	height:32px;
	margin-right:0;
	margin-bottom:4px;
	margin-left:38px;
	padding:0 0 0 10px;
}

#list3 a:link,#list3 a:visited,#list3 a:active
{
	color:#56414E;
	text-decoration:none;
}



/* tag line list
   ----------------------------------------------------  */

#list4 a
{
	display:block;
	width:192px;
	background:#57404F;
	height:44px;
	margin-right:0;
	margin-bottom:4px;
	margin-left:38px;
	padding:0 0 0 10px;
}

#list4 a:link,#list4 a:visited,#list4 a:active
{
	color:#FFF;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:2;
}


/* shorthand css for lists
   ----------------------------------------------------  */

#links #list2,#links #list3,#links #list4
{
	margin-top:40px;
	float:left;
}

#list2 li,#list3 li,#list4 li
{
	list-style:none;
}

#list3 a:hover
{
	color:#BA966B;
	background: #D1F5FC;
}

#list4 a:hover
{
	color:#DA9CD4;
	background: #330000;
}