/*
		Danny Iovane
		http://www.dannyiovane.com/

*/

/* Global Reset ---------------------------------------------------------------------------------------*/

* {
margin: 			0;
padding: 			0;
border: 			0;
outline: 			0;
font-weight: 		inherit;
font-style: 		inherit;
font-size: 			100%;
font-family: 		inherit;
vertical-align: 	baseline; }

html, body {
height:				100%; }

img a {
border:				0; }

/* Switch Button -------------------------------------------------------------------------------------*/

#switch {
background:			0px -120px url(images/nav.png) no-repeat;
width:				150px;
height:				30px;
position:			fixed;
top:				250px;
left:				10px;
text-indent:		-9999px;
cursor:				pointer; }

#switch:hover {
background:			-150px -120px url(images/nav.png) no-repeat;
}

/* Navigation ------------------------------------------------------------------------------------------*/

#nav {
position:			fixed;
top:				85px;
left:				0px;
width:				150px;
padding:			7px 0 7px 0;
z-index:			1; }

#nav li {
margin:				0 0 10px 0;
width:				150px;
height:				30px;
cursor:				pointer; }

#nav li a:link, #nav li a:visited {
background:			url(images/px.png);
display:			block;
margin:				0 20 0 0px;
height:				30px;
text-indent:		-9999px; }

#nav #nav-top a { background: -300px 0 url(images/nav.png) no-repeat;}
#nav #nav-top.active a, #nav #nav-top.active a:hover { background: 0 0 url(images/nav.png) no-repeat;}
#nav #nav-top a:hover { background: -150px 0 url(images/nav.png) no-repeat;}

#nav #nav-about a { background: -300px -30px url(images/nav.png) no-repeat;}
#nav #nav-about.active a, #nav #nav-about.active a:hover { background: 0 -30px url(images/nav.png) no-repeat;}
#nav #nav-about a:hover { background: -150px -30px url(images/nav.png) no-repeat;}

#nav #nav-services a { background: -300px -60px url(images/nav.png) no-repeat;}
#nav #nav-services.active a, #nav #nav-services.active a:hover { background: 0 -60px url(images/nav.png) no-repeat;}
#nav #nav-services a:hover { background: -150px -60px url(images/nav.png) no-repeat;}

#nav #nav-contact a { background: -300px -90px url(images/nav.png) no-repeat;}
#nav #nav-contact.active a, #nav #nav-contact.active a:hover { background: 0 -90px url(images/nav.png) no-repeat;}
#nav #nav-contact a:hover { background: -150px -90px url(images/nav.png) no-repeat;}

/* Body & Pagewrap -------------------------------------------------------------------------------------*/

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

#pagewrap {
width:				650px;
height:				100%;
margin:				0 auto; }

#pagewrapTemp {
background:			url(images/logo_temp.png) no-repeat center;
width:				650px;
height:				100%;
margin:				0 auto; }

/* Stuff -------------------------------------------------------------------------------------*/

.topspace {
height:				85px; }

.spacer {
height:				30px; }

.logo {
background:			url(images/logo_top.png) no-repeat;
width:				97px;
height:				82px; }

#introtxt {
background:			url(images/intro_top.png) no-repeat 50px;
width:				553px;
height:				69px; }

#abouttxt {
background:			url(images/about_top.png) no-repeat;
background-position:55px;
width:				553px;
height:				69px; }

#servicestxt {
background:			url(images/services_top.png) no-repeat;
background-position:55px;
width:				553px;
height:				69px; }

#contacttxt {
background:			url(images/contact_top.png) no-repeat;
background-position:55px;
width:				553px;
height:				69px; }

#about {
background:			url(images/px.png);
width:				350px;
padding:			15px 15px 15px 15px;
text-align:			justify;
float:				left; }

#aboutimg {
background:			url(images/px.png);
float:				right;
margin:				0px 0px 0px 10px;
padding:			15px 15px 15px 15px;
}

#aboutetc {
background:			url(images/px.png);
float:				right;
width:				227px;
margin:				15px 7px 0px 10px;
padding:			15px 7px 15px 15px; }

#aboutetc img {
padding:			0 14px 0 0; }

#aboutetc img.social {
filter:				alpha(opacity=60);
-moz-opacity:		0.6;
-khtml-opacity:		0.6;
opacity:			0.6; }

#aboutetc img.social:hover {
filter:				alpha(opacity=100);
-moz-opacity:		1;
-khtml-opacity:		1;
opacity:			1; }

#iworkwith, #services {
background:			url(images/px.png);
width:				290px;
padding:			15px 15px 15px 15px;}

#services {
float:				left; }

#iworkwith {
float:				right; }

#iworkwith ul, #services ul {
line-height:		20px;
padding:			0px 0px 0px 25px;
font-size:			14px;
font-weight:		bold;
list-style-image:	url(images/check.png); }

#iworkwith img, #services img {
margin:				0px 5px 0px 0px; }

#contact {
background:			url(images/px.png);
width:				620px;
padding:			15px 15px 15px 15px;
text-align:			justify;
float:				left; }

.introH2 {
width:				105px;
height:				17px;
background:			url("images/h2introduction.png") left center;
text-indent:		-9999px;
margin:				0px 0px 15px 0px; }
	
.workwithH2 {
width:				98px;
height:				17px;
background:			url("images/h2iworkwith.png") left center;
text-indent:		-9999px;
margin:				0px 0px 15px 0px; }

.servicesH2 {
width:				105px;
height:				17px;
background:			url("images/h2services.png") left center;
text-indent:		-9999px;
margin:				0px 0px 15px 0px; }

.moreH2 {
width:				105px;
height:				17px;
background:			url("images/h2more.png") left center;
text-indent:		-9999px;
margin:				0px 0px 15px 0px; }

.contactH2 {
width:				105px;
height:				17px;
background:			url("images/h2contact.png") left center;
text-indent:		-9999px;
margin:				0px 0px 15px 0px; }

.kthankshide {
text-indent:		-9999px; }

/* Showcase Area --------------------------------------------------------------------------------------*/

#showcaseframe {
background:			url(images/px.png);
height:				200px;
width:				650px; }

#showcasecontainer {
margin:				0 auto;
position:			relative;
}

#showcasecontent {
background:			#FFFFFF url() center;
height:				240px;
width:				620px;
margin:				15px 15px 15px 15px;
position:			relative;
cursor:				pointer; }

.showcaseoverlay {
background:			#000000 url();
height:				28px;
width:				620px;
margin:				0 auto;
float:				left;
margin:				0px 15px 15px 15px;
text-indent:		10px;
line-height:		28px;
position:			absolute;
left:				0;
top:				0;
cursor:				pointer;
opacity:			0.5; }


/* Font Declarations -------------------------------------------------------------------------------------*/

body, div {
font-family:		Arial, Helvetica, sans-serif;
font-size:			12px;
line-height:		20px;
color:				#FFFFFF; }

.highlight {
color:				#00bdff;
text-transform:		capitalize;
font-weight:		bold; }

/* Headers -----------------------------------------------------------------------------------------------*/

h1 {
font-family:		"Trebuchet MS", Verdana, sans-serif;
font-size:			40px;
line-height:		40px;
color:				#09F;
margin:				10px 0px 0px 10px;
text-shadow:		1px 1px 1px #666; }

/* Menu showing current active page */

#home .home, #about .about, #about .about, #contact .contact {

}