/* jasonkravitz.com */

body {
	background: #666 none repeat scroll 0%;
	color: #FFF;
	
	font-family: "Trebuchet MS",Verdana,sans-serif;
	font-size:small;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0pt auto;
	text-align:center;
}

form {
	font-family:"Verdana",sans-serif;
	font-size:11px;
	padding:10px 0pt;
}

dl, dt, dd {
	margin: 0pt;
	padding: 0pt;
}

dl {
	margin: 5px 20px;
}

dd {
	margin-bottom: 10px;
}

label {
	color:#556644;
}

input, textarea, select {
	font-family:Arial,sans-serif;
	font-size:small;
}
textarea {
	width:325px;
	height:100px;
}
input.submit {
	width:100px;
}

#fent {display: block;}
#frsp {display: none;}

#main {	
	border: 2px #000 solid;
	
	position: absolute;
	margin-top: 50px;
	margin-left: -400px;
	
	left: 50%;
	width: 800px;
	height: 600px;
}

#controls {
	position: absolute;
	top: 500px;
	left: 0px;
	width: 	800px;
	height: 100px;
	background-color: #333;
	color: #FFF;
}

#controls ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#controls li {
	display: inline;
	position: relative;
	float: left;
	padding: 2px 6px;
}

#controls a {
	color: #fff;
	background-color: #333;
	text-decoration: none;
}

.boldone {
	color: yellow;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

#controls a:link { color: white; }
#controls a:visited { color: white; }
#controls a:hover { color: #CCF; }
#controls a:active { color: white; }

#controlnav {
	position: absolute;
	width: 500px;
	height: 30px;
	left: 335px;
	top: 45px;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
	font-size: 20px;
	word-spacing: 15px;
}

#controlcategory {
	position: absolute;
	width: 780px;
	height: 20px;
	top: 5px;
	left: 5px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-size: 16px;
	word-spacing: 15px;
}

#controlbottom {
	position: absolute;
	width: 800px;
	height: 25px;
	top: 75px;
	left: 0px;
	font-size: 14px;
	background-color: #999;
}

#photosalelink {
	position: absolute;
	top: 3px;
	left: 0px;
	width: 800px;
	text-align: center;
	color: #000;
}

#photosalelink a {
	color: black;
	background-color: #999;
	text-decoration: none;
}

#photosalelink a:link { color: black; }
#photosalelink a:visited { color: black; }
#photosalelink a:hover { color: white; }
#photosalelink a:active { color: black; }


#display {	
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 500px;
	color: #000;
	background-color: #FFF;
	text-align: left;
}

#display p { margin-left: 15px; }

#display table { width: 375px; margin-left: 15px; }

#display h1 {
	color: #333;
	margin-left: 15px;
	font-size: 18px;
}

#display h2 {
	color: #333;
	margin-left: 15px;
	font-size: 14px;
}

#display a:link { color: #333; }
#display a:visited { color: #333; }
#display a:hover { color: #333; }
#display a:active { color: #333; }

#bg_home {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 533px;
	display: block;
}

#bg_about,#bg_contact, #bg_project
{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 500px;
	background-image: url(../images/bg_smoke.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: scroll;
	display: none;
	overflow: auto;
}

#thumbnailview
{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 500px;
	background-color: #E8E8E8;
	background-image: url(../images/photography_blur.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: none;
}

#thumbheader {
	position: absolute;
	top: 40px;
	left: 25px;
	font-size: 20px;
	color: #999;
}

#thumbheader h2 {
	font-size: 20px;
	color: #999;
}

#thumbpanel {
	position: absolute;
	top: 40px;
	left: 5px;
}

.thumbimg {float: left; border: 2px #000 solid; cursor: pointer; width: 150px; height: 100px; margin-left: 35px; margin-top: 35px;}
.thumbimg img { border: 0px; }


/* MAY BREAK HEADER OUT OF THUMB VIEW */
#viewheader {
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 65px;
	background-color: #E8E8E8;
	background-image: url(../images/photography_blur.gif);
	background-position: top left;
	background-repeat: no-repeat;
	display: none;
}

#viewtitle {
}
/* SAME CONCEPT WITH TITLE FOR ALL PAGES WITH THIS HEADER */


.copyright {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	position: absolute;
	top: 602px;
	left: 0px;
}

.fullsize { width: 800px; }
.halfsize {	width: 385px; }
.threequarter {	width: 625px; }

.warning {
	border: 2px #F00 solid;
	background-color: #FFF;
	color: #000;
	position: absolute;
	margin-top: 10px;
	margin-left: -400px;
	padding: 2px;
	left: 50%;
	width: 800px;
	height: 20px;
	text-align: center;
	
}


/* IMAGEBOX from Interface 1.2 */
#ImageBoxOverlay {
	background-color: #000;
}
#ImageBoxCaption {
	background-color: #F4F4EC;
}
#ImageBoxContainer {
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText {
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #777;
}
#ImageBoxCaptionImages {
	margin: 0;
}
#ImageBoxNextImage {
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage {
	background-image: url(../images/imagebox/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover {
	background-image: url(../images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover {
	background-image: url(../images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}