/*----------------------------------------------------------
CSS rules for Titans of Fortune home page, Dan Alef

author:     Andrew Le
email:      andrew@alchemistcreative.com
website:    http://alchemistcreative.com/
version:    1.0
----------------------------------------------------------*/

/* The Collage
----------------------------------------------------------*/
#collage {
    position: relative;
    background-color: white;
    width: 940px;
    height: 300px;
}

#collage a {
    position:absolute;
    z-index: 1;
}

#banner_01 {
	left:0px;
	top:0px;
	width:118px;
	height:150px;
}

#banner_02 {
	left:118px;
	top:0px;
	width:117px;
	height:150px;
}

#banner_03 {
	left:235px;
	top:0px;
	width:235px;
	height:300px;
}

#banner_04 {
	left:470px;
	top:0px;
	width:119px;
	height:150px;
}

#banner_05 {
	left:589px;
	top:0px;
	width:116px;
	height:150px;
}

#banner_06 {
	left:705px;
	top:0px;
	width:235px;
	height:300px;
}

#banner_07 {
	left:0px;
	top:150px;
	width:118px;
	height:150px;
}

#banner_08 {
	left:118px;
	top:150px;
	width:117px;
	height:150px;
}

#banner_09 {
	left:470px;
	top:150px;
	width:119px;
	height:150px;
}

#banner_10 {
	left:589px;
	top:150px;
	width:116px;
	height:150px;
}

#collage p {
    position: absolute;
    font-family: Georgia, Times, serif;
    font-style: italic;
    color: #47617F;
    line-height: 1em;
    margin: 0;
}

#line-1 {
    left: 123px;
    top: 195px;
    font-size: 2em;
}

#line-2 {
    left: 265px;
    top: 220px;
    font-size: 3.5em;
}

#line-3 {
    left: 530px;
    top: 265px;
    font-size: 2em;
}

/* Main
----------------------------------------------------------*/
.container {
    background: white;
}

#main {
    float: left;
    background-color: white;
    border: none;
    width: 340px;
}

#main p {
    font-size: 1.1em;
}

/* The Titans
----------------------------------------------------------*/
#testimonials {
    background-color: #D0DDE4;
    float: right;
    padding: 14px;
    width: 516px;
}

#testimonials blockquote {
    font-size: 1.25em;
}

#testimonials cite {
    display: block;
    font-size: 0.85em;
    font-style: normal;
    text-align: right;
}

#testimonials .dquo {
    font-size: 1.8em;
    margin-left: -0.4em;
    line-height: 1em;
}

.more {
    clear: both;
    margin: 2em 0 0;
}

.more a {
    color: red;
}

.more a:hover {
    color: white;
}