/*lotusdesignssc.com css file. Copyright ©2009 Lotus Designs*/


body{
	background-image: url(../images/lotusDesigns_01.jpg);
	background-repeat: repeat-x;
	background-color: #ededed;
	font-family: Arial, sans-serif;
	color:#999999;
	font-size: small;
	}

.displace {
	position: absolute;
	left: -5000px;
	}


/*------BEGIN HEADER AND NAVIGATION------*/


#header{
	height:71px;
	}

.logo{
	float:left;
	padding: 15px 0 0 60px;
	}

/*
*	Setup for Nav
*/

ul.mainNav {
	list-style: none;
	padding: 0px 0px 0px 400px;
	}

ul.mainNav li {
	padding: 0;
	margin: 0;
	float: left;
	}

ul.mainNav li a {
	padding: 0;
	margin: 0;
	display: block;
	width: 122px;
	height: 71px;
	background: url('../images/mainNav.jpg');
	}

/*
*	Normal Links
*/

ul.mainNav li.home a {
	background-position: 0 0;
	}

ul.mainNav li.work a {
	background-position: -122px 0;
	}

ul.mainNav li.pricing a {
	background-position: -244px 0;
	}
ul.mainNav li.contact a {
	background-position: -364px 0;
	}
/*
*	Hover Links
*/

ul.mainNav li.home a:hover {
	background-position: 0 -71px;
	}

ul.mainNav li.work a:hover {
	background-position: -122px -71px;
	}

ul.mainNav li.pricing a:hover {
	background-position: -244px -71px;
	}

ul.mainNav li.contact a:hover {
	background-position: -364px -71px;
	}
/*
*	Clicked Links
*/

ul.mainNav li.home a:active {
	background-position: 0 -142px;
	}

ul.mainNav li.work a:active {
	background-position: -122px -142px;
	}

ul.mainNav li.pricing a:active {
	background-position: -244px -142px;
	}
	
ul.mainNav li.contact a:active {
	background-position: -364px -142px;
	}

/*
*	Selected/Active Links
*/

ul.mainNav li.home a.selected {
	background-position: 0 -213px;
	}

ul.mainNav li.work a.selected {
	background-position: -122px -213px;
	}

ul.mainNav li.pricing a.selected {
	background-position: -244px -213px;
	}
	
ul.mainNav li.contact a.selected {
	background-position: -364px -213px;
	}


/*------END HEADER AND NAVIGATION------*/




/*------BEGIN PRIMARY CONTENT------*/

#primaryContent{
	background-color: #ededed;
	background-image: url(../images/paper.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:525px;
	}

#primaryHomeContent{
	background-color: #ededed;
	background-image: url(../images/lotusDesigns_05.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:525px;
	}

#primaryGalleryContent{
	background-color: #ededed;
	background-image: url(../images/paper.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:800px;
	}
	
#primaryDescription{
	float: left;
	width: 475px;
	padding: 80px 0 0 80px;
	}
	
#featuredPortrait img{
	border: #cccccc solid 3px;
	width:475;
	height:151;
	}
	
#primaryDescription h2{
	font-size: 105%;
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
	}

#primaryDescription span{
	font-size: 100%;
	color: #999999;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
	}

#primaryDescription h3{
	font-size: 105%;
	color: #666666;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 5px 0;
	}
	
#primaryDescription p{
	font-size: 105%;
	color: #999999;
	padding: 0 0 10px 0;
	margin: 0;
	}

#primaryDescription a{
	color: #999999;
	}

#primaryDescription a:hover{
	color: #666666;
	}

/*
*	Pricing Boxes on Pricing page
*/	

#pricingBox{
	background-image: url(../images/priceBox.jpg);
	background-repeat: no-repeat;
	width: 279px;
	height: 163px;
	padding: 0 0 0 0;
	}

#pricingBox p{
	padding: 60px 0 0 15px;
	float:left;
	font-size: 110%;
}

#pricingBox strong{
	color:#666666;
}

.box1{
	float: left;
	margin: 60px 0 0 40px;
}

.box1 img{
	padding: 59px 0 0 80px;
	float:left;
}

.box2{
	float: left;
	margin: 60px 0 0 11px;
}

.box2 img{
	padding: 51px 0 0 70px;
	float:left;
}

.box3{
	float: left;
	margin: 60px 0 0 11px;
}

.box3 img{
	padding: 43px 0 0 55px;
	float:left;
}

.box4{
	float: left;
	margin: 20px 0 0 40px;
}

.box4 img{
	padding: 32px 0 0 45px;
	float:left;
}

.box5{
	float: left;
	margin: 20px 0 0 11px;
}

.box5 img{
	padding: 22px 0 0 45px;
	float:left;
}

.box6{
	float: left;
	margin: 20px 0 0 11px;
}

.box6 img{
	padding: 12px 0 0 45px;
	float:left;
}

#compositionText{
	padding: 30px 0 0 0;
	text-align: center;
	}
	
/*
*	Gallery of Work Button on Home page
*/
	
#viewGallery a.rollover {
	display: block;
	width: 243px;
	height: 26px;
	text-decoration: none;
	background: url("../images/galleryOfWorkBtn.jpg");
	}

#viewGallery a.rollover:hover {
	background-position: 0px -26px;
	}

#viewGallery a.rollover:active {
	background-position: 0px -52px;
	}

/*
*	Contact Form
*/

#contactTables{
	padding: 20px 0 0 60px;
}

#formContainer .contactForm{
	text-transform: capitalize;
	font-weight: normal;
	}

#contactTables a{
	color:#999999;
	}
	
#contactTables a:hover{
	color:#666666;
	}


/*------END PRIMARY CONTENT------*/




/*------BEGIN SECONDARY CONTENT------*/


#secondaryContent{
	padding: 40px 0 0 0;
	}

#ellenSpainhour{
	padding: 0 0 0 100px;
	float:left;
	width:126;
	height:192;
	}	

#ellenSpainhour img{
	border: #cccccc solid 3px;
	}

#secondaryDescription{
	float: left;
	width: 420px;
	padding: 0 0 0 20px;
	}

#secondaryDescription h2{
	font-size: 105%;
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#secondaryDescription p{
	font-size: 105%;
	color: #999999;
	padding: 0;
	margin: 0;
	}

#secondaryDescriptionHome{
	float: left;
	width: 600px;
	padding: 0 0 0 20px;
	}
	
#secondaryDescriptionHome h2{
	font-size: 105%;
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
	
#secondaryDescriptionHome p{
	font-size: 105%;
	color: #999999;
	padding: 0;
	margin: 0;
	}	

#connectLinks img{
	float: left;
	padding: 10px 5px 0 0;
	}
	
/*
*	Get in Touch Button on Home Page
*/

#getInTouch{
	/* padding: 10px 0 0 100px; */
	padding: 10px 0 0 0;
	}


#getInTouch a.rollover {
	display: block;
	width: 150px;
	height: 28px;
	text-decoration: none;
	background: url("../images/getInTouchBtn.jpg");
	}

#getInTouch a.rollover:hover {
	background-position: 0px -28px;
	}

#getInTouch a.rollover:active {
	background-position: 0px -56px;
	}

/*
*	Get in Touch Button on Home Page
*/

#brochureButton{
		padding: 0 0 0 350px;
	}


#brochureButton a.rollover {
	display: block;
	width: 244px;
	height: 28px;
	text-decoration: none;
	background: url(../images/pricingGuideBtn.jpg);
	}

#brochureButton a.rollover:hover {
	background-position: 0px -28px;
	}

#brochureButton a.rollover:active {
	background-position: 0px -56px;
	}

	
			
/*------END SECONDARY CONTENT------*/




/*------BEGIN FOOTER CONTENT------*/


#footer{
	background-color: #ededed;
	background-image: url(../images/lotusDesigns_08.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:128px;
	}
	
#footer p{
	 padding: 67px 0 0 85px;
	color:#666666;
	font-size: 87%;
	letter-spacing: 2px;
	}	
	
	
/*------END FOOTER CONTENT------*/