@charset "UTF-8";

/* CSS JAZZ FOR REVELATION CONCEPT SITE
----------------------------------------------------------*/

html, body {
	padding:0px;
	margin:0px;
	background-color:#000000;
	background-image:url('images/background.jpg');
	background-position:center 40px;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:left;
	color:#000000;	
}
p {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	text-align:left;
	color:#000000;	
}
a {
	color:#FF7D00;
	text-decoration:underline;
	font-weight:bold;
}
a:hover {
	color:#878787;
}
h1 {
	margin:0px;
	margin-top:5px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	font-weight:normal;
	font-style:italic;
	color:#FF7D00;
}
h2 {
	margin:0px;
	margin-top:2px;
	margin-bottom:5px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	font-weight:normal;
	color:#FF7D00;	
}
ul {
	float:left;
	padding:0px;
	margin:0px;
	width:100%;
	height:auto;	
}
li {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	list-style:none;
}
li a {
	text-decoration:none;
}


/* CONTAINER PARTS
-------------------------------------------------------------*/

#container {
	padding:0px;
	margin:0px;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:919px;
	height:auto;
}
#header {
	float:left;
	padding:0px;
	margin:0px;
	width:919px;
	height:59px;
}
#tagline {
	float:left;
	padding:0px;
	margin:0px;
	width:442px;
	height:34px;
	background-image:url('images/tagline.jpg');
	background-repeat:no-repeat;
}
#siteHeading {
	float:left;
	padding:0px;
	margin:0px;
	width:919px;
	height:25px;
}
#top {
	float:left;
	padding:0px;
	margin:0px;
	width:919px;
	height:75px;
}
#wrapTop {
	float:left;
	padding:0px;
	margin:0px;
	width:919px;
	height:16px;
	background-image:url('images/wrapTop.png');
}
#logo {
	float:left;
	padding:0px;
	margin:0px;
	width:919px;
	height:59px;
}
#menu {
	float:left;
	padding:0px;
	padding-left:78px;
	margin:0px;
	width:841px;
	height:39px;
	background-image:url('images/menu.jpg');
}
#content {
	float:left;
	padding:0px;
	padding-top:15px;
	padding-bottom:20px;
	margin:0px;
	width:919px;
	height:auto;
	background-image:url('images/contentBackground.jpg');
	background-repeat:repeat;
}
#footer {
	float:left;
	padding:5px;
	margin:0px;
	width:909px;
	height:35px;
	background-image:url('images/footer.png');
}

/* MENU JAZZ....LOTS OF IT!
------------------------------------------------------------*/

#menu ul {
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
	height:39px;
	width:841px;
}
#menu li {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
#menu li a {
	float:left;
	display:inline;
	text-indent:-999999px;
	overflow:hidden;
	outline:none;
	height:39px;
}
#menu li.home a {
	background-image:url('images/home.jpg');
	width:86px;
	background-position:top;
}
#menu li.portfolio a {
	background-image:url('images/portfolio.jpg');
	width:108px;
	background-position:top;
}
#menu li.services a {
	background-image:url('images/services.jpg');
	width:109px;
	background-position:top;
}
#menu li.about a {
	background-image:url('images/about.jpg');
	width:122px;
	background-position:top;
}
#menu li.contact a {
	background-image:url('images/contact.jpg');
	width:98px;
	background-position:top;
}
#menu li.blog a {
	background-image:url('images/blog.jpg');
	width:66px;
	background-position:top;
}
#menu li a:hover {
	background-position:bottom;
}
#menu li.homePage a{
	background-image:url('images/homePage.jpg');
	width:86px;
}
#menu li.portfolioPage a{
	background-image:url('images/portfolioPage.jpg');
	width:108px;
}
#menu li.servicesPage a{
	background-image:url('images/servicesPage.jpg');
	width:109px;
}
#menu li.aboutPage a{
	background-image:url('images/aboutPage.jpg');
	width:122px;
}
#menu li.contactPage a{
	background-image:url('images/contactPage.jpg');
	width:98px;
}
#menu li.blogPage a {
	background-image:url('images/blogPage.jpg');
	width:66px;
}

/* HOME PAGE
----------------------------------------------------------------------HOME PAGE */

#columnLeft {
	float:left;
	padding:0px;
	margin:0px;
	width:212px;
	height:450px;
}
#columnMiddle {
	float:left;
	padding:0px;
	margin:0px;
	width:500px;
	height:auto;
}
#columnRight {
	float:right;
	padding:0px;
	margin:0px;
	width:207px;
	height:auto;
}
#featuredSpot {
	width:500px;
	height:421px;
	padding:0px;
	margin:0px;
	background-image:url('images/projectSpot.png');
	background-position:center;
	background-repeat:no-repeat;
}
#moreProjects {
	float:left;
	padding:0px;
	padding-left:39px;
	margin:0px;
	margin-top:28px;
	width:461px;
	height:27px;
}
a.viewMore {
	float:left;
	padding:0px;
	margin:0px;
	display:inline;
	text-indent:-999999px;
	overflow:hidden;
	width:145px;
	height:27px;
	background-image:url('images/viewMore.png');
}
a.viewMore:hover {
	background-image:url('images/viewMoreSelect.png');
}
#featuredProject {
	float:left;
	padding:0px;
	padding-left:39px;
	padding-right:39px;
	margin:0px;
	margin-top:10px;
	width:422px;
	height:285px;
}
#featuredInfo {
	float:left;
	padding:0px;
	padding-left:42px;
	margin:0px;
	margin-top:10px;
	width:458px;
	height:50px;
}
#topBox {
	float:right;
	padding:10px;
	margin:0px;
	margin:10px 10px 0px 0px;;
	width:165px;
	height:auto;
	background-color:#000000;
	background-position:center;
	background-repeat:no-repeat;
}
#bottomBox {
	float:right;
	padding:10px;
	margin:10px 10px 0px 0px;
	width:165px;
	height:auto;
	background-color:#000000;
	background-position:center;
	background-repeat:no-repeat;
}

/* PORTFOLIO PAGE
--------------------------------------------------------------------PORTFOLIO PAGE */

#columnProject {
	float:left;
	padding:0px;
	padding-left:30px;
	padding-top:25px;
	margin:0px;
	width:682px;
	height:auto;
}
#previewSpot {
	float:left;
	padding:0px;
	padding-left:45px;
	padding-right:45px;
	padding-bottom:25px;
	margin:0px;
	width:562px;
	height:auto;
	background-image:url('images/previewSpot.png');
	background-repeat:no-repeat;
}
#projectInfo {
	float:left;
	padding:0px;
	margin:0px;
	width:562px;
	height:auto;
}
#sampleImage {
	float:left;
	padding:0px;
	margin:0px;
	width:562px;
	height:auto;
}
#chooseProject {
	float:left;
	padding:0px;
	margin:0px;
	margin-top:40px;
	width:148px;
	height:20px;
}
#projectList {
	float:left;
	padding:0px;
	margin:0px;
	margin-top:25px;
	width:207px;
	height:auto;
}
#projectList ul {
	float:left;
	padding:0px;
	margin:0px;
	width:207px;
	height:auto;	
}
#projectList li {
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	list-style:none;
}
#projectList li a {
	text-decoration:none;
}

/* ABOUT PAGE
--------------------------------------------------------------------------ABOUT PAGE */
#columnAbout {
	float:left;
	padding:0px;
	margin:0px;
	width:611px;
	height:auto;
}
#aboutPhotos {
	float:left;
	padding:0px;
	margin:0px;
	width:611px;
	height:435px
}
#aboutQuotes {
	float:left;
	padding:0px;
	margin:0px;
	margin-left:10px;
	width:591px;
	height:449px;
}
#columnAboutRight {
	float:right;
	padding:0px;
	padding-right:10px;
	margin:0px;
	width:298px;
	height:auto;
}

/* TESTIMONIAL PAGE
---------------------------------------------------------------TESTIMONIAL PAGE */

#title {
	float:left;
	padding:0px;
	margin:0px;
	margin-top:10px;
	margin-bottom:25px;
	width:100%;
}
#testimonials {
	float:left;
	padding:0px;
	margin:0px;
	width:500px;
	height:auto;
}

/* BLOG PAGE
------------------------------------------------------------------BLOG PAGE */

#columnBlog {
	float:left;
	padding:0px;
	padding-left:15px;
	padding-right:15px;
	margin:0px;
	width:581px;
	height:auto;
}
#columnBlogRight {
	float:right;
	padding:0px;
	padding-right:10px;
	margin:0px;
	width:298px;
	height:auto;
}
.blogTitle {
	font-size:25px;
	line-height:30px;
	margin-bottom:20px;
}


/* EXTRA JAZZ
--------------------------------------------------*/
.noBorder {
	border-width:0px;
}
.orangeFont {
	color:#FF7D00;
}
.whiteFont {
	color:#FFFFFF;
}
.greyFont {
	color:#868686;
}
.titleBold {
	font-weight:bold;
}
.leftAlign {
	float:left;
}
.tab {
	text-indent:20px;
}
#footLinks, #footLinks ul {
	float:right;
	width:400px;
	display:inline;
}
#footLinks li, #footLinks img {
	float:left;
	width:auto;
	border:none;
}
#footer p {
	float:left;
	width:400px;
}
.rightSpace {
	margin-right:5px;
}


/* FORMS
---------------------------------------------------*/
.message {
	background:#eee; 
	color:#000;
	display:none;
	width:175px;
	padding:10px;
}
.contact {
	text-align:left;
}
.contact ul {
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
	width:175px;
}
.contact li {
	list-style-type:none;
	margin-bottom:10px;
}
.contact li.special {
	display:none;
}
.contact input {
	width:175px;
}
.contact textarea {
	width:425px;
}
input.submitbutton {
	float:left;
	border:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:113px;
	height:34px;
	background-image:url('images/submit.png');
	background-position:center;
	background-repeat:no-repeat;
}
input.submitbutton:hover {
	float:left;
	border:0px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:113px;
	height:34px;
	background-image:url('images/submit2.png');
	background-position:center;
	background-repeat:no-repeat;
}
#leftContact {
	float:left;
	width:50%;
}
#rightContact {
	float:right;
	width:50%;
}