@import url("navigation.css");   /* Navigation Menu and styling found specically in this css file */
@import url("gallery.css");   /* Gallery Image styling found spacifically in this css file */

html, 
body {
	background: #000000 url(../images/vinyan_back.jpg) no-repeat fixed left top;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
/*	font: 0.95em/1.45em arial, helvetica, verdana; */
	font-family: arial;
	text-align: left;
	color: #f5f5f5;
	background-color: #000000;
	}
	
a,
img { border: none; }

a { color: #cc0000; text-decoration: none; }

a:hover { /* color: #cc0000; */ text-decoration: none; }

br { clear: both; }

#flash-intro {   /* For home page animation .swf's */
	width: 896px;
	height: 500px;
	margin: 0;
	padding: 0;
	float: left;
	background-color: #000000;
	}
	
#container {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: rgba(0, 0, 0, 0.6); /* Black semi transparent block behind text in this text zone */
	}

/*navimageszone is the spacing for images on the right of the navigation menu */
#navimageszone {
	width: 710px;
	height: 173px;
	margin: 0 27px 0 0;
	padding: 0px 0 0 0px;
	float: right;
	background-color: transparent;
	}
	
	
.nav-images img {
	width: auto;
	height: 173px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	float: right;
	}
	
#flash-intro {
	width: 896px;
	height: 500px;
	margin: 0;
	padding: 0 27px 0 27px;
	float: center;
	background-color: #000000;
	}

/* Dont think you need homecontentiagmes div as this was for full page banner wrap on Jeff Robbs*/	
#homecontentimages {
	width: 950px;
	height: auto;
	margin: 0;
	padding: 0;
	float: center;
	}

/* Setups up page main content zone */
#homecontent {
	width: 896px;
	height: auto;
	margin: 0;
	padding: 0 27px 0 27px;
	float: left;
/*	other sizes ....   font-size: 16pt;  /  font-size: 13.4pt; /	font-size: 1em; */
	font-size: 0.9em;
	text-align: justify;
	}

/*  these classes .column1 / .column2 / column3 / column 4 - can be used for column layout in homecontent section  */
.column1 {   
	width: 440px;
	margin: 0;
	padding: 0px 4px 0px 0px;
	float: left;
	}

.column2 {
	width: 440px;
	margin: 0;
	padding: 0px 4px 0px 0px;
	float: left;
	}
	
.column3 {
	width: 220px;
	margin: 0;
	padding: 0px 4px 0px 0px;
	float: left;
	}
	
.column4 {
	width: 220px;
	margin: 0;
	padding: 0px 0px 0px 4px;
	float: left;
	}

/* draws a line at top of content area */	
.border-top {
	border-top: 1px #919191 solid;
/*	width: 896; padding; 0 27px 0 27px; */
	}

/*Sets up main page area with showcontent style which is placing text on left */
#showcontent {
	width: 450px;
	height: auto;
	margin: 12px 0px 0px 27px;
	padding: 0 0 0 5px;
	float: left;
/*	other font sizes - font-size: 16pt; / 	font-size: 13.4pt; /	font-size: 1em; */
	font-size: 0.9em;
	}


/*Sets up main page area on showcontent style zone, to place images on the right */
#showcontentimages {
	width: 400px;
	height: 300px;
	margin: 0;
	padding: 12px 27px 0px 0px;
	float: right;
	}
	
	/*Sets up main page area with showcontent style which is placing text on right */
#showcontent2 {
	width: 650px;
	height: auto;
	margin: 12px 27px 0px 0px;
	padding: 0 0 0 5px;
	float: right;
/*	other font sizes - font-size: 16pt; / 	font-size: 13.4pt; /	font-size: 1em; */
	font-size: 0.9em;
	}


/*Sets up main page area on showcontent style zone, to place images on the left */
#showcontentimages2 {
	width: 240px;
	height: 300px;
	margin: 0;
	padding: 12px 0px 0px 27px;
	float: left;
	}

/* draws a line at top of content area */
.border-top {
	border-top: 1px #919191 solid;
	width: 896;
	padding; 0 27px 0 27px;
	}	
	
#footer {
	width: 896px;
	height: 58px;
	margin: 0;
	padding: 12px 27px;
	float: left;
	}
	
.border-top {
	border-top: 1px #919191 solid;
	width: 896;
	padding; 0 27px 0 27px;
	}	
	
#footer p { 
	text-align: right; 
	font-size: 8pt;
/*	font-weight: bold; */
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	}

	
#footer img { 
	float: left;
	margin: 0; 
	}