* {
	margin: 0;
	padding: 0;
	border: none;
}
html {
        height: 100%;
}
body {
	color: #333;
	font-family: "Ruda", "Helvetica Neue",Helvetica,Arial;
	line-height: 1.3; text-align: center;
        height: 100%; width: 100%;
	margin: 0; position: absolute; top:0; bottom:0; left:0; right: 0;
}

p {    padding-top: 15px; font-size: 1em; }

#home h2 {
	padding-right: 20%;
	font-family: "Lobster", cursive;
	text-align: right; font-size: 4em; color: white; line-height: 1.0em;
	margin-top: 135px;
	text-shadow: 1px 1px 1px #000;
}
#home h2.white {color: #155266; text-shadow: 2px 1px 1px #FFF;}
#home a { color: #551304; }
#home a:hover { color: #FFF; }


#navwrap {
	position: fixed; top: 0px;
	width: 100%; background:transparent;
}
#nav {
	background: url(http://www.calebdurham.com/images/uploads/2_0nav.png) repeat center center fixed;
	height: 70px;
	display: block;
	margin: 0px; 
	text-align: center;
	position: relative;
	z-index: 5000;
	-webkit-box-shadow: 0px 2px 10px #000;
	-moz-box-shadow: 0px 2px 10px #000;
	box-shadow: 0px 2px 10px #000;
}


#nav a {
	font-family: "league-gothic", Impact, Helvetica, Arial;
	font-size: 60px;
	line-height: 70px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF; background: transparent;
	text-shadow: 1px 1px 1px #333; 
	display: block;
	float: left;
	width: 20%;
}
#nav a:hover {
	text-decoration: none;
	background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;
}

#nav a#linkhome		{	width: 20%;	}
#nav a#linkweb			{	width: 20%;	}
#nav a#linkfilm			{	width: 20%;	}
#nav a#linkgraphics		{	width: 20%;	}
#nav a#linkcontact		{	width: 20%;	}


#nav a:hover#linkhome		{ background-color: #C8300D;}
#nav a:hover#linkweb			{ background-color: #F2A700;}
#nav a:hover#linkfilm			{ background-color: #00CC66;}
#nav a:hover#linkgraphics		{ background-color: #75FACF;}
#nav a:hover#linkcontact		{ background-color: #C51E3B;}

#nav a:active { text-decoration: none; text-shadow: 1px 1px 1px #FFF; }

#nav a:active#linkhome		{ color: #551304;}
#nav a:active#linkweb		{ color: #6E4900;}
#nav a:active#linkfilm			{ color: #105D24;}
#nav a:active#linkgraphics		{ color: #347459;}
#nav a:active#linkcontact		{ color: #550C19;}


#linkhome.link-active			{ background-color: #C8300D; background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;}
#linkweb.link-active			{ background-color: #F2A700; background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;}
#linkfilm.link-active			{ background-color: #00CC66; background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;}
#linkgraphics.link-active		{ background-color: #75FACF; background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;}
#linkcontact.link-active		{ background-color: #C51E3B; background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;}





.frame {
        background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;
        width: 100%; height: auto; min-height: 120%;
        position: relative; 
        overflow-x: hidden;
}


#home		{ background-color: #C8300D;}
#web			{ background-color: #F2A700;}
#film			{ background-color: #00CC66;}
#graphics		{ background-color: #75FACF;}
#contact		{ background-color: #C51E3B;}









#home .left {
	width: 335px; height: 300px;
	background: url(http://www.calebdurham.com/images/uploads/2_0nav.png) repeat center center fixed;
	padding: 10px 15px 0 15px;
	font-family: "league-gothic", "Helvetica Neue", Helvetica, Arial;
	text-align: left; text-transform: uppercase; font-size: 5em; color: white; line-height: 0.6em;
	position: absolute; top: 135px; left: 65px;
	text-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
	-moz-box-shadow: 0px 2px 10px #000;
	box-shadow: 0px 2px 10px #000;
}
#home .left a { color: #FFF; text-decoration: none; font-size: 0.6em; display: block;}
#home .left a:hover {color: #C8300D; }
#home .left a:active {color: #000; text-shadow: 1px 1px 1px #FFF; }

#home .right {
	width: auto;
	color: #551304;
	margin-right: 45px; margin-left: 65px; padding: 135px 15px 15px 370px;
	text-align: justify; font-size: 1.5em;
	position: relative; 
}
#home .right p {font-family: 'Ruda', "Helvetica Neue", Helvetica, Arial; padding-left: 10px; font-size: 0.8em; }
#home .right h1 {font-family: "league-gothic", "Helvetica Neue", Helvetica, Arial; text-transform:uppercase; font-weight:normal; font-size: 10em; padding-right: 10px; line-height: .8em; float: left; text-shadow: 1px 1px 1px #FFF;}
#home .right h3 {font-family: "Lobster", cursive; font-weight:normal; font-size: 3em; text-align: left; line-height: .8em;	text-shadow: 1px 1px 1px #FFF;}
#home .info h3 {font-family: "Lobster", cursive; font-weight:normal; font-size: 3em; line-height: .8em; text-align:left;	text-shadow: 1px 1px 1px #FFF;}

img.map {	float: right;	}






.otherframe {
        background-repeat: no-repeat; background-position: center center; background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%; height: 100%;
        float: left;
        position: absolute; top: 0;
}

#home0			{ left: 0;		background-image: none; }
#home1			{ left: 100%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic1.jpg); }
#home2			{ left: 300%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic5.jpg); }
#home3			{ left: 200%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic3.jpg); }
#home4			{ left: 400%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic4.jpg); }
#home5			{ left: 500%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic2.jpg); background-position: top center; }
#home6			{ left: 600%; 	background-image: url(http://www.calebdurham.com/images/uploads/pic6.jpg); }



#film0			{ left: 0;		background-image: none; }
#film1			{ left: 100%;	background-image: none; }
#film2			{ left: 200%;	background-image: none; }
#film3			{ left: 300%;	background-image: none; }
#film4			{ left: 400%;	background-image: none; }
#film5			{ left: 500%;	background-image: none; }
#film6			{ left: 600%;	background-image: none; }


#graphics0			{ left: 0;		background-image: none; }
#graphics1			{ left: 100%;	background-image: none; }
#graphics2			{ left: 200%;	background-image: none; }
#graphics3			{ left: 300%;	background-image: none; }
#graphics4			{ left: 400%;	background-image: none; }
#graphics5			{ left: 500%;	background-image: none; }
#graphics6			{ left: 600%;	background-image: none; }






.info {
	width: 80%; position: relative;
	background: transparent; color: #551304;
	margin-left: 10%; margin-right: 10%; padding-top:135px;
	font-family: 'Ruda', "Helvetica Neue", Helvetica, Arial;
	text-align: center; font-size: 1.2em;
}
#home .info { width: 90%; padding-top:0px; margin-left: 5%; margin-right: 5%;}
#web .info { color: #6E4900; }
#film .info { color: #105D24; }
#graphics .info { color: #347459; }
#contact .info { color: #550C19; text-align: left; }

.info p { text-align: left; }

#web h2 {font-family: "Lobster", cursive; font-weight:normal; font-size: 4em; color: #6E4900; text-shadow: 1px 1px 1px #FFF; line-height: 1em; float: left; display:inline; margin: 10px 0; }




#contact h2 {font-family: "Lobster", cursive; font-weight:normal; font-size: 5.5em; color: #550C19;text-shadow: 1px 1px 1px #FFF; line-height: 1em; float: left; display:inline; margin: 10px 0; padding-top: 60px; position: relative; left: -45px;}
#contact h2 .re {position:relative; left: -20px;}
#contact input {padding: 10px 10px 10px 50px; margin: 10px 0; outline: none; width: 250px;
	-webkit-box-shadow: inset 0px 0px 8px #555;
	-moz-box-shadow: inset 0px 0px 8px #555;
	box-shadow: inset 0px 0px 8px #555;
        background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;
        -moz-border-radius: 5px;        -webkit-border-radius: 5px;         border-radius: 5px;
}

#contact input#saveForm { padding: 10px; width: 150px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

#contact textarea {
	padding: 30px 10px 10px 10px; margin: 10px 0; width: 100%; outline: none;
	-webkit-box-shadow: inset 0px 0px 8px #555;
	-moz-box-shadow: inset 0px 0px 8px #555;
	box-shadow: inset 0px 0px 8px #555;
        background-image: url(http://www.calebdurham.com/images/uploads/2_0bgd.png); background-repeat: repeat; background-position: center center; background-attachment: scroll;
        -moz-border-radius: 5px;        -webkit-border-radius: 5px;         border-radius: 5px;
}

#contact textarea:focus, #contact input:focus { background-color:#FAE6EC;
	-webkit-box-shadow: inset 0px 0px 8px #C51E3B;
	-moz-box-shadow: inset 0px 0px 8px #C51E3B;
	box-shadow: inset 0px 0px 8px #C51E3B;
}

#contact .entry {position: relative;}
#contact .entry span {
	position: absolute; left: 10px; top: 17px; 
	width: 35px; height: 28px; display: block;
	background-image: url(http://www.calebdurham.com/images/uploads/formSprites.png);
	background-repeat: no-repeat;
}
	#authorpic { background-position-x: 0px; background-position-y: 0px;}
	#emailpic { background-position-x: 0px; background-position-y: -27px;}
	#webpic { background-position-x: 0px; background-position-y: -60px;}


#emailme { float: left; width:70%; padding: 0; margin: 0; position: relative; }
#emailme-tips { position: absolute; right: 0; width:25%; }
#info-fields {float: right;  padding: 0; margin: 0; width: 250px; position: relative; right: 40px; }
#chat {position: absolute; right: -100px; top:-15px; width: 500px; height: 250px; 
	background-image: url(http://www.calebdurham.com/images/uploads/chat2.png);
	background-repeat: no-repeat;
	background-position: top right;
}








#next {
	position: fixed; bottom: 10px; left: 50%;
	width: 76px; height: 40px; display: block;
	margin: 0 0 0 -38px; 
	background-image: url(http://www.calebdurham.com/images/uploads/navSprites.png);
	background-repeat: no-repeat;
	background-position-x: -2px; background-position-y: -2px;
}

#next:hover {	background-position-x: -2px; background-position-y: -102px;}
#next:active {	background-position-x: -2px; background-position-y: -202px;}

#prev {
	position: fixed; top: 85px; left: 50%;
	width: 76px; height: 40px; display: block;
	margin: 0 0 0 -38px; 
	background-image: url(http://www.calebdurham.com/images/uploads/navSprites.png);
	background-repeat: no-repeat;
	background-position-x: -2px; background-position-y: -45px;
}

#prev:hover {	background-position-x: -2px; background-position-y: -145px;}
#prev:active {	background-position-x: -2px; background-position-y: -245px;}

.leftbutton {
	position: fixed; left: 10px; top: 50%;
	width: 40px; height: 76px; display: none;
	margin-top: -38px;
	background-image: url(http://www.calebdurham.com/images/uploads/navSprites.png);
	background-repeat: no-repeat;
	background-position-x: -80px; background-position-y: -2px;
}

.leftbutton:hover {	background-position-x: -80px; background-position-y: -102px;}
.leftbutton:active {	background-position-x: -80px; background-position-y: -202px;}

.rightbutton {
	position: fixed; right: 10px; top: 50%;
	width: 40px; height: 76px; display: none;
	margin-top: -38px;
	background-image: url(http://www.calebdurham.com/images/uploads/navSprites.png);
	background-repeat: no-repeat;
	background-position-x: -122px; background-position-y: -2px;
}


.rightbutton:hover {	background-position-x: -122px; background-position-y: -102px;}
.rightbutton:active {	background-position-x: -122px; background-position-y: -202px;}

.block-active {display: block;}
.displaynone-active {display: none;}

iframe, .ifrm {
	margin:auto; text-align:center; z-index:1;
	-webkit-box-shadow: 0px 2px 10px #000;
	-moz-box-shadow: 0px 2px 10px #000;
	box-shadow: 0px 2px 10px #000;
}

img.ifrm {	max-width: 700px;	}



.screen-reader-text 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

.small-only {display:none;}