/*


© 2009 Patrick Batey
www.patrickbatey.com
patrickbatey@gmail.com


*/



@import url(lightbox.css);

body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.6em;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #fff2ba;
	color: #000000;
}

a, a:link, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}


#wrapper{
background-color: #ffffff;
position: relative;
width: 1000px;
height: 685px;
left: 50%;
margin-left: -500px;
margin-top: 25px;
}

#mast{
margin: 0 20px 0 20px;
padding: 20px 0 0 15px;
border-bottom: 1px solid #000000;
clear: both;
}
#mast a{
display: block;
padding: 10px 10px 0 10px;
width: 476px;
height: 66px;
background: transparent url(../images/stephen_mast.png) no-repeat;
}

#home_img{
text-align: center;
}

#global_nav{
float: left;
padding-left: 35px;
}

#global_nav ul{
margin: 0;
padding: 10px;
list-style: none;
}

#global_nav ul li{
padding-top: 10px;
}

#global_nav ul li a{
width: 90px;
height: 14px;
display: block;
}

#global_nav ul li a:hover{
text-decoration: none;
}

#print a{
background: transparent url(../images/print_global.png) no-repeat top left;
}

#print a:hover{
background: transparent url(../images/print_global.png) no-repeat top right;
}
.print #print a{
background: transparent url(../images/print_global.png) no-repeat top right;
}


#tv a{
background: transparent url(../images/tv_global.png) no-repeat top left;
}
#tv a:hover{
background: transparent url(../images/tv_global.png) no-repeat top right;
}
.tv #tv a{
background: transparent url(../images/tv_global.png) no-repeat top right;
}

#interactive a{
background: transparent url(../images/interactive_global.png) no-repeat top left;
}

#interactive a:hover{
background: transparent url(../images/interactive_global.png) no-repeat top right;
}
.interactive #interactive a{
background: transparent url(../images/interactive_global.png) no-repeat top right;
}

#mobile a{
background: transparent url(../images/mobile_global.png) no-repeat top left;
}

#mobile a:hover{
background: transparent url(../images/mobile_global.png) no-repeat top right;
}
.mobile #mobile a{
background: transparent url(../images/mobile_global.png) no-repeat top right;
}

#integrated a{
background: transparent url(../images/integrated_global.png) no-repeat top left;
}

#integrated a:hover{
background: transparent url(../images/integrated_global.png) no-repeat top right;
}
.integrated #integrated a{
background: transparent url(../images/integrated_global.png) no-repeat top right;
}

#contact a{
background: transparent url(../images/contact_global.png) no-repeat top left;
}

#contact a:hover{
background: transparent url(../images/contact_global.png) no-repeat top right;
}
.contact #contact a{
background: transparent url(../images/contact_global.png) no-repeat top right;
}

#vid_holder{
padding-top: 20px;
}
#vid_holder p{
text-align: left;
}
.tv_title{
padding-left: 90px;
}
.tv_role{
float: right;
margin-right: 120px;
}
#footer{
width: 1000px;
height: 45px;
position: relative;
left: 50%;
margin-left: -500px;
background-color: #ffffff;
}

#copyright{
margin: 0 20px 0 20px;
padding: 13px 0 0 15px;
border-top: 1px solid #000000;
}


#sub_nav{
font-size: 94%;
clear: both;
float: left;
padding-left: 15px;
margin-left: 20px;
margin-top: 30px;
border-top: 1px solid #cecece;
}

#sub_nav ul{
margin: 0;
padding: 10px;
list-style: none;
}

#sub_nav ul li{
padding-top: 10px;
}

#sub_nav ul li a{
height: 14px;
display: block;
color: #000000;
}

#sub_nav ul li a:hover{
text-decoration: none;
color: #cdcdcd;
}

.num{
font-size: 80%;
color: #cecece;
}


#home_content{
float: right;
width: 700px;
}

#content{
float: right;
width: 700px;
margin-top: -80px;
padding-right: 30px;
text-align: center;
background-color: #ffffff;
*margin-top: 30px;

}

#gallery_nav{
text-align: center;
margin-left: 40%;
}

#gallery_nav ul{
padding: 10px;
list-style: none;
}
#gallery_nav ul li{
float: left;
padding: 4px;
}
#gallery_nav ul li a{
display: block;
padding: 1px 6px 1px 6px;
border: 1px solid #cecece;
color: #000000;
}
#gallery_nav ul li a:hover{
background-color: #cdcdcd;
color: #ffffff;
}
#gallery_nav .zoom{
width: 18px;
height: 18px;
padding: 8px 0 0 0;
margin:4px 0 0 20px;
background: transparent url(../images/zoom.png) no-repeat top left;
border: none;
}
#gallery_nav .zoom:hover{
background-color: #fff;
background-position: top right;
}
#gallery_nav .external_link{
width: 18px;
height: 18px;
padding: 8px 0 0 0;
margin:4px 0 0 20px;
background: transparent url(../images/external.png) no-repeat top left;
border: none;
}
#gallery_nav .external_link:hover{
background-color: #fff;
background-position: top right;
}

.hide{
display: none;
}
.hide a{
color: white;
}

.vcard{
width: 200px;
padding: 20px 0 0 0;
font-size: 105%;
line-height: 1.35em;
}
#work{
width: 200px;
padding: 0 0 0 0;
font-size: 105%;
line-height: 1.35em;
}
#mid{
width: 200px;
clear: left;
float: left;
text-align: left;
font-size: 92%;
margin-left: 20px;
}
#right{
width: 360px;
margin-right: 10px;
float: right;
font-size: 92%;
}
#exp_rt{
float: right;
}
.contact #content{
text-align: left !important;
width: 660px;
margin-top: -100px;
padding-right: 10px;
padding-left: 30px;
margin-left: 10px;
font-size: 90%;
line-height: 1.35em;
*margin-top: 30px;
}

#education{
font-size: 96%;
line-height: 1.28em;
}
.web_des{
text-align: left;
font-size: 92%;
line-height: 1.2em;
padding: 0 80px 0 60px;
}