/** 
 ***********************************************************
 * Platform Event Services Stylesheet
 ***********************************************************
 *
 * Author:    Ed Reckers, ed@kliky.com, Kliky.Com
 * Date:      March 22, 2010
 * Copyright: (c) Ed Reckers
 *
**/

body {
	margin: 0;
	padding: 0;
	background-image:url(images/comps/master.01.jpg);
	background-image:url(images/bg.jpg);
}

/*
 * Header
*/

#head-container {
        margin: 0px;
        padding: 0px;
	height: 102px;
	width: 984px;
/*
	border: 1px solid black;
*/
}

.logo {
        margin: 20px 0px 0px 10px;
	border: 0px;
}

.clear {
	clear: both;
}

#sidebar-container {
	position: absolute;
	left: 10px;
	top: 110px;
	margin: 0px;
	padding: 0px;
	width: 60px;
	height: 500px;
	background: transparent url(images/define_refine_design_execute.jpg) no-repeat center center;
}

#body-container {
        margin: 0px 0px 0px 84px;
        padding: 14px 0px 40px 0px;
	width: 900px;
	min-height: 580px;
	background: transparent url(images/champagne_bg.jpg) no-repeat 380px 60px;
/*
	height: 1200px;
	border: 1px solid black;
*/
}

#foot-container {
        margin: 50px 0px 0px 84px;
        padding: 0px;
	height: 102px;
	width: 900px;
/*
        margin: 0px;
	width: 984px;
	border: 1px solid black;
*/
	background: url(images/i_pixel.gif) top left repeat-x;
}

#foot-container {
	color: #494949;
	text-decoration: none;
	font-size: 13px;
	font-family: Georgia;
}

.foot-menu, .foot-menu  ul {
	margin: auto;
	padding: 0px;
	list-style: none;
} 

.foot-menu li {
	float: left;
	display: block;
	position: relative;
}

.foot-menu a.foot-link, .foot-menu a.foot-link:link, .foot-menu a.foot-link:visited {
	display: block;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	color: #494949;
	text-decoration: none;
	font-size: 13px;
	font-family: Georgia;
	width: auto;
	background:transparent;
	text-transform: uppercase;
	font-weight: lighter;
	height: auto;
}


#menu-container {
	margin: 0px;
	padding: 0px;
	height: 33px;
/*
	border-top: 1px solid #bdb9a2;
	border-bottom: 1px solid #bdb9a2;
*/
	border-top: 1px solid #CFCBB5;
	border-bottom: 1px solid #CFCBB5;
	width: 100%;
	background: transparent url(images/menu.jpg) no-repeat scroll top left;
/*
	height: 33px;
	float:left;
*/
	z-index: 50;
}

.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
} 

.menulist li {
	float: left;
	display: block;
	position: relative;
	margin-right: -1px;
}

.menulist a.subject, .menulist a.subject:link, .menulist a.subject:visited {
	display: block;
	padding: 10px 18px 9px 18px;
	margin: 0px;
	color: #494949;
	text-decoration: none;
	font-size: 14px;
	font-family: Georgia;
	width: auto;
	text-align: center;
	background:transparent;
/*
	border-right: 1px solid #bdb9a2;
	border-left: 1px solid #bdb9a2;
*/
	text-transform: uppercase;
	font-weight: lighter;
	height: auto;
}

.menulist a.subject:hover, .menulist a.highlighted.subject, .menulist a.subject:focus, .menulist a.subject:active {
	color:#1E5180;
	text-decoration: none;
height: 14px;
/*
border-right: 1px solid #CFCBB5;
border-left: 1px solid #CFCBB5;
*/
border-bottom: 1px solid #CFCBB5;
	background:#FFF url(images/menu_on.jpg) top left repeat;
	}
	
/*
.menulist a.page, .menulist a.page:link, .menulist a.page:visited {
	display: block;
	text-decoration: none;
	font-size:12px;
	padding: 7px;
	color: #333333;
	font-family: Georgia;
	border-top: 0px solid;
	border-left: 1px solid #999;
	border-right: 0px solid;
	border-bottom: 1px solid #999;
	height: auto;
	background:#FFF url(images/menu_ro.jpg) top left repeat;
	font-weight: lighter;
	text-align: left;
	width: 147px;
    }
*/

/*
.menulist a.page:hover, .menulist a.highlighted.page, .menulist a.page:focus, .menulist a.page:active {
	color: #000000;
	font-weight: normal;
	background:transparent url(images/bg.jpg) top left repeat-x;
	}	
*/

a.menu_contact, a.menu_contact:link, a.menu_contact:visited {
	display: block;
/* w/ client references
	margin: 9px 0px 0px 30px;
*/
	margin: 9px 0px 0px 150px;
	color: #b76e68;
	text-decoration: none;
	font-size: 15px;
	font-family: Georgia;
	width: auto;
	text-align: center;
	background:transparent;
	text-transform: uppercase;
	font-weight: lighter;
	background:transparent url(images/donate_block.png) 0px 3px no-repeat;
	float: right;
	padding: 0px 0px 0px 20px;
    }

a.menu_contact:hover, a.menu_contact:focus, a.menu_contact:active {
	color:#c1584f;
/*
	text-decoration: underline;
*/
	background:transparent url(images/donate_block.png) 0px -20px no-repeat;
	}


#welcome-container {
	position: relative;
	display: block;
        margin: 30px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
}

#slideshow {
	position: relative;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	float: left;
	background-color: #E3E1D5;
	border: 1px solid #E5E2D7;
}

#slideshow-home {
	position: relative;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	float: left;
	background-color: #E3E1D5;
	border: 1px solid #E5E2D7;
}

#welcome {
	position: relative;
	display: block;
	width: 470px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
/*
	border: 1px solid black;
	background-image:url(images/bg.jpg);
*/
}

#welcome h1 {
	margin: 0px;
	margin-bottom: 8px;
	padding: 0px;
	font-size: 25px;
	color: #9F313C;
	line-height: 34px;
	letter-spacing: -1px;
}

#welcome p {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 24px;
}

#welcome a {
	color: black;
}


#services-container {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/i_pixel.gif) top left repeat-x;
}

#services-container h1 {
	position: relative;
	margin: 30px 0px 0px 14px;
	padding: 10px 0px 0px 0px;
	font-family: Garamond, Helvetica, Sans-Serif;
	font-size: 30px;
}

#services-container h2 {
	margin: 0px;
	padding: 0px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	color: #9F313C;
}

#services-container p {
	margin: 0px;
	padding: 0px;
	font-style: italic;
	color: #6F6F6F;
}

.feature_img {
	margin: 0px 15px 0px 0px;
	padding: 5px;
	background-color: #ffffff;
	float: left;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

.left {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 280px;
	float: left;
}

.middle {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 280px;
	float: left;
}

.right {
	margin: 0px;
	padding: 20px 0px 20px 20px;
	width: 280px;
	float: left;
}


#other-container {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/i_pixel.gif) top left repeat-x;
}

#other-container h1 {
	position: relative;
	margin: 30px 0px 0px 14px;
	padding: 10px 0px 0px 0px;
	font-family: Garamond, Helvetica, Sans-Serif;
	font-size: 30px;
}

#other-container h2 {
	margin: 0px;
	padding: 0px;
	font-family: Times New Roman, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 18px;
	color: #9F313C;
}


#process {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

#process h1 {
	position: relative;
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #4F4D40;
	font-family: Garamond, Helvetica, Sans-Serif;
	font-size: 26px;
}

#clients {
	position: relative;
	display: block;
	width: 470px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
/*
	border: 1px solid black;
*/
	background-image:url(images/bg.jpg);
}

#clients h1 {
	position: relative;
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #4F4D40;
	font-family: Garamond, Helvetica, Sans-Serif;
	font-size: 26px;
}

#clients p {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-style: italic;
	font-size: 12px;
	color: #6F6F6F;
}

#project-model {
	position: relative;
	display: block;
	text-align: center;
	width: 339px;
	height: 458px;
	margin: 0px;
	padding: 0px;
	float: right;
	font-family: Arial, Helvetica, Sans-Serif;
	background: transparent url(images/project-model-bg.jpg) no-repeat top left;
}

#project-model img {
	position: relative;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	text-align: center;
	border: 0px;
}

#project-model p {
	margin: 0px 0px 0px 37px;
	padding: 0px 0px 0px 0px;
	text-align: justify;
	width: 261px;
	color: #4F4D40;
	font-size: 13px;
	line-height: 19px;
}


#client-references {
	position: relative;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}

#client-references h1 {
	position: relative;
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #4F4D40;
	font-family: Garamond, Helvetica, Sans-Serif;
	font-size: 26px;
}

#client-references p {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-style: italic;
	font-size: 12px;
	color: #6F6F6F;
}

#client-references-text h3 {
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font-size: 16px;
	color: #7F7F7F;
	line-height: 24px;
}

#client-references-text ul {
	font-size: 15px;
	color: #7F7F7F;
}


.btn-contact {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	float: right;
	border: 0px;
}