@charset "utf-8";
/* CSS Document */
/*Justin Quach - Cinematographer*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline
}
:focus{
outline:0
}
body{
line-height:1;
color:#000;
background:#000;
font-size:62.5% /* This equates to 1em = 10px (or close enough) */
}
ol, ul{
list-style:none
}
table{
border-collapse:separate;
border-spacing:0
}
caption, th, td{
text-align:left;
font-weight:normal
}
blockquote:before, blockquote:after,
q:before, q:after{
content: ""
}
blockquote, q{
quotes: "" ""
}
/* END OF RESET */


#mainwidth{width:790px; background-color:#000; margin:0 auto}
#footer{}



body {text-align:center;background-color:#000;margin-top:30px;/*for safari*/ text-shadow: 0 0 0 #000;/*for safari*/}
a {text-decoration:none}

<!--Body Classes->
.header{height:276px; width:762px; display:block;}
.titlegroup{text-align:left; display:inline-block;}
.logo{background-image:url(images/logo.png); height:182px; width:120px; position:relative;left:50px; top:60px;}
.jq{background-image: url(images/justinquach.png); background-repeat:no-repeat; height:59px; width:371px; position:relative; left:400px; bottom:130px; }
.jqtextgroup{font-family:Arial, Helvetica, sans-serif;text-align:right; color:#FFF; }
.title{font-size:17px; position:relative; bottom:115px; right: 15px}
.contact{font-size:17px; position:relative; bottom:105px; right:15px}
.contact a{ text-decoration:none; color:#FFFFFF}
.navline{background-image:url(images/line.png);background-repeat:repeat-y;height:2px; position:relative; bottom:10px; left:65px;}
.headernav{text-align:right; position:relative; bottom:28px; right:14px}

<!-- Gallery -->
.buttongroup{text-align:left; display:inline-block; position:relative; }
.buttonline{background-image:url(images/line.png);background-repeat:repeat-y; width:400px; overflow:hidden; background-position:-400px;height:2px; position:relative; bottom:8px; left: 75px}
.galbuttonline{background-image:url(images/line.png);background-repeat:repeat-y; width:400px; overflow:hidden; background-position:-500px;height:2px; position:relative; bottom:8px; left: 75px}
.buttonpos{position:relative; top:80px}
.button{text-align:left; position:relative; bottom:28px; left:-35px}

.gallerygroup{display:inline-block; margin-bottom:90px; position:relative; top:-10px; min-width:780px;}

.galleryfooter{background-image: url(images/galleryheader.png);background-repeat:no-repeat;height:368px; width:782px; position:relative; top: 80px; padding-bottom: 50px}

.imgtext {
	margin:18px;
	overflow: hidden;
	float: left;
	position: relative;
	
}
.imgtext a {
	text-decoration: none;
	float: left;
}
.imgtext a:hover {
	cursor:  pointer;
}
.imgtext a img {
	float: left;
	margin: 0;
	border: none;
	padding: 2px;
	background: #111;
	border: 1px solid #333;
}
.imgtext a .more { /* this class is for showing text on the image always. swaps with desc. */
	position: absolute;
	right: 20px;
	font-size: 11px;
	bottom: 20px;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgtext a .desc {	display: none; }
.imgtext a:hover .more { visibility: hidden;}
.imgtext a:hover .desc{
	display: block;
	font-size: 12px;
	padding: 0 0;
	background: #111;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 6px;
	left: 6px;
	padding: 10px;
	margin: 0;
	width: 191px;
	border-top: 1px solid #444;
}
.imgtext a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

<!--Buttons -->
.nav{
position: relative;
white-space: nowrap;
display: block;
width: 138px;
height: 26px;
display:inline-block;
margin-left:25px;
}
.nav a{
display: inline-block;
color: #fff;
font-size: 16px;
width: 138px;
height: 26px;
color: #fff;
text-decoration: none;
background: url(images/buttonbg.png) no-repeat;
cursor: pointer;
font-family: arial, helvetica, sans-serif;
text-align:center;
margin-left:25px;
}
.nav a:hover{ 
background-position: 0 -26px
}
.navbuttontext{
position:relative;
top:4px;
}
<!-- gallerybutton-->
.galnav{
position: relative;
white-space: nowrap;
display: block;
width: 110px;
height: 21px;
display:inline-block;
margin-left:25px;
}
.galnav a{
display: inline-block;
color: #fff;
font-size: 12px;
width: 110px;
height: 21px;
color: #fff;
text-decoration: none;
background: url(images/buttonbgcat.png) no-repeat;
cursor: pointer;
font-family: arial, helvetica, sans-serif;
text-align:center;
margin-left:25px;
}
.galnav a:hover{ 
background-position: 0 -21px
}
.galnavbuttontext{
position:relative;
top:4px;
}



<!-- Viewing Room -->
.viewingroom{position: relative; top:20px}

.vrnav{position:relative; top:25px}
.vrbuttongroup{ display: inline-block; position:relative; left: -28px; }
.vrnavline{background-image:url(images/line2pxcenter.png);background-repeat:repeat-y; background-position: center;height:2px; position:relative; top:18px; left:1px}
.video a{margin:0 auto; position:relative;}
.bio{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 18px; width:760px; text-align: justify; position:relative; top: 25px; left: 30px; line-height: 18px; padding-bottom:125px}



.res{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; position:relative; left:120px; width: 602px; padding-bottom:80px}

.restitle{padding-top:55px; padding-bottom:8px; width:240px; font-size:17px; font-weight:bold; position:relative; left:-60px}

.restitlecat{width:510px;}

.restitledesc{padding-top:25px; padding-bottom:5px; position: relative; right:0px; text-align:right; font-size:16px}
.items{width:520px; padding-left:60px; line-height:18px}

.resitemtype1{text-align:left; width:520px;}

.leftcol{text-align:left; width:280px;}
.rightcol{text-align:right; width:250px;}