html {
	height:100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	background-repeat: no-repeat;
	margin:0;
	padding:0;
	height:100%;
}

#main-inner {
	margin:0 21px 16px 21px;
	padding:0 20px 20px 20px;
	min-height:200px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* where top and bottom half sit */


#main2 {
	margin:115px 21px 162px 21px;
	padding:0 20px 20px 20px;
	min-height:400px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 26px;
}

#main2 a:link {
	color:#666666;
}

#main2 a:hover {
	color:#999999;
	text-decoration:underline;
}


/* left nav */

#leftnav {
	margin:38px 0px 0px 0px;
	float:left;
	padding:20px 2px 2px 2px;
	width: 150px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	
}

#leftnav a:link {
	color:#ABABAB;
}

#leftnav a:hover {
	color:#cccccc;
	text-decoration:underline;
}

div#leftnav {
	float:left;
	text-align:left;
	line-height: 48px;
}
div#leftnav ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	font-weight:lighter;
	
}

div#leftnav li {
	list-style-type: none;
}
div#leftnav li a {
	text-decoration: none;
	color:#B3B3B3
}
div#leftnav li a:link {
	color:#000066;
}

div#leftnav li a:hover {
	color:#DEDEDE;
	text-decoration:underline;
}

div#leftnav li a:visited {
	color:#333333;
}

div#leftnav li a#current {
	color:#BABABA;
}


/* unused */

#main-inner-left {
	width: 386px;
	display:block;
	float:left;
	line-height:18px;
}
#main-inner-right {
	width: 171px;
	display:block;
	float:right;
}

/* where the the top navigation sits */

#logo {
	margin:4px 21px 0 21px;
	padding:20px;
	padding-bottom:0;
	background-repeat: no-repeat;
	background-position: center top;
}
#logo img {
	padding:26px 0 20px 0;
}

p, ul, ol { margin: 15px 0; }

H7#dark {
color:#333333;
}

a:link {
color:#333333;
}

H7#med {
color:#666666;
}

H7#light {
color:#999999;
}

/* first line in the top navigation */

div#navbar {
	width: 710px;
	display:inline;
	float:left;
	text-align:left;
	padding-top:60px;
	padding-left:300px;
}

div#navbar li {
	list-style-type: none;
	display: inline;
}

/* second line in the top navigation */

div#navbar2 {
	width: 710px;
	display:block;
	float:left;
	text-align:left;
	padding-top:5px;
	padding-left:300px;

}


.clear {
	clear:both;
}

/* The footer */


#footer {
	clear:both;
	font-size: 10px;
	color:#333333;
	text-align:center;
	padding:12px;
	line-height:18px;
}
#footer a:link, #footer {
	color:#333333;
	text-decoration:none;
}
#footer a:hover {
	color:#333333;
	text-decoration:underline;

}
a:hover {
	color:#999999;
	text-decoration:none;
}


/* Where the Left nav and Pictur sit */

div#tophalf {
	width: 1000px;
	height:440px;
	display:block;
	float:left;
	text-align:left;
	padding-top:22px;
	padding-left:0px;

}

/* where the caption and numbers sit */

#bottomhalf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 810px;
	height:150px;
	display:block;
	float:left;
	text-align:left;
	padding-left:0px;
}

/* Where the picture is held TOP LEFT */

div#picture {
	display:block;
	margin:25px 0px 0px 25px;
	float:left;
}

/* Where the picture is held 40 right 40 down */

div#picture2 {
	display:block;
	margin:5px 25px 0px 120px;
	float:left;
}

/* picture for tonybee hall */

div#picture3 {
	display:block;
	margin:0px 0px 0px 25px;
	float:left;
}

/* picture for btf flowers logo */

div#picture4 {
	display:block;
	margin:50px 0px 0px 150px;
	float:left;
}

/* picture for Charles Nove and Chris Anthony logo */

div#picture5 {
	display:block;
	margin:70px 70px 0px 80px;
	float:left;
}

/* picture for Solve page 2 */

div#picture6 {
	display:block;
	margin:25px 0px 0px 40px;
	float:left;
}

/* picture for CCC1 page 1 */

div#picture7 {
	display:block;
	margin:40px 70px 0px 130px;
	float:left;
}

/* picture for proprint 1 */

div#picture8 {
	display:block;
	margin:20px 70px 0px 130px;
	float:left;
}

/* picture for tonybee 2 */

div#picture9 {
	display:block;
	margin:25px 0px 0px 75px;
	float:left;
}

/* picture for tonybee 3 */

div#picture10 {
	display:block;
	margin:25px 0px 0px 175px;
	float:left;
}

/* picture for sketchers ep 12  */

div#picture11 {
	display:block;
	margin:5px 0px 0px 65px;
	float:left;
}

/* picture for sketchers ep 3  */

div#picture12 {
	display:block;
	margin:5px 0px 0px 130px;
	float:left;
}

/* picture for sketchers ep 3  */

div#picture13 {
	display:block;
	margin:25px 0px 0px 160px;
	float:left;
}

/* picture for proud*/

div#picture14 {
	display:block;
	margin:25px 0px 0px 60px;
	float:left;
}

/* picture for proud 2*/

div#picture15 {
	display:block;
	margin:25px 0px 0px 90px;
	float:left;
}

/* picture for sketches 2*/

div#picture16 {
	display:block;
	margin:70px 0px 0px 25px;
	float:left;
}

/* picture for toynbee2 */

div#picture17 {
	display:block;
	margin:25px 0px 0px 175px;
	float:left;
}


/* Where the picture is held TOP LEFT */

div#picture10 {
	display:block;
	margin:60px 0px 0px 25px;
	float:left;
}

div#film {
	display:block;
	margin:83px 0px 0px 50px;
	float:left;
}

div#screens {
	display:block;
	margin:25px 0px 0px 25px;
	float:left;
}

/* Captions for pages */


div#caption {
	margin:13px 0px 0px 180px;
	float:left;
	width: 350px;
	color:#666666;
	font-size:11px;
	
}

/* Light Box Caption DO NOT DELETE */


div#captionlb {
	margin:13px 0px 0px 180px;
	float:left;
	width: 350px;
	color:#666666;
	font-size:11px;
	
}

/* screen Caption DO NOT DELETE */


div#captionscreen {
	margin:13px 0px 0px 180px;
	float:left;
	width: 200px;
	color:#666666;
	font-size:11px;
	
}

/* Numbers for portfolio pages */


div#numbers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6E6E6E;
	text-align:right;
	display:block;
	margin:0px 0px 0px 105px;
	width:130px;
	float:left;	
	font-size:14px;
	text-decoration:none;
}

#numbers a:link {
}

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

div#numbers li {
	list-style-type: none;
	color:#6E6E6E;
	padding: 0 0px 0 8px;
	display: inline;
}
div#numbers li a {
	text-decoration: none;
	color:#6E6E6E;

}


div#numbers li a:hover {
	text-decoration:underline;
	color:#6E6E6E;

}

div#numbers li a:visited {
	color:#6E6E6E;
}

div#numbers li a#current {
	color:#CCCCCC;
}


/* Contact Page */


div#form {
	display:block;
	margin:90px 0px 0px 325px;
	float:left;
	width:300px;
}

#contact {
	margin:31px 0px 0px 0px;
	float:left;
	padding:20px 2px 2px 2px;
	width: 250px;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}




/* Top Navigation Buttons */

#ab
{
  display: block;  
  float:left;
  width: 107px;
  height: 23px;
  background: url("ab.png") no-repeat 0 0;
}
#ab:hover
{ 
  background-position: 0 -22px;
}

#ab span
{
  display: inline;
}

#po
{
  display: block;
  float:left;
  width: 150px;
  height: 23px;
  background: url("po.png") no-repeat 0 0;
}
#po:hover
{ 
  background-position: 0 -22px;
}
#po span
{
  display: inline;
}



#se
{
  display: block;
  float:left;
  width: 127px;
  height: 23px;
  background: url("se.png") no-repeat 0 0;
}
#se:hover
{ 
  background-position: 0 -22px;
}
#se span
{
  display: inline;
}


#aw
{
  display: block;
  float:left;
  width: 134px;
  height: 23px;
  background: url("aw.png") no-repeat 0 0;
}
#aw:hover
{ 
  background-position: 0 -22px;
}
#aw span
{
  display:inline-block;
}


#co
{
  display: block;
  float:left;
  width: 127px;
  height: 23px;
  background: url("co.png") no-repeat 0 0;
}
#co:hover
{ 
  background-position: 0 -22px;
}
#co span
{
  display:inline;
}



#ad
{
  display: block;
  float:left;
  width: 107px;
  height: 23px;
  background: url("ad.png") no-repeat 0 0;
}
#ad:hover
{ 
  background-position: 0 -28px;
}
#ad span
{
  display:inline;
}


#id
{
  display: block;
  float:left;
  width: 120px;
  height: 23px;
  background: url("id.png") no-repeat 0 0;
}
#id:hover
{ 
  background-position: 0 -28px;
}
#id span
{
  display:inline;
}

#mo
{
  display: block;
  float:left;
  width: 137px;
  height: 23px;
  background: url("mo.png") no-repeat 0 0;
}
#mo:hover
{ 
  background-position: 0 -28px;
}
#mo span
{
  display:inline;
}

#pa
{
  display: block;
  float:left;
  width: 130px;
  height: 23px;
  background: url("pa.png") no-repeat 0 0;
}
#pa:hover
{ 
  background-position: 0 -28px;
}
#pa span
{
  display:inline;
}

#pr
{
  display: block;
  float:left;
  width: 92px;
  height: 23px;
  background: url("pr.png") no-repeat 0 0;
}
#pr:hover
{ 
  background-position: 0 -28px;
}
#pr span
{
  display:inline;
}

#wb
{
  display: block;
  float:left;
  width: 62px;
  height: 23px;
  background: url("wb.png") no-repeat 0 0;
}
#wb:hover
{ 
  background-position: 0 -28px;
}
#wb span
{
  display:inline;
}

/* Top Navigation Buttons CURRENT!!! */

#ab2
{
  display: block;  
  float:left;
  width: 107px;
  height: 23px;
  background: url("ab.png") no-repeat 0 0;
  background-position: 0 -22px;

}
#ab2:hover
{ 
  background-position: 0 0px;
}

#ab2 span
{
  display: inline;
}

#po2
{
  display: block;
  float:left;
  width: 150px;
  height: 23px;
  background: url("po.png") no-repeat 0 0;
  background-position: 0 -22px;

}
#po2:hover
{ 
  background-position: 0 0px;
}
#po2 span
{
  display: inline;
}



#se2
{
  display: block;
  float:left;
  width: 127px;
  height: 23px;
  background: url("se.png") no-repeat 0 0;
  background-position: 0 -22px;

}
#se2:hover
{ 
  background-position: 0 0px;
}
#se2 span
{
  display: inline;
}


#aw2
{
  display: block;
  float:left;
  width: 134px;
  height: 23px;
  background: url("aw.png") no-repeat 0 0;
  background-position: 0 -22px;

}
#aw2:hover
{ 
  background-position: 0 0px;
}
#aw2 span
{
  display:inline-block;
}


#co2
{
  display: block;
  float:left;
  width: 127px;
  height: 23px;
  background: url("co.png") no-repeat 0 0;
  background-position: 0 -22px;

}
#co2:hover
{ 
  background-position: 0 0px;
}
#co2 span
{
  display:inline;
}



#ad2
{
  display: block;
  float:left;
  width: 107px;
  height: 23px;
  background: url("ad.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#ad2:hover
{ 
  background-position: 0 0px;
}
#ad2 span
{
  display:inline;
}


#id2
{
  display: block;
  float:left;
  width: 120px;
  height: 23px;
  background: url("id.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#id2:hover
{ 
  background-position: 0 0px;
}
#id2 span
{
  display:inline;
}

#mo2
{
  display: block;
  float:left;
  width: 137px;
  height: 23px;
  background: url("mo.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#mo2:hover
{ 
  background-position: 0 0px;
}
#mo2 span
{
  display:inline;
}

#pa2
{
  display: block;
  float:left;
  width: 130px;
  height: 23px;
  background: url("pa.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#pa2:hover
{ 
  background-position: 0 0px;
}
#pa2 span
{
  display:inline;
}

#pr2
{
  display: block;
  float:left;
  width: 92px;
  height: 23px;
  background: url("pr.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#pr2:hover
{ 
  background-position: 0 0px;
}
#pr2 span
{
  display:inline;
}

#wb2
{
  display: block;
  float:left;
  width: 62px;
  height: 23px;
  background: url("wb.png") no-repeat 0 0;
  background-position: 0 -28px;

}
#wb2:hover
{ 
  background-position: 0 0px;
}
#wb2 span
{
  display:inline;
}