﻿/***
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 .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;
}

#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%;
}