﻿/***
Author:			Andrei Vais
Filename:		home.css
Date:			18/11/2008
Description:	Styling for Majestic home page
***/

#homepage .contentcolumn
{
	display: inline;
	float: left;
	padding: 17px 0;
	width: 33.3%;
}

#homepage .middlecolumn
{
	background: #EAEAEA;
	padding: 0;
}

#homepage #intro
{
	background: none;
	padding-left: 2.3%;
	padding-right: 2.3%;
	width: 28.4%;
}

#homepage #intro .column_section
{
	float: left;
	width: 49%;	
}

#homepage #intro .rightcolumn {float: right;}

#homepage .middlecolumn #middlecolumncontent
{
	background: #FFFFFF;
	display: inline;
	float: left;
	margin: 0 3%;
	padding: 17px 0;
	width: 94%;
}

#homepage #intro h4 {margin-top: 37px;}

#homepage #intro ul
{
	display: inline;
	float: left;
	list-style: square;
	list-style-image: url('../images/darkgreyarrow.gif');
	margin-left: 5%;
	width: 94%;
}

#homepage #intro ul li {width: 98%;}

#CaseStudies, #News
{
	display: inline;
	float: left;
	padding: 0 6% 18px 6%;
	width: 88%;
}

#News
{
	padding-top: 17px;
	padding-bottom: 0;
}

#CaseStudies ul, #News ul
{
	float: left;
	margin-top: 4px;
	margin-bottom: 12px;
	width: 100%;
}

#CaseStudies ul.last, #News ul.last {margin-bottom: 0;}

#CaseStudies ul li, #News ul li
{
	float: right;
	width: 73%;
}

#CaseStudies ul li.image, #News ul li.image
{
	float: left;
	width: 25%;
}

#CaseStudies ul li a, #CaseStudies ul li a img, #News ul li a, #News ul li a img
{
	float: left;
	width: 100%;
}

#CaseStudies ul li a, #CaseStudies ul li a img {font-weight: bold;}

#News ul li a {line-height: 140%;}

#CaseStudies ul li a img, #News ul li a img
{
	max-height: 64px;
	max-width: 64px;
}

#CaseStudies a.linktositesection, #News a.linktositesection, #Testimonial a.linktositesection
{
	background: url('../images/darkgreyarrow.gif') no-repeat bottom left;
	float: left;
	font-size: 85%;
	margin-top: 8px;
	padding: 0 6% 0 3%;
	width: 84.5%;
}

#homepage #columnwithbanner
{
	padding-top: 0;
	width: 33.6%;
}

#homemasthead
{
	border-bottom: 8px solid #EAEAEA;
	float: right;
	height: 90px;
	padding-top: 62px;
	width: 100%;
}

.banner1 {background:  #161616 url('../images/home_banner_1.jpg') no-repeat top right;}
.banner2 {background:  #161616 url('../images/home_banner_2.jpg') no-repeat top right;}
.banner3 {background:  #161616 url('../images/home_banner_3.jpg') no-repeat top right;}
.banner4 {background:  #161616 url('../images/home_banner_4.jpg') no-repeat top right;}
.banner5 {background:  #161616 url('../images/home_banner_5.jpg') no-repeat top right;}
.banner7 {background:  #161616 url('../images/home_banner_7.jpg') no-repeat top right;}
.banner8 {background:  #161616 url('../images/home_banner_8.jpg') no-repeat top right;}

#homemasthead img 
{
	float: right;
	margin-right: 10px;
	width: auto;
}

#Testimonial
{
	border-top: 8px solid #EAEAEA;
	float: left;
	padding: 14px 6% 0 6%;
	width: 88%;
}

#Testimonial q
{
	background: url('../images/topquotes.gif') no-repeat top left;
	float: left;
	line-height: 140%;
	padding: 5px 6% 0 6%;
	width: 88%;
}

#Testimonial span
{
	background: url('../images/bottomquotes.gif') no-repeat top right;
	float: left;
	font-size: 85%;
	line-height: 125%;
	padding: 16px 6% 0 6%;
	width: 88%;
}
