/* CSS RESET ----------- START---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	font-family: Helvetica, Verdana, Arial;
	line-height: 1;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -----------------CSS RESET---END---------00bdee--------------- */

body
{

background-color: #00bdee;     
color: #bebebe;

}

#home_main
{
position:  absolute;
float: left;
color: white;
margin-left: 235px;
margin-top: 8px;
width: auto;
}

#home_main_copy
{
position: absolute;
float: left;
color: white;
margin-top: 10px;
width: 500px;
line-height: 20px;

}


#home_main_copy a
{
color:white;

}


/* -----------------NAV------------------------ */

#sidebar
{
position: fixed;
float: left;
width:215px;
overflow: auto;
height: 100%;
background-color: white;


}

#sidebar ul
{
margin-left: 10px;
}


.list_header
{
color: #00bdee;
font-size: 20px;
}

.title
{
margin-top: 10px;
font-size: 24px;
}

.extraheight
{
height: 1000px;

}

.extrapadding
{
padding-bottom: 200px;
}

.plonk
{

color: white;
}

.bump
{
margin-top: 10px;
margin-bottom: 10px;
}



/* -----------------NAV------END------------------ */


/* -----------------WEB DESIGN / PROJECTS------------------------ */


#webdesign_projects
{
position: absolute;
float: left;
color: white;
margin-top: 10px;
width: 680px;

}


#ow
{
height: 156px;
width: 774px;
position: absolute;
float: left;
color: white;


}

#owsite
{
height: 156px;
width: 174px;

float: left;
}

#owsitecopy
{
float: left;
height: 156px;
width: 500px;
}





#amyhiller
{
height: 156px;
width: 774px;
position: absolute;
float: left;
color: white;
margin-top: 170px;


}

#amyhillersite
{
height: 156px;
width: 174px;

float: left;
}

#amyhillersitecopy
{
float: left;
height: 156px;
width: 500px;
}






#sophiehiller
{
height: 156px;
width: 774px;
position: absolute;
float: left;
color: white;
margin-top: 340px;

}

#sophiehillersite
{
height: 156px;
width: 174px;

float: left;
}

#sophiehillersitecopy
{
float: left;
height: 156px;
width: 500px;
}


#vopres
{
height: 156px;
widows: 774px;
position: absolute;
float: left;
color: white;
margin-top: 510px;

}

#vopressite
{
height: 156px;
width: 174px;

float: left;
}

#vopressitecopy
{
float: left;
height: 156px;
width: 500px;
}

.sitetitle
{
color: white;
margin-left: 18px;
}

.siteclient
{
color: white;
margin-left: 18px;
font-size: 12px;
font-style: italic;
}

.sitecopy
{
color: white;
margin-left: 18px;
margin-top: 5px;
font-size: 14px;
}


/* -----------------WEB DESIGN / PROJECTS END------------------------ */



/* -----------------Sound Design------------------------ */





#iceage
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;

}

#iceagevideo
{
height: 110px;
width: 200px;

float: left;
}

#iceagecopy
{
float: left;
height: 110px;
width: 400px;
}



#division
{
height: 135px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 135px;

}

#divisionvideo
{
height: 135px;
width: 200px;

float: left;
}

#divisioncopy
{
float: left;
height: 135px;
width: 400px;
}



#cog
{
height: 135px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 285px;

}

#cogvideo
{
height: 135px;
width: 200px;

float: left;
}

#cogcopy
{
float: left;
height: 135px;
width: 400px;
}

#monster
{
height: 145px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 435px;

}

#monstervideo
{
height: 145px;
width: 200px;

float: left;
}

#monstercopy
{
float: left;
height: 145px;
width: 400px;
}


#terminator
{
height: 150px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 595px;

}

#terminatorvideo
{
height: 150px;
width: 200px;

float: left;
}

#terminatorcopy
{
float: left;
height: 150px;
width: 400px;
}


.sounddesign_padding
{
padding-bottom: 100px;

}



/* -----------------Sound Design---END--------------------- */



/* -----------------Voiceovers------------------------ */



#nblass
{
height: 100px;
width: 800px;
position: absolute;
float: left;
color: white;


}

#nblassplayer
{
height: 100px;
width: 200px;
padding-top: 5px;
float: left;
}

#nblasscopy
{
float: left;
height: 100px;
width:600px;
}



/* -----------------Voiceovers----END-------------------- */


/* -------------- Music -------------------- */




#jandb
{
height: 225px;
width: 830px;
position: absolute;
float: left;
color: white;


}

#jandbplayer
{
height: 225px;
width: 430px;

float: left;
}

#jandbcopy
{
float: left;
height: 225px;
width: 400px;
}


#ball
{
height: 225px;
width: 830px;
position: absolute;
float: left;
color: white;
margin-top: 240px;

}

#ballplayer
{
height: 225px;
width: 430px;

float: left;
}

#ballcopy
{
float: left;
height: 225px;
width: 400px;
}



#myson
{
height: 225px;
width: 830px;
position: absolute;
float: left;
color: white;
margin-top: 465px;

}

#mysonplayer
{
height: 225px;
width: 430px;

float: left;
}

#mysoncopy
{
float: left;
height: 225px;
width: 400px;
}



/* -------------- Music ENd-------------------- */





#jblive
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;

}

#jblivevideo
{
height: 110px;
width: 200px;

float: left;
}

#jblivecopy
{
float: left;
height: 110px;
width: 400px;
}









/* -------------- CORPORATE VIDEO-------------------- */



#philips
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;

}

#philipsvideo
{
height: 110px;
width: 200px;

float: left;
}

#philipscopy
{
float: left;
height: 110px;
width: 400px;
}





#vintage
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 125px;

}

#vintagevideo
{
height: 110px;
width: 200px;

float: left;
}

#vintagecopy
{
float: left;
height: 110px;
width: 400px;
}

#newsletter
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 125px;

}

#newslettervideo
{
height: 110px;
width: 200px;

float: left;
}

#newslettercopy
{
float: left;
height: 110px;
width: 400px;
}


#chatprint
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 125px;

}

#chatprintvideo
{
height: 110px;
width: 200px;

float: left;
}

#chatprintcopy
{
float: left;
height: 110px;
width: 400px;
}

#dbv
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 125px;

}

#dbvvideo
{
height: 110px;
width: 200px;

float: left;
}

#dbvcopy
{
float: left;
height: 110px;
width: 400px;
}


#buy
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 250px;
padding-bottom: 100px;

}

#buyvideo
{
height: 110px;
width: 200px;

float: left;
}

#buycopy
{
float: left;
height: 110px;
width: 400px;
}

.corporate_padding
{
padding-bottom: 100px;

}

/* -------------- CORPORATE VIDEO ENd-------------------- */


/* -------------- DOCUMENTARY-------------------- */




#nano
{
height: 110px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;
padding-bottom: 100px;

}

#nanovideo
{
height: 110px;
width: 200px;

float: left;
}

#nanocopy
{
float: left;
height: 110px;
width: 400px;
}


/* -------------- DOCUMENTARY-----END--------------- */

/* -------------- TESTIMONIALS-------------------- */

#reference
{
height: 800px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;
padding-bottom: 100px;
}

.date
{
font-size: 12px;
}

.keys
{
padding-top: 6px;
font-weight: bold;
}

.ref
{
font-style: italic;
font-size: 14px;
padding-bottom: 15px;
border-bottom: dashed white 1px;
}

.testrim
{
margin-top: 15px;

}

/* -------------- TESTIMONIAL END-------------------- */



/* -------------- Domain------------------- */


#domain
{
height: 800px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;
padding-bottom: 100px;
}



/* -------------- domain END-------------------- */



/* -------------- me-------------------- */



#me
{
height: 800px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;
padding-bottom: 100px;
}


.mememe
{

margin-top: 10px;
}



/* -------------- me END-------------------- */


/* -------------- Social------------------- */




#social
{
height: 800px;
width: 600px;
position: absolute;
float: left;
color: white;
margin-top: 10px;
padding-bottom: 100px;
font-size: 46px;
}


#social a
{
color: white;
}


#social a:hover
{
color: #7eebff;
}





/* -------------- Social---------END---------- */




/* -----------------A's H's P's------------------------ */

h1
{

font-size: 54px;
width: 370px;
line-height: 46px;



}

h2{
color: #66d7f2;
}

a
{
color: #646464;
text-decoration: none;
}

a:hover
{
color: #000;

}





h3
{
padding-bottom: 3px;
font-size: 18px;
}

h4
{
padding-top: 15px;
padding-bottom: 6px;

}