/*   
Theme Name: Gotham Dark
Theme URI: http://www.two24studios.com/
Description: Beautiful website design & development.
Version: 1.0
Author: Jason R. Walker
Author URI: http://www.two24studios.com/
*/
	
/* Reset Styles */
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
fieldset, img { border: 0;}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal;font-weight:normal;}
ol, ul { list-style:none;}
caption ,th { text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
abbr, acronym { border:0;}	
a { outline: none;}

/* End Reset */

/* Global Styles */

body { background: #000 url(images/bg.jpg) no-repeat fixed top center;}

.clear { clear: both;}

.layout {
width: 960px;
margin: 0 auto;
}

#header {
width: 100%;
height: 134px;
padding: 0 0 6px 0;
background: url(images/header_bg.jpg) repeat-x top center;
}

.header {
width: 960px;
height: 134px;
}

#logo {
	float: left;
	width: 275px;
	height: 134px;
}

#logo h2 a {
display: block;
width: 196px;
height: 36px;
margin: 65px 0 0 15px;
text-indent: -999em;
}

#nav {
	float: left;
	width: 650px;
	height: 134px;
}

#nav li {
float: left;
height: 134px;
text-indent: -999em;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav_work a {
display: block;
width: 108px;
height: 134px;
margin: 0 10px 0 0;
background: url(images/art.png) 0 134px;
}

#nav_work a:hover { background: url(images/art_over.png) 0 134px;}

#nav_services a {
display: block;
width: 136px;
height: 134px;
margin: 0 11px 0 0;
background: url(images/services.png) -118px 134px;
}

#nav_services a:hover { background: url(images/services_over.png) -118px 134px;}

#nav_about a {
display: block;
width: 112px;
height: 134px;
margin: 0 12px 0 0;
background: url(images/about.png) -260px 134px;
}

#nav_about a:hover { background: url(images/about_over.png) -260px 134px;}

#nav_contact a {
display: block;
width: 118px;
height: 134px;
margin: 0 13px 0 0;
background: url(images/contact.png) -268px 134px;
}

#nav_contact a:hover { background: url(images/contact_over.png) -268px 134px;}

#nav_schedule a {
display: block;
width: 115px;
height: 134px;
background: url(images/schedule.png) -358px 134px;
}

#nav_schedule a:hover { background: url(images/schedule_over.png) -358px 134px;}

#content {
width: 960px;
margin: 0 auto;
}

#welcome {
	position: relative;
	width: 960px;
	height: 200px;
	background: url(images/summercamp.png) no-repeat right;
	margin: 0 0 25px 0;	
}

#xavisys-logo {
	    background-image:url(/wp-content/uploads/2009/11/email_logo.gif);
	    display:block;
	    height:58px;
	    
	    width:200px;
	}

#title {
width: 700px;
height: 200px;
background: url(images/title.png) no-repeat left;
text-indent: -999em
}

#fav_icons {
position: absolute;
top: 43px;
right: 15px;
width: 115px;
height: 24px;
text-indent: -999em;
}

#fav_icons li {
float: left;
height: 24px;
}

#icon_disc a {
display: block;
width: 20px;
height: 24px;
margin: 0 10px 0 0;
background: url(images/fav_icons.png) 0 0;
}

#icon_disc a:hover { background-position: 0 24px;}

#icon_games a {
display: block;
width: 26px;
height: 24px;
margin: 0 13px 0 0;
background: url(images/fav_icons.png) -30px 0;
}

#icon_games a:hover { background-position: -30px 24px;}

#icon_toys a {
display: block;
width: 17px;
height: 24px;
margin: 0 11px 0 0;
background: url(images/fav_icons.png) -69px 0;
}

#icon_toys a:hover { background-position: -69px 24px;}

#icon_apple a {
display: block;
width: 18px;
height: 24px;
background: url(images/fav_icons.png) -97px 0;
}

#icon_apple a:hover { background-position: -97px 24px;}

#work, #services, #about, #contact, #schedule {
	position: relative;
	width: 945px;
	margin: 0 0 0 15px;
	padding: 10px 0 50px 0;
	overflow: hidden;
}

.featured_work, .services, .about, .contact, #schedule {
position: relative;
float: left;
width: 300px;
margin: 0 15px 0 0;
color: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.featured_work h3, .services h3, .about h3, .contact h3 {
margin: 10px 0 10px;
padding: 0;

color: #fff;
font: normal bold 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}

.featured_work p, .services p, .about p, .contact p {
	margin: 0 0 15px;
	padding: 0;
	color: #666;
	font: normal normal 13px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	text-align: justify;
}

#footer {
	width: 100%;
	height: 75px;
	background: url(images/footer_bg.jpg) repeat-x bottom center;
}

.details {
	width: 930px;
	height: 25px;
	padding: 0 15px;
	color: #333;
	font: normal normal 13px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: justify;
}

.details a {
color: #999;
text-decoration: none;
}

.details a:hover { text-decoration: underline;}

.details p { margin: 0 0 15px 0;}

.details strong { font-weight: bold;}

a.flickr { color: #09f;}

a.flickr span { color: #f39;}

.footer {
	position: relative;
	width: 960px;
	height: 5px;
	color: #777;
	font: normal normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
}

#copyright {
	position: absolute;
	top: 21px;
	left: 15px;
	width: 900px;
	height: 50px;
}

#copyright a {
color: #fff;
text-decoration: none;
}

#copyright a:hover {
text-decoration: underline;
}


.end { margin: 0;}

/* End Global */

/* Title Styles */

#title_work, #title_services, #title_about, #title_contact, #title_schedule {
display: block;
width: 930px;
height: 50px;
margin: 0 15px;
text-indent: -999em;
}

#title_work { background: url(images/title_work.png) no-repeat left;}

#title_services { background: url(images/title_services.png) no-repeat left;}

#title_about { background: url(images/title_about.png) no-repeat left;}

#title_contact { background: url(images/title_contact.png) no-repeat left;}

#title_schedule { background: url(images/title_schedule.png) no-repeat left;}

#work_section, #services_section, #about_section, #contact_section, #schedule_section {
	position: relative;
	padding: 0px 0 0;
}

.pagenav {
position: absolute;
top: 31px;
right: 15px;
width: 170px;
height: 16px;
text-indent: -999em;
}

.pagenav li {
float: left;
height: 16px;
}

.prev a {
display: block;
width: 59px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat 0 0;
}

.prev a:hover { background: url(images/pagenav_bg.png) no-repeat 0 -16px;}

.prev_inactive {
width: 59px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat 0 -32px;
}

.next a {
display: block;
width: 58px;
height: 16px;
margin: 0 15px 0 0;
background: url(images/pagenav_bg.png) no-repeat -59px 0;
}

.next a:hover { background: url(images/pagenav_bg.png) no-repeat -59px -16px;}

.next_inactive {
width: 58px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat -59px -32px;
margin: 0 15px 0 0;
}

.top a {
display: block;
width: 38px;
height: 16px;
background: url(images/pagenav_bg.png) no-repeat -132px 0;
}

.top a:hover { background: url(images/pagenav_bg.png) no-repeat -132px -16px;}

/* End Title */

/* Work Styles */

#featured_work {
position: relative;
width: 1890px;
height: 310px;
}

.featured_preview a {
position: relative;
display: block;
width: 278px;
height: 178px;
padding: 10px;
border: 1px dashed #202020;
}

.featured_preview a:hover { border-color: #666;}

.featured_sash {
position: absolute;
top: -4px;
right: -5px;
width: 120px;
height: 72px;
z-index: 2
}

#work_thumbs {
position: relative;
width: 1890px;
height: 120px;
}

.thumb_preview a {
display: block;
float: left;
width: 98px;
height: 68px;
margin: 0 15px 0 0;
padding: 10px;
border: 1px dashed #202020;
}

.thumb_preview a:hover { border-color: #666;}

#worknav {
position: relative;
width: 1890px;
height: 50px;
}

#worknav_next {
	position: absolute;
	top: 150px;
	left: 860px;
	width: 80px;
	height: 25px;
	background: url(images/worknav_bg.png) no-repeat -22px 0;
}

#worknav_prev {
	position: absolute;
	top: 150px;
	left: 945px;
	width: 80px;
	height: 25px;
	background: url(images/worknav_bg.png) no-repeat 0 0;
}

#worknav_next a, #worknav_prev a {
display: block;
height: 25px;
text-indent: -999em;
}

#worknav_next a { width: 80px;}

#worknav_prev a { width: 80px;}

#worknav_next a:hover { background: url(images/worknav_bg.png) no-repeat -22px -23px;}

#worknav_prev a:hover { background: url(images/worknav_bg.png) no-repeat 0 -23px;}

/* End Work */

/* Services Styles */

.services h4 {
margin: 10px 0 5px;
padding: 0;

color: #999;
font: normal bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: -0.5px;
text-align: left;
}

.services_list li {
width: 255px;
height: 28px;
margin: 0 0 10px 0;
padding: 12px 0 0 45px;
background: url(images/checklist_bg.png) no-repeat top left;
color: #666;
font: normal normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
}

.services_list li:hover {
background: url(images/checklist_bg.png) no-repeat bottom left;
color: #ccc;
}

.services_list strong { font-weight: bold;}

/* End Services */

/* About Styles */

.about img { margin: 0 0 10px 0;}

#experience li { margin: 0 0 10px 0;}



/* End About */

/* Contact Styles */

#contact_me {
float: left;
width: 630px;
}


/* End Contact */