/* 
URL: http:// - to be determined 
Author: Matt Green   
Title: Web Developer/Flaxen Design 
Company: Flaxen Design

** Refer to the core files 'global.css' and 'reset.css' that are loaded before this

[Table Of Contents] 

1- Global Selectors
2- Major Page Layout Elements
3- Header
4- Navigation 
5- Content 
6- Pages
7- Footer
*/

/* 1. Global Selectors 
-------------------------------------------------------------- */

body {
    background:#742b90;
    margin:0px;
    padding:0px;
}

p { 
	color:#fff;
	line-height: 18px;
	font-family: Georgia, Times New Roman, serif;
	font-size: 13px;
	text-align: center;
	font-weight: normal;
}

a {
	text-decoration: none;
}


/* 2. Major Page Layout Elements 
-------------------------------------------------------------- */

div#page {
    width:1298px;
    height:848px;
    background: url(../images/blossominterface.jpg);
    margin:0px auto;
    position:relative;
}

div#content {
	width:892px;
	margin:0px 0px 0px 195px;
	position: relative;
}

/* 3. Header 
-------------------------------------------------------------- */

h1#branding {
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	width:210px;
	height:32px;
	position: absolute;
	top:50px;
	left:8px;
}


/* 4. Navigation and Subnavigation
-------------------------------------------------------------- */

ul#navigation {
	position: absolute;	
	top:140px;
	left:40px;
}

ul#navigation li {
	list-style: none;
	float:left;
	margin-right: 10px;
}

ul#navigation li a {
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	font-family: Georgia, Times New Roman, serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .7px;	
	margin-right: 10px;
}

/* subnav */
ul#sub_navigation {
	position: absolute;	
	top:120px;
	left:5px;
	text-align:left;
}

ul#sub_navigation li {
	list-style: none;
	margin-right: 15px;
}

ul#sub_navigation li a {
	color:#fff;
	text-decoration: none;
	font-weight: normal;
	font-family: Georgia, Times New Roman, serif;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .7px;	
	margin-right: 15px;
}

ul#sub_navigation img {
	margin-right: 8px;
}

/* 5. Content
-------------------------------------------------------------- */

object#sub {
	position: absolute;
	top:104px;
	right:9px;
}

img#sub {
	position: absolute;
	top:104px;
	right:9px;
}

h2.sub {
	position: absolute;
	top:235px;
	left:30px;
}

div.content_text {
	text-align: left;
	width:390px;
	position: absolute;
	top:335px;
	left:30px;
}

div.content_text p {
	text-align: left;
	line-height: 16px;
	font-size: 12px;
}

img#pdf_icon {
	height:10%;
	width:10%;
	float: left;
	clear: both;
	margin-bottom: 12px;
	margin-right: 5px;
}

img#vangies_logo {

}

img#blossoms_logo {
	position: absolute;
	top:55px;
	left:25px;
}

a.thumbnail {
	float:left;
	margin-right: 25px;
}


/* 6. Pages
-------------------------------------------------------------- */

/* Home */ 
object#home {
    position:absolute;
    top:200px;
    left:8px;			
}

h2 {
	text-indent: -9999px;
}

h2#blossoms {
	background: url(../images/logo.png) no-repeat;
	width:210px;
	height:32px;
}

h2#vangies {
	background: url(../images/vangies.jpg) no-repeat;
	width:167px;
	height:71px;
}

div.bottom_left {
	width:368px;
	position: absolute;
	top:573px;
	left:50px;
}

div.bottom_right {
	width:350px;
	position: absolute;
	top:550px;
	right:50px;
}

div.bottom_left h2, div.bottom_right h2 {
	margin: 0px auto;
}

div.bottom_left h2 {
	margin-bottom: 18px;
}

/* wedding and social events */

h2.weddings {
	background: url(../images/weddings_heading.jpg) no-repeat;
	width:335px;
	height:81px;
}

/* corporate events */

h2.corporate {
	background: url(../images/corporate_heading.jpg) no-repeat;
	width:335px;
	height:81px;
}

/* seminars */

h2.seminars {
	background: url(../images/seminars_heading.png) no-repeat;
	width:335px;
	height:81px;
}

/* news */

h2.news {
	background: url(../images/news_heading.jpg) no-repeat;
	width:335px;
	height:81px;
}

/* contact us */

h2.contact {
	background: url(../images/contact_heading.png) no-repeat;
	width:335px;
	height:81px;
}

ul#contact {
	list-style: none;
	font-family: Georgia, Times New Roman, serif;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	color:white;
	line-height: 22px;
}

div#contact_content {
	position: absolute;
	left:10px;
	top:335px;
	width:400px;
	text-align:left;
}

div#contact_content img {
	float: none;
	margin-left: 20px;
	margin-bottom: 5px;
}

div#contact_content p {
	margin-bottom: 18px;
	margin-left:20px;
	text-align: left;
}

/* 7. Footer 
-------------------------------------------------------------- */

div#footer {
	position: absolute;
	right:10px;
	top:740px;
}

div#footer p {
	color:#ccc;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}