@media all {

/* =layout */

div#container	{
	z-index: 1;
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 10px 0 2em;
	text-align: left;
}

/*
#outerpage {
	background-image:url(images/buffalowalking.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-attachment:fixed;

}
*/

div#logo	{
	height:140px;
	width:210px;
	text-align:center;
	position:relative;
	margin:0px;
	float:left;
}

#imgHeader	{
	background-image:url(images/randomheader/rndimg.php);
	background-position: right top;
	background-repeat:no-repeat;
	height:140px;
	width:490px;
	margin:0px;
	float:right;
}

div#header {background-color: #CCCCCC;}

div#navigation	{
width : 100%; 
text-align:center; 
padding-top:5px; 
margin:0px; 
clear:both;
}

div#sweatmap	{
width : 100%; 
text-align:center; 
padding-top:5px; 
margin:0px; 
}

#navigation a {border-bottom: 1px solid #000000; border-top: 1px solid #000000; color: #000000; text-decoration:none;}

.navred:hover {background-color: #FF0000;}
.navorg:hover {background-color: #FF9900;}
.navyel:hover {background-color: #FFFF00;}
.navgre:hover {background-color: #00FF00;}
.navblu:hover {background-color: #0000FF;}
.navpur:hover {background-color: #FF00FF;}
.navred:hover {background-color: #FF0000;}

div#content	{position: relative; margin-top: 20px; width : 100%; margin-bottom:20px; background-color:#CCCCFF;}
div#footer	{
	width : 100%;
	background:#CCCCCC;
	text-align:left;
}

body {
	background-image:url(images/buffalowalking.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin: 0 auto;
	font : 88%/1.5 Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: center;
}

.left {
	float:left;
}

#contactForm {
	width:50%;
	float:left;
}

#contactInfo {
	width:50%;
	float:right;
}

.right {
	float:right;
}

label {
	width:4.2em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}

input.submitButt {
	margin-left: 4.5em;

}

#content img { margin : 0 10px; padding : .5em 0; }

/*  This class clears the alignment of div tags */
.clear { clear:both; width:0px; height:0px;}


/*
form { font-size:90%; margin: 10px 0 0 0; padding:0 0px 0 0; }
form ul { border: 0; margin: 0; padding: 0; list-style-type: none; }
form ul li { display: block; padding: 0; margin: 0; width:100px; }
*/



*	{ margin : 0; padding : 0; }
h1, h2, h3, h4, p, blockquote, address, dl, ul, ol { margin : 0 10px; padding : .5em 0; }
h2 { clear : both; font-size : 140%; color : #999; }
h3 { clear : both; font-size : 110%; color : #999; }
ul { list-style-type : none; margin-left : 0px; }
img, img a { border : none; }

/* Styles for Showimage.js image popup for thumbnails */
#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
z-index:500;
}

#dragbar{
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 3px;
}

.galleryLeft {width:120px; float:left;}
.galleryRight {float:right; width:560px;}

.sold { font: bold 1.5em "Verdana, Arial, Helvetica, sans-serif"; color:#FF0000; text-decoration:none;}



.portfolio { text-align:center;}



.buyNow { padding-left:10px;
text-align:center;}


div#keyw {
width:1px;
height:1px;
overflow:hidden;
z-index:-10;
visibility:hidden;
}

}