﻿@import url(resets.css);

body {
	background: url(../images/bodybkg.gif);
}

/********************************************************************************************
	PAGE WRAPPER
********************************************************************************************/
#page-wrapper {
	background:  #fcead9 url(../images/pagebkg.gif) repeat-x;
	margin: 32px auto 10px auto;
	padding: 7px 7px 19px 7px;
    position: relative;
	width: 786px;
}

/********************************************************************************************
	PAGE WRAPPER
********************************************************************************************/
#content-wrapper {
	border: 7px solid #44641c;
	padding-bottom: 30px;
}

/********************************************************************************************
	HEADER
********************************************************************************************/
#header {
	background: url(../images/header.gif) no-repeat;
    height: 114px;
	margin: 2px auto;
	width: 756px;
}

/********************************************************************************************
	SMALLER HEADER
********************************************************************************************/
#smaller-header {
	background: url(../images/smaller-header.png) no-repeat;
    height: 69px;
	margin: 0 auto;
	width: 756px;
}


/********************************************************************************************
	MENU
********************************************************************************************/	
#menu {
	margin: 14px 0 25px 20px;
	overflow: auto;
}
#menu li {
	display: inline;
}
#menu li a {
	color: #2e1a07;
	display: block;
	float: left;
	font: 14px georgia, arial, sans-serif;
	font-weight: bold;
	margin-right: 20px;
	text-decoration: none;
}
#menu li a:hover { color: #ac001e; }

/********************************************************************************************
    CONTENT
********************************************************************************************/
#content {
    float: left;
    width: 536px;
}
#content h1 {
    color: #2e1a07;
    font: 19px georgia;
    margin: 37px 0 4px 40px;
}
#content h2 {
    color: #2e1a07;
    font: 18px georgia;
    margin-bottom: 14px;
    margin-left: 40px;
}

#content h3 {
    color: #2e1a07;
    font: 13px georgia;
    font-weight: bold;
    margin-bottom: 14px;
    margin-left: 40px;
}

#content img {
    margin: 0 15px 15px 10px;
}
#content p {
    color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;
    margin: 0 60px 10px 40px;
}
#content .big-phone {
    margin-left: 0px;
    margin-bottom: 15px;
}

/* LIST STYLE */
#content ul {
	margin-bottom: 10px;
	margin-left: 40px;
	/* Use this if you want to use bullets with the list */
	margin-left: 60px;
}
#content ul li {
	color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;
    /*list-style: disc;*/
}


/********************************************************************************************
    SIDEBAR 1 - (Index Page)
********************************************************************************************/
#sidebar-1 {
    margin: 0 10px 0 536px;
}
#sidebar-1 h2 {
	color: #2e1a07;
    font: 24px georgia;

}
#sidebar-1 p {
    color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;
    margin-bottom: 10px;
}
#sidebar-1 ul {
	margin-bottom: 10px;
}
#sidebar-1 ul li {
	color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;

}

/********************************************************************************************
    SIDEBAR 2 - (Interior Pages)
********************************************************************************************/
#sidebar-2 {
    margin: 0 10px 0 536px;
}
#sidebar-2 h2 {
	color: #2e1a07;
    font: 24px georgia;

}
#sidebar-2 p {
    color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;
    margin-bottom: 10px;
}
#sidebar-2 ul {
	margin-bottom: 10px;
}
#sidebar-2 ul li {
	color: #3a3a3a;
    font: 12px myriad pro, arial, sans-serif;
    line-height: 18px;

}


/********************************************************************************************
    INVITATION - (Getting Started)
********************************************************************************************/
#invitation {
	width:400px;
	border:3px solid #44641C;
	margin:20px 0 20px 40px;
	padding:20px 20px 10px 10px;
}
#invitation p {
	padding:0px;
	margin:5px 0 5px 10px;
}
#invitation h3 {
	padding:0px;
	margin:5px 0 5px 10px;
}


/********************************************************************************************
	FOOTER
********************************************************************************************/
#footer {
	background: #ac001e;
	color: #fff;
	height: 18px;
	font: 10px georgia, arial, sans-serif;
	overflow: auto;
	padding: 0 30px;
}
#footer a {
	color: #fff;
	display: block;
	float: left;
	font: 10px georgia, arial, sans-serif;
	line-height: 16px;
	margin-right: 20px;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }
#footer p {
	line-height: 16px;
	text-align: right;
}

/********************************************************************************************
	GLOBAL
********************************************************************************************/

a {
	font-weight: bold;
	text-decoration: none;
	color: #44641C;
	}

a:link {
	font-weight: bold;
	text-decoration: none;
	color: #44641C;
	}
	
a:visited {
	font-weight: bold;
	text-decoration:none;
	color: #44641C;
	}

a:hover {
	font-weight: bold;
	text-decoration:underline;
	color: #44641C;
	}


.big-phone {
	color: #ac001e;
	text-align:center;
	font: 24px georgia, arial, sans-serif;
}

.clear {
	clear: both;
}
.flt-left {
	float: left;
}
.flt-right {
	float: right;
}
.pull-quote {
	color: #2e1a07;
    font: 15px georgia;
    line-height: 24px;
    padding: 0 60px 10px 50px;
    text-indent: -8px;
 
}
.pull-quote .quote {
	font-size: 20px;
}
