/* BEGIN css styles for www.CoburnHawk.com 2007 - Coburn Hawk */

html { height:100%; }

body {font-family: Century Gothic, Arial, Helvetica, sans-serif; color: #ADA696;  
margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0px;
 scrollbar-face-color:#7E724C; scrollbar-track-color:#463F2B; scrollbar-arrow-color:#FFFFFF; 
 scrollbar-shadow-color:#CCCCCC; scrollbar-dark-shadow-color:#FFFFFF; scrollbar-3dlight-color:#666666; 
 scrollbar-highlight-color:#000000; background-color : #000000; 
 height:100%;
   }
a { outline:none;}
/* Begin DIV Styles  */

#container{    /* This is the main site container that centers everything  */
	position:absolute; left:50%;
	margin-left:-444px; top:0px;
}
#pageBG{    /* This is the box that holds the BG images  */
	position:absolute; width:950px; height:600px; z-Index:2;
}

#mainblock {    /* This is the Main content area where galleries are  */
	position:absolute; top:90px; left : 265px;
	width: 506px; height:450px;
	 z-Index:30; padding-top:3px; padding-left:3px;
}
 #halftone {     /* This is the Halftone background behind Galleries */
    background: url(http://www.coburnhawk.com/fineart/images/Halftone.png) no-repeat top left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.coburnhawk.com/fineart/images/Halftone.png', sizingMethod='scale');
    display: inline-block;
	position:absolute; top:42px; left : 255px;
	width: 526px; height:507px;  z-Index:25; 
	filter:alpha(opacity=50);  -moz-opacity: 0.6; opacity: 0.6; 
 }

#logoname{  /* This is the Coburn Hawk Name on the Splash Page */
	position:absolute; top:130px; left:50px;
	width : 275px; height : 50px; z-index:50;
}

#topboxes {     /* here are the 4 Little colored boxes  */
    width:130px; height:85px; 
	position:absolute; top:12px; left: 281px;
	 z-Index:4;
	background-image : url(../images/topboxes.jpg);
}
#vertLines {     /* Vertical Lines joining the colored boxes  */
    width:19px; height:543px; 
	position:absolute; top:0px; left: 262px;
	 z-Index:10;
	background-image : url(../images/vertLines.jpg);
}
#baseboxes {     /* here are the 4 BIG colored boxes  */
    width:614px; height:140px; 
	position:absolute; top:541px; left: 262px;
	 z-Index:10;
	background-image : url(../images/baseboxes.jpg);
}



 #vignette2 {    /* This is the News Box  */
    position:absolute; top:363px; left:32px;
	width: 210px; height:145px; 
	z-Index:15; 
	background-image : url(../images/Vignette.png); background-repeat : no-repeat;
	padding-right : 10px; padding-left : 10px; padding-top : 33px;
 }
 #vignette2 TD {    /* This is the TEXT of the News Box  - Tricks Mozilla into proper display */
    font-size:11px;  letter-spacing:1px; 
 }
 #vignetteHead2 {  /* This is the News Box header  */
	position:absolute; top:363px; left:32px;
	width: 210px; height:31px; 
	z-Index:20; 
	background-image : url(../images/VignetteHead.png); background-repeat : no-repeat;
	padding-right : 10px; padding-left : 10px; padding-top : 7px;
}
#vignetteHead2 TD {  /* This is the TEXT for the News Box header   - Tricks Mozilla into proper display  */
	font-size:12px; font-variant:small-caps; 
	text-align:right; letter-spacing:2px; color:#FF9999;
}
 
 
#vignette1 {    /* This is the Latest Gallery Box   */
    position:absolute; top:520px; left:32px;
	width: 210px; height:145px; 
	z-Index:15; 
	background-image : url(../images/Vignette.png); background-repeat : no-repeat;
	padding-right : 10px; padding-left : 10px; padding-top : 33px;
 }
#vignette1 TD {    /* This is the TEXT of the Latest Gallery Box  - Tricks Mozilla into proper display */
    font-size : 11px;  letter-spacing : 1px;
 }
 #vignetteHead1 {   /* This is the Latest Gallery Box header  */
	position:absolute; top:520px; left:32px;
	width: 210px; height:31px; 
	z-Index:20;
	background-image : url(../images/VignetteHead.png); background-repeat : no-repeat;
	padding-right : 10px; padding-left : 10px; padding-top : 7px;
}
#vignetteHead1 TD {  /* This is the TEXT for the Latest Gallery Box header   - Tricks Mozilla into proper display  */
	font-size:12px; font-variant:small-caps; 
	text-align:right; letter-spacing:2px; color:#FF9999;
}

 
#copyright {     /* This is the copyright text  */
 	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 9px;
	color: #FF3300; position:absolute; top:695px; left:560px;
	height:30px; letter-spacing : 2px;
	 z-Index:10; 
 }

/* END DIV Styles  */


/* Begin Navigation Placement Styles   ----------------------------------------------------------------  */

#leftnav { /* This is the positioning of the LEFT navigation */
	position:absolute; top:225px; left : 75px;
	 z-Index:10; width:175px; height:160px;
}
#leftnavplace { /* This is the positioning of the LEFT navigation Column */
	position:absolute; top:0px; left : 0px;
	 z-Index:10; width:250px; height:600px;
}

#skinmenu{
	position:absolute; top:65px; left : 55px;
	 z-Index:100; 
}
select {
	background-color : #3B293B; color: #FF6600; 
	border: #FF6600 1px solid;
	font-size : 11px;
}


/* This is the look of the links and hover in the BOTTOM navigation */
.basenav { font-family: Century Gothic, Arial, Helvetica, sans-serif;	 color: #FF6600;	text-decoration: none;  
letter-spacing : 1px; font-size : 12px;  font-variant : small-caps;   }
.basenav:active, visited, link { font-family: Century Gothic, Arial, Helvetica, sans-serif; font-style: normal;
	   color: #FF6600;	text-decoration: none; }
.basenav:hover { font-family: Century Gothic, Arial, Helvetica, sans-serif;    text-transform: none;
	color: #FFA54A; text-decoration: underline; }
	
/* This is the look of the links and hover in the ABOUT THE ARTIST navigation */
.aboutnav { font-family: Century Gothic, Arial, Helvetica, sans-serif;	 color: #FF6600;	text-decoration: none;  
font-size : 14px; letter-spacing : 2px;  font-variant : small-caps;   }
.aboutnav:active, visited, link { font-family: Century Gothic, Arial, Helvetica, sans-serif; font-style: normal;
	   color: #FF6600;	text-decoration: none; }
.aboutnav:hover { font-family: Century Gothic, Arial, Helvetica, sans-serif;    text-transform: none;
	color: #FFA54A; text-decoration: underline; }
	
/* END Navigation Placement Styles  --------------------------------------------------------------   */

H1 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 27px;
	font-weight : bold; color: #AD33AD; letter-spacing : 3px;
 }
H2 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 16px;
	font-weight : bold; color: #660000; letter-spacing : 3px;
}
/* END css styles for www.CoburnHawk.com 2007 - Coburn Hawk */

