/* CSS Document - gillardstudio */

body {
	position: relative;
	/*background: #222222 url(images/tile-GS-04.gif) repeat-x;*/
	background-color: #222;
	margin: 0;
	padding: 0 0 25px;
	font: 100% verdana, arial, helvetica, sans-serif;
	color: #444;
}

div#header1 {
	position: absolute;
	top: 0px;
	left: 0px;
	font: bold 30px serif;
	color: #960;
	letter-spacing: 0.5px;
	/*background: url(images/tile-GS-04.gif) repeat-x left top;*/
	margin: 0px;
	padding: 0px;
}

div#links {position: absolute; top: 143px; left: 0; width: 125px; height: 700px; font: 12px verdana, arial, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em verdana, arial, sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #CBBD96; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #CC6633; background: #666666;
   border-right: 5px double #3366FF;}
div#links a span {display: none;}
/*div#links a:hover span {
	display: block;
	position: absolute; top: 148px; left: 0; width: 100px;
	padding: 5px; margin: 5px; z-index: 100;
	color: #AAA; background: black;
	font: 10px Verdana, sans-serif; text-align: center;
}*/

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {
	position: absolute;
	top: 150px;
	left: 10px;
	height: 70px;
	width: 100px;
	border: 1px solid #000000;
}

#container {
	position: absolute;
	top: 80px;
	left: 120px;
	border: 5px solid #444;
	width: 645px;
	padding: 0px;
	margin: 0px 0px 25px;
	background: #000000;
}
a {	font-size: 90%; text-decoration: none;}
 a:link {color: #444;}
 a:hover {color: #C63;}
 a:visited {color: #666;}


div#content {
	margin: 15px;
	padding: 25px 20px;
	position: relative;
	width: 575px;
	background: #CBBD96;
	visibility: visible;
}

.contact {
	height: 450px;  /*hack for firefox*/
}

div.leftimage {
	float: left;
	margin: 20px 20px 10px 0;
	border: 2px solid #444;
	position: relative;
}

div.rightimage {
	float: right;
	margin: 20px 0px 10px 20px;
	border: 2px solid #444;
	position: relative;
	font-size: 90%;
}
div.rightimage_bdr {
	float: right;
	margin: 20px 0px 10px 20px;
	border: 2px solid #444;
	position: relative;
	font-size: 90%;
	padding: 10px;
	background: #eee;
}
/*-- TEXT --*/
h1 {
	color: #333333;
	font: bolder 135% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -5px;
	margin-top: 20px;
	margin-right: 20px;
	}
h2 {
	font: bold 110% sans-serif;
	padding-bottom: 0;
	margin-bottom: -12px;
	color: #444;
}
h3 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0;
	margin-bottom: -15px;
	color: #444;
}
p {
	font-size: 90%;
	color: #444;
	margin-bottom: -5px;
}
.font_sz80 {font-size: 80%}
/*-- end of TEXT --*/

div#footer {
	font-size: 70%;
	color: #666666;
	margin: 0;
	padding: 5px;
	position: relative;
	border-top: 5px solid #444;
	text-align: center;
	clear: both;
	background: #222222;
}

div.leftcol {
	text-align: left;
	float: left;
	width: 125px;
	margin: 0px;
	padding: 5px;
	background: #FFFFCC;
	position: absolute;
	top: 275px;
}
/*webdesign page*/
div.rightcol {
	text-align: center;
	float: right;
	width: 250px;
	margin: 0px;
	padding: 5px;
	position: relative;
}
.img-border {border: 1px solid 000;}

/*end of ...webdesign page*/

/*gallery print*/
.gallery {
	font-size: 75%;
	font-style: oblique;
	color: #333333;
	font-size: 70%;
}

.gallery a:link, a:hover, a:visited {
color: #444;
text-decoration: none;
}

/*end of gallery print*/

form#contactform {
	padding: 25px 5px 5px;
	width: 325px;
	border: 1px dashed #666666;
	position: absolute;
	font-size: 85%;
	height: 350px;
	float: right;
	right: 20px;
	top: 50px;
	margin: 0px 0px 25px;
}
td {
	padding-bottom: 5px;
}

#span1 {
 color: #993300;
 font-size: 36px;
 }
#span2 {
	font-size: 48px;
}