/* Front Page and PRIMARY CSS for Woven Art 

https://wovenartcollection.com
created September 2010

*/

/* Styles found here apply across the entire site */

body {
			background:			#fff;
			font-size:			100%;
			color:				#000;
			font-family:		Arial, Tahoma, Helvetica, "Century Schoolbook L", sans-serif;
}

p {
			line-height:		140%;
			padding:			5px 0px 10px 0px;
			font-size:			1em;
}

h2 {
			font-family:		"Lucida Grande", "Palatino Linotype";
			font-variant:		small-caps;
			font-weight:		bold;
			font-size:			1.35em;
			background:			#fff;
			border:				2px double black;
			text-align:			center;
			padding:			5px 0px;
}

form {
			padding:			5px 10px 10px 10px;
}

span.boldtext {
			font-weight:		bold;
}

a {
			font-weight:		bold;
}

em {
			font-weight:		bold;
			font-style:			normal;
}

#wrapper {	
			width:				960px;
			margin:				0 auto;
			position:			relative;
}


#mainbanner {
			margin-top:			30px;
}

#mainbanner h1 {
			font-family:		"Lucida Grande", "Palatino Linotype", Georgia;
			text-transform:		uppercase;
			font-size:			2.2em;
}
	
#mainbanner #span2 {
			color:				#BC0400;
}



.mainNav {
			position:			absolute;
			left:				535px;
			top:				15px;
}


.mainNav li {
			display:			inline;
			list-style-type:	none;
			padding:			0px 15px 0px 5px;
			
}

.mainNav li a {
			padding:				8px 8px 8px 8px;
			border:					1px solid black;
			font-size:				.93em;
			-moz-box-shadow:		-8px 8px 15px #000;
			-webkit-box-shadow:		-8px 8px 15px #000;
			box-shadow:				-8px 8px 15px #000;
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#slogan {
			font-family:		"Lucida Grande", "Palatino Linotype";
			font-variant:		small-caps;
			font-weight:		bold;
			font-size:			1.2em;
			margin-top:			-10px;
			margin-left:		2px;
}

#footer {
			font-size:			.75em;
			text-align:			center;
			clear:				both;
			margin-top:			15px;
			margin-bottom:		20px;
			padding:			5px;
			border-top:			1px solid black;
}

#footer p {
			padding:			0px;
}

a.mainlink:link {
			text-decoration:	none;
			font-weight:		bold;
			color:				#080066;
}

a.mainlink:visited {	
			color:				#7f0600;
			font-weight:		bold;
			text-decoration:	none;
}

a.mainlink:focus {
			color:				#000;
			font-weight:		bold;
			background:			#ccc;
}

a.mainlink:hover, a#activepage {
			color:				#000;
			font-weight:		bold;
			background:			#ccc;
			text-decoration:	none;
}

.activepage {
			color:				#000;
			font-weight:		bold;
			background:			#ccc;
			text-decoration:	none;
}


/* Styles found here are for appearances on the front page ONLY 

z indexes on the cycleFX enabled for sales notification only - remove later*/


#homeimghead img {
			width:				225px;
			height:				225px;
			margin-top:			75px;
}

#cyclefx1, 
#cyclefx2,
#cyclefx3,
#cyclefx4 {
			position:			absolute;
			top:				70px;
			z-index:			-2;
}


#cyclefx1 {
			left:				0px;
}

#cyclefx2 {
			left:				245px;
}

#cyclefx3 {
			left:				490px;
}

#cyclefx4 {
			right:				0px;
}

/* 75 px added for sales notification - remove at later date */

#sitenews {
			width:				715px;
			background:			#fff;
			float:				left;
			margin-top:			310px;
			padding-bottom:		15px;

}

#sitenews h2 {
			margin:				12px 0px 10px 0px;
}

 /* 50 px added to margin-top for sales notification - remove at later date */
 
#contactbar {
			background:			#fff;
			width:				225px;
			margin-left:		735px;
			margin-top:			322px;
}


#contactbar h2 {

			margin:				12px 0px 10px 0px;
			
}


#open_space {
			padding-bottom:		59px;
}	
	

#ed_space2 em {
			font-style:			italic;
			font-weight:		bold;
}
		
#hour_space1 {
			padding-bottom:		36px;
}

#contact_space {
			padding-bottom:		44px;
}


p#newsarchive {
			text-align:			right;
			text-decoration:	overline;
			padding-top:		41px;
}


#directions p {
			text-align:			center;
}


p#updated {
			margin-top:			0px;
			padding-top:		0px;
			padding-bottom:		10px;
			text-align:			center;
			font-style:			italic;
			font-size:			.8em;		
}

p#validicon1 {
			position:			absolute;
			left:				5px;
			bottom:				-10px;
}

p#validicon2 {
			position:			absolute;
			right:				5px;
			bottom:				-8px;
}

.sales_note {
			position:			absolute;
			width:				940px;
			top:				75px;
			text-align:			center;
			background:			#BC0400;
			font-weight:		bold;
			padding:			8px 8px 4px 8px;
			border:				2px solid black;			
}

.sales_note a {
			z-index:			2;
			color:				#fff;
}
	

/* THIS IS FOR THE NEWS ARCHIVE ONLY */

#archpage {
			background:			#fff;
			margin-top:			12px;
}

#archpage h2 {
			margin:				12px 10px 10px 10px;
}