@charset "utf-8";

/* 

Dream Infinity Studios / Christopher Takakura Portfolio 2011 CSS
Author: Christopher Takakura


*/


/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

body {

	
	background:none repeat scroll 0 0 #FFFFFF;		
	font-family:arial, 'lucida Grande', verdana, san-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

}

/* ### TOOL TIP ### */

.tip {
    color: #fff;
    background:#1d1d1d;
    display:none; /*--Hides by default--*/
	font-family:Verdana,Helvetica,Arial, San-Serif;
	font-size:11px;
    padding:10px;
    position:absolute;    
	text-decoration: none;
	z-index:1000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-bottom: 25px;
	
}


/* ### CORE CONTENT CSS ### */


#container {

    background-color: #FFFFFF;
    margin: 0 auto 50px;
    overflow: hidden;
    padding-top: 0;
    width: 975px;

}


#container a img {

    border: 1px solid #D0D0D0;
	margin-bottom: 25px;
	
	}
	
#container a img:hover {

	border: 1px solid #5EC1FF;
	margin-bottom: 25px;
	
	}
	
#container img {
	
	margin-bottom: 25px;
    margin-left: 115px;
    padding: 2px;
	
	
	}
	
.titlebar img {

	border: none;
	padding:0px;

	}
	
#title img {
	
	border: none;
	
	}



#homecontainer {
	
	padding-left:50px;
	padding-top:10px;
	

}

.titlebar {

    background: url("../images/sideelements.png") no-repeat scroll 0 0 transparent;
    height: 180px;
	margin-bottom: 30px;
	
	}
	
	#titlebar2 {

	background-color:#FFFFFF;
	border-bottom:3px double #D0D0D0;
	margin-bottom:55px;
	padding-bottom:5px;
	width:800px;
	}

	.caption {
	
	display:block;
	margin-bottom:25px;
	width:843px;
	
	}
	
	.subbuttons {
	
	height:25px;
	width:956px;
	
	}


.divider {

    border-top: 1px solid #000000;
    margin-bottom: 60px;
    margin-left: 113px;
    margin-top: 60px;

	}
	
#footer {
	
    background-color: #1F1F1F;
    color: #737373;
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
	height:300px;
    line-height: 16px;
	overflow: hidden;
		
	}
	
#footercontainer {

    background: url("../images/footerarrow.png") no-repeat scroll 40px -15px transparent;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-left: 81px;
    padding-top: 50px;
    width: 825px;

}
	
	#footerleftcontent {

		color: #C7C7C7;
		float: left;
		text-align: left;
		text-shadow: 1px 1px 0 #000000;
		width: 350px;
		
		}
		
	#footerrightcontent {

	background: url("../images/infinitee.png") no-repeat scroll 67px 10px transparent;
    color: #C7C7C7;
    float: right;
    height: 60px;
    margin-top: 140px;
    text-align: right;
    text-shadow: 1px 1px 0 #000000;
    width: 385px;
		
	}
	
.borderimg {

	width:900px;
	
	}
	
.borderimg img {

	border: 1px solid #d0d0d0;
	
	}
	
.projectend {

    background: url("../images/v2bgpattern.png") repeat fixed 0 0 #FFFFFF;
    height: 17px;
    margin-left: 115px;
    margin-top: 40px;
    width: 824px;
	
	}
	
.altbox {

    margin-left: 116px;
    width: 821px;

	}
	
	
/* #### TYPOGRAPHY CSS ### */


.headline {

    color: #000;
    font-family: 'Crimson Text',Times New Roman,Serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.3px;
    text-rendering: optimizelegibility;

}

.desc {

	border-top: 1px solid #242424;
    color: #5B5B5B;
    font-family: Helvetica,Verdana,Lucida Grande,Arial,Sans-serif;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 15px;
    margin-bottom: 35px;
    margin-left: 115px;
    margin-top: 40px;
    padding-top: 32px;
    text-align: left;
    width: 824px;

}

.casestudy {

    border-top: 1px solid #D3D3D3;
    color: #8E8E8E;
    font-family: arial,helvetica,verdana,sans-serif;
    font-size: 11px;
    letter-spacing: 0.9px;
    line-height: 15px;
    margin-bottom: 35px;
    margin-left: 115px;
	margin-top: 15px;
    padding-top: 9px;
    text-align: left;
    width: 824px;

}

/* BIO PAGE CSS */

#biophoto {

    background: url("../images/barstow.jpg") no-repeat scroll -76px -59px transparent;
    float: left;
    height: 252px;
    margin-left: 115px;
    width: 324px;

}

.rightaligntext {

	float: right;
    margin-top: -6px;
    width: 465px;

	}
	
.biotext {

    color: #3A3A3A;
    float: right;
    font-family: arial,helvetica,verdana,sans-serif;
    font-size: 14px;
    line-height: 19px;
	margin-bottom: 30px;
    text-align: justify;



}

.largebiotext {

    color: #3A3A3A;
    font-size: 14px;
    line-height: 24px;



}

	.largebiotext a{

	color:#737373;



	}

	.largebiotext a:hover{

	color:#000;
	text-decoration:underline;


	}

	.biobar {

		background: url("../images/sideelements.png") no-repeat scroll 0 0 transparent;
		margin-bottom: 30px;
		overflow: hidden;
		width: 939px;
		
		}
		
	.biodesc {

		border-top: 1px solid #242424;
		color: #4E4E4E;
		font-family: arial,helvetica,verdana,sans-serif;
		font-size: 11px;
		letter-spacing: 0.7px;
		line-height: 15px;
		margin-bottom: 35px;
		margin-left: 115px;
		padding-top: 32px;
		text-align: left;
		/*text-shadow: 1px 1px 0 #D1D1D1;*/
		width: 824px;

}

#testimonials {

    color: #333333;
    float: left;
    font-family: Times New Roman,Serif;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin-left: 115px;
    margin-top: 50px;
	text-align: left;
    width: 279px;

}

.minidivider {

    border-bottom: 1px solid #C4C4C4;
    clear: both;
    margin-bottom: 35px;
    padding-top: 30px;

	}
	
/* SERVICES PAGE CSS */


.leftaligntext {

	float: left;
    margin-left: 115px;
    margin-top: -6px;
    width: 430px;

	}

.rightaligntext2 {

    border-left: 1px solid #C4C4C4;
    float: right;
    height: 1075px;
    margin-top: -6px;
    overflow: hidden;
    padding-left: 20px;
    width: 260px;

	}

.serviceindent {

padding-left:50px;

}

.leftaligntext ul{

padding-left:0px;

}

.leftaligntext li{

    color: #3A3A3A;
    font-size: 15px;
    line-height: 25px;
    list-style: none outside none;
    padding-left: 50px;

}

.clientlist {

    color: #595959;
    font-family: Times New Roman,Serif;
    font-size: 14px;
    font-style: italic;


}
	
	

	/* MAIN HYPERLINK COLORS CSS */

	a {
		color: #5EC1FF;
		text-decoration: none;

	}

	a:hover {

		color:#a7ddff;
		text-decoration:none;

	}


	
	
/*index page css */

#indextitle {

    background: url("../images/home/logosignature.png") no-repeat scroll 0px 90px #FFFFFF;
    border-bottom: 1px solid #C4C4C4;
    border-top: 1px solid #C4C4C4;
    height: 350px;
    margin-top: 150px;
    padding-top: 56px;

}

#categorycontainer {

	
	margin-top:120px;
	width:940px;
	
	

}

#indexnav {

    border-left: 1px solid #C4C4C4;
    margin-left: 530px;
    margin-top: 40px;
    padding-left: 40px;
    width: 322px;
	
	}


	
#homeprint{

	background-image:url(../images/home/print.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
	height:28px;
	width:274px;
	
	}
	
#homeprint:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#homeidentity{

	background-image:url(../images/home/branding.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:28px;	
	margin-bottom:10px;
	width:274px;
	
	}
	
#homeidentity:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#homemotion{

	background-image:url(../images/home/motion.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin-bottom:10px;
	width:274px;
	
	}
	
#homemotion:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#homeweb{

	background-image:url(../images/home/web.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin-bottom:10px;
	width:274px;
	
	}
	
#homeweb:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#homebio{

	background-image:url(../images/home/bio_resume_contact.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin-bottom:10px;
	width:274px;
	
	}
	
#homebio:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#homeservices{

	background-image:url(../images/home/services.png);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
	height:28px;
	margin-bottom:10px;
	width:274px;
	
	}
	
#homeservices:hover{
	
	background-position:left -28px;
	background-repeat:no-repeat;
	height:28px;
	width:274px;
	
	}
	
#infocontainer{

	width:670px;

}



ul#subnav {
	
	float:left;
	font-size:14px;
	height:24px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:90px 0 100px 355px;
	padding:0;
	position:relative;
	width:435px;
	
}
ul#subnav li {
	
	
	float: left;
	margin: 0; padding: 0;
	
	
}
ul#subnav li a {
	
	background: transparent url(../images/home/subnav.png) no-repeat;
	color:#ffffff;
	display:block;
	height:24px;
	padding:0px 0px;
	text-decoration:none;
	text-indent: -9999px;
}

ul#subnav li a.bio{
	background-position: 0 0;
	width: 200px;
	}
	
ul#subnav li a.resume {
	width: 91px; background-position: -188px 0;	
	}
	
ul#subnav li a.contact {
	width: 134px; background-position: -269px 0;	
	}


ul#subnav li a.bio:hover, ul#subnav li a.bio:focus  { 
	background-position: 0 -24px;
	}
	
ul#subnav li a.resume:hover , ul#subnav li a.resume:focus { 
	background-position: -188px -24px;
	
	} 
	
ul#subnav li a.contact:hover, ul#subnav li a.contact:focus {
	background-position: -269px -24px;	
	}
	


/*header divs */

#header {

    background-color: #1F1F1F;
    height: 215px;
    padding-top: 40px;

}

#headercontainer {

	margin: 0 auto;
	width:975px;

}

#logo {

    background: url("../images/header.png") no-repeat scroll 0 10px transparent;
    height: 87px;
    margin: 25px auto 0;
    width: 975px;

}

#headercontact {

    color: #C7C7C7;
    font-family: arial,helvetica,verdana,sans-serif;
    font-size: 11px;
    height: 50px;
    letter-spacing: 0.9px;
    line-height: 15px;
    margin: 20px auto 0;
	text-shadow: 1px 1px 0 #000000;
    width: 740px;

}

#printheader{

    background: url("../images/printheader.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

#webheader{

	background:transparent url(../images/webheader.png) no-repeat scroll 0 0;
	height:150px;
	margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

#identityheader{

	background:url("../images/identityheader.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

#motionheader{

	background:transparent url(../images/motionheader.png) no-repeat scroll 0 0;
	height:150px;
    margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

#bioheader {

    background: url("../images/bioheader.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

#servicesheader {

    background: url("../images/servicesheader.png") no-repeat scroll 0 0 transparent;
    height: 150px;
    margin-bottom: 50px;
	margin-left: 95px;
    margin-top: 0;

}

/* biography resume contact css */

#biocontainer{

	background:url("../images/bio/biography.png") no-repeat scroll 0 0 transparent;
	height:670px;
	margin-bottom:5px;
	margin-left:0;
	margin-top:0;
	width:880px;

}

#contactcontainer{

	background:url("../images/bio/resume_contact.png") no-repeat scroll 0 0 transparent;
	height:275px;
	margin-bottom:0;
	margin-top:0;
	padding-left:413px;
	padding-top:140px;

}

#contactlivetext {

	color:#575757;
	font-family:Times New Roman,Serif;
	font-size:16px;
	line-height:30px;
	margin-left:50px;
	width:300px;
	text-shadow:1px 1px 3px #BFBFBF;


}

#servicescontainer{

	background:url("../images/services/services.png") no-repeat scroll 0 0 transparent;
	height:515px;
	margin-bottom:0;
	margin-top:0;
	padding-left:413px;
	padding-top:140px;
	
}





/* navigation divs */

#navigationcontainer{

	background: none repeat scroll 0 0 #1F1F1F;
	height:35px;
	position:fixed;
	text-align:left;
	top:0;
	width:100%;
}

#navigation {

    height: 34px;
    margin: 0 auto;
    width: 980px;
	
}

#title {

    float: left;
    margin-top: 1px;
    width: 108px;
	
	}
#buttons {

	float:left;
	margin-left:11px;
	margin-top:14px;
	

}

/***** NAVIGATION BAR FORMATTING *****/



ul#navibuttons {
	
	font-size:14px;
	float:left;
	height:34px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 auto;
	padding:0;
	position:relative;
	
}
ul#navibuttons li {
	
	
	float: left;
	margin: 0; padding: 0;
	
	
}
ul#navibuttons li a {
	
	background: transparent url(../images/navigation.png) no-repeat;
	color:#ffffff;
	display:block;
	height:34px;
	padding:0px 0px;
	text-decoration:none;
	text-indent: -9999px;
}

ul#navibuttons li a.home{
	background-position: 0 0;
	width: 63px;
	}

ul#navibuttons li a.print{
	background-position: -63px 0;
	width: 84px;
	}
	
ul#navibuttons li a.branding {
	width: 148px; background-position: -147px 0;	
	}
	
ul#navibuttons li a.motion {
	width: 106px; background-position: -295px 0;	
	}

ul#navibuttons li a.web {
	width: 110px; background-position: -401px 0;	
	}
	
ul#navibuttons li a.bio {
	width: 173px; background-position: -511px 0;	
	}
	
ul#navibuttons li a.services {
	width: 88px; background-position: -684px 0;	
	}
	


ul#navibuttons li a.home:hover, ul#navibuttons li a.home:focus  { 
	background-position: 0 -34px;
	}

ul#navibuttons li a.print:hover, ul#navibuttons li a.print:focus  { 
	background-position: -63px -34px;
	}
	
ul#navibuttons li a.branding:hover , ul#navibuttons li a.branding:focus { 
	background-position: -147px -34px;
	
	} 
	
ul#navibuttons li a.motion:hover, ul#navibuttons li a.motion:focus {
	background-position: -295px -34px;	
	}

ul#navibuttons li a.web:hover, ul#navibuttons li a.web:focus {
	background-position: -401px -34px;	
	}
	
ul#navibuttons li a.bio:hover, ul#navibuttons li a.bio:focus {
	background-position: -511px -34px;	
	}
	
ul#navibuttons li a.services:hover, ul#navibuttons li a.services:focus {
	background-position: -684px -34px;	
	}
	



a { outline: none; }

body#homec.home,
body#printc a.print, 
body#brandingc a.branding,
body#motionc a.motion,
body#webc a.web ,
body#bioc a.bio ,
body#servicesc a.services


{
	
	background: url(../images/navigationcurrent.png) no-repeat;


}

/* buttons div id */




.zoom{

    background-image: url("../images/zoomartwork.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: 1px solid #242424;
    display: block;
    float: left;
    height: 27px;
    margin-left: 115px;
    width: 158px;
	
	}
	
.zoom:hover{
	
	background-position:0 -24px;
	border: 1px solid #0076c9;
	display:block;
	height:27px;
	width:158px;	

}

.download{

	background-image: url("../images/viewpdf.png");
    background-position: left top;
    background-repeat: no-repeat;
	border: 1px solid #242424;
    display: block;
    float: left;
    height: 27px;
    margin-left: 115px;
    width: 102px;
	
	}
	
.download:hover{
	
	background-image:url(../images/viewpdf.png);
	background-position:0 -24px;
	background-repeat:no-repeat;
	border: 1px solid #0076c9;
	display:block;
	height:27px;	

}

.viewweb{

	background-image:url(../images/viewweb.png);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px solid #242424;
    display: block;
    float: left;
    height: 27px;
    margin-left: 115px;
    width: 126px;
	}
	
.viewweb:hover{
	
	background-image:url(../images/viewweb.png);
	background-position:0 -24px;
	background-repeat:no-repeat;
	border: 1px solid #0076c9;
	display:block;
	height:27px;	

}

.viewvideo {

	background-image:url(../images/viewvideo.png);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px solid #242424;
    display: block;
    float: left;
    height: 27px;
    margin-left: 115px;
    width: 126px;
	}

.viewvideo:hover{
	
	background-image:url(../images/viewvideo.png);
	background-position:0 -24px;
	background-repeat:no-repeat;
	border: 1px solid #0076c9;
	display:block;
	height:27px;		

}



/* BACK TO TOP */

#toTop {

    background: none repeat scroll 0 0 #1F1F1F;
    bottom: 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-family: Arial,Verdana,Lucida Grande,Sans-serif;
    font-size: 11px;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 100px;
	
}