/* @override http://plakkit:8888/css/template.css */

*{
	margin: 0;
	padding: 0;
}

html{
	min-height: 600px;
	min-width: 800px;
}

body{
	background: #000 URL(/images/layout_images/background_blank.jpg) repeat-x;
	font-family: "Arial";
	font-size: 62.5%;
	color: #FFF;
}
p, li{
	font-size: 1.1em;
}
a{
	color: #fff;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/* Nav
***************************/
#nav{
	background: URL(/images/layout_images/poster_nav.png) left top no-repeat;
	height: 621px;
	width: 606px;
	padding: 120px 100px 100px;
}
/*Nav Sprite*/
#nav_bg{
	height:216px;
	left:-7px;
	position:relative;
	top:334px;
}
.nav_item a{
	display: block;
	text-indent: -5000px;
	float: left;
}
#nav_home a{
	width: 178px;
	height: 30px;
	background: url(/images/layout_images/nav_home.gif) no-repeat;
}
#nav_home a:hover{
	background-position: left bottom;
}
#nav_home a.selected, #nav_home a:active{
	background-position: left center;
}

#nav_contact a{
	width: 213px;
	height: 30px;
	background: url(/images/layout_images/nav_contact.gif) no-repeat;
}
#nav_contact a:hover{
	background-position: left bottom;
}
#nav_contact a.selected, #nav_contact a:active{
	background-position: left center;
}

#nav_services a{
	width: 178px;
	height: 20px;
	background: url(/images/layout_images/nav_services.gif) no-repeat;
}
#nav_services a:hover{
	background-position: left bottom;
}
#nav_services a.selected, #nav_services a:active{
	background-position: left center;
}

#nav_cafe a{
	width: 137px;
	height: 20px;
	background: url(/images/layout_images/nav_cafe.gif) no-repeat;
}
#nav_cafe a:hover{
	background-position: left bottom;
}
#nav_cafe a.selected, #nav_cafe a:active{
	background-position: left center;
}

#nav_print a{
	width: 76px;
	height: 20px;
	background: url(/images/layout_images/nav_print.gif) no-repeat;
}
#nav_print a:hover{
	background-position: left bottom;
}
#nav_print a.selected, #nav_print a:active{
	background-position: left center;
}

#nav_gallery a{
	width: 99px;
	height: 20px;
	background: url(/images/layout_images/nav_gallery.gif) no-repeat;
}
#nav_gallery a:hover{
	background-position: left bottom;
}
#nav_gallery a.selected, #nav_gallery a:active{
	background-position: left center;
}

#nav_guerilla a{
	width: 292px;
	height: 20px;
	background: url(/images/layout_images/nav_guerilla.gif) no-repeat;
}
#nav_guerilla a:hover{
	background-position: left bottom;
}
#nav_guerilla a.selected, #nav_guerilla a:active{
	background-position: left center;
}

/* Small Screen
***************************/

.small_screen #logo{
	position: absolute;
	left: 96px;
	top:  97px;
	border: none;
}


.small_screen #page{
	position: absolute;
	top: 0px;
	left: 600px;
	height: 621px;
	width: 343px;
	padding: 120px 100px 100px;
	background: URL(/images/layout_images/poster_home.png) left top no-repeat;
}
#video{
	position: absolute;
	top: 100px;
	left: 1250px;
	height: 621px;
	width: 343px;
}

/* Large Screen
***************************/
body.large_screen{
	background-position: left top;
}
.large_screen #logo{
	position: absolute;
	left: 138px;
	top:  153px;
	border: none;
}
.large_screen #main_nav_img{
	position: absolute;
	left: 138px;
	top:  509px;
}
.large_screen #page{
	position: absolute;
	top: 153px;
	left: 730px;
	height: 530px;
	width: 355px;
	padding: 25px 15px;
}

/* Headers
***************************/
h1{
	text-indent: -5000px;
	width: 353px;
	height: 40px;
	margin-bottom: 28px;
}
#home{
	background: URL(/images/layout_images/h1_home.png) left top no-repeat;
}
#contact{
	background: URL(/images/layout_images/h1_contact.png) left top no-repeat;
}
#services{
	background: URL(/images/layout_images/h1_services.png) left top no-repeat;
}
#gallery{
	background: URL(/images/layout_images/h1_gallery.png) left top no-repeat;
}
#print{
	background: URL(/images/layout_images/h1_print.png) left top no-repeat;
}
#guerilla{
	background: URL(/images/layout_images/h1_guerilla.png) left top no-repeat;
}
#cafe{
	background: URL(/images/layout_images/h1_cafe.png) left top no-repeat;
}


h2{
	color: #FFF;
	font-size: 1.3em;
	margin: 0.5em 0;
	font-weight: bold;
}

/* Copy
***************************/
.copy_pad{
	padding: 0 2px;
}
p{
	line-height: 1.1em;
	margin-bottom: 1em;
}
ul{
	list-style: none;
	margin-left: 2px;
}
ul li{
	background: URL(/images/layout_images/bullet.png) left 5px no-repeat;
	padding-left: 20px;
	margin-bottom: 0.5em;
}

/* Home Page
***************************/
#home_copy{
	padding-bottom: 2px;
}

hr{
	border: 1px solid transparent;
	padding: 0;
	background: URL(/images/layout_images/dots.png) left bottom no-repeat;
	margin-bottom: 5px;
}

/* Gallery
***************************/
.gallery_link{
	font-size: 1.6em;
	display: inline-block;
	margin-bottom: 2px;
}
.gallery_li{
	padding-bottom: 10px;
}
.gallery_item{
	position: absolute;
	top: 0px;
}
.gallery_item.Vertical {
	background: url(../images/layout_images/poster_option.png) no-repeat left top;
	width: 473px;
	height: 725px;
	padding-left: 85px;
	padding-top: 96px;
}
.gallery_item.Horizontal {
	background: url(../images/layout_images/poster_video.png) no-repeat left top;
	height: 473px;
	width: 725px;
	padding-left: 105px;
	padding-top: 104px;
	top: 100px;
}

.gallery_video{
	position: absolute;
	top: 100px;
}
.back_btn {
	background: url(../images/layout_images/back_gallery.png) no-repeat left top;
	width: 89px;
	height: 64px;
	top: 750px;
	display: block;
	text-indent: -5000px;
}
.back_btn:hover{
	background-position: left bottom;
}