@charset "UTF-8";
/* CSS Document */

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;
}
fieldset, img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

html, body {height:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image:url("images/green-paper.jpg"); text-align: center; font-family: Helvetica, Arial, Helvetica, sans-serif; }
a {text-decoration:none; color: #013714}
a img {border: none ; }
a:hover {text-decoration:none; color: #5170A1; }
a:hover span {cursor: pointer }
a:active, a:focus {outline:none; }
acronym {cursor: help;}
a.lang {color: #FFF}
a.lang:hover {color: #333}

#floater { position:relative; float:left; height:50%; margin-bottom:-292px; width:1px;}
#content {clear:left; height:584px; width:970px; margin: 0 auto; text-align: left; position:relative; background-color:#FFF;-moz-box-shadow: 3px 3px 10px #555; -webkit-box-shadow: 3px 3px 10px #555; box-shadow: 3px 3px 10px #555;}
#logo {float:left; height:27px; padding:15px 0px 6px 100px}
#navblock {float:right; height: 15px; width: 279px; margin: 25px 101px 0px 0px;}
#navgh {background: url(images/navghl.png) no-repeat; width: 279px; height: 15px; margin: 0; padding: 0;}
#navgh a {display: block; height: 15px;}
#navgh li {float:left; display:inline; height: 15px;}

#portfolio {width:56px;}
#video {width:46px;}
#about {width:49px;}
#contact {width:58px;}
#clientarea {width:69px;}

#portfolio a:hover {background: url(images/navghl.png) 0px -28px no-repeat;}
#portfolio_active a:hover {background: url(images/navghl.png) 0px -28px no-repeat;}
#video a:hover {background: url(images/navghl.png) -56px -28px no-repeat;}
#about a:hover {background: url(images/navghl.png) -102px -28px no-repeat;}
#contact a:hover {background: url(images/navghl.png) -151px -28px no-repeat;}
#clientarea a:hover {background: url(images/navghl.png) -209px -28px no-repeat;}

#portfolio_active {width:56px; background: url(images/navghl.png) 0px -28px no-repeat;}
#portfolio_active a {width:56px; background: url(images/navghl.png) 0px -28px no-repeat;}
#video_active {width:46px; background: url(images/navghl.png) -56px -28px no-repeat;}
#about_active {width:49px; background: url(images/navghl.png) -102px -28px no-repeat;}
#contact_active {width:58px; background: url(images/navghl.png) -151px -28px no-repeat;}
#clientarea_active {width:69px; background: url(images/navghl.png) -209px -28px no-repeat;}

#imagebox, #imageboxhp {clear:both; width:771px; height:513px; background:url(images/loading.png) no-repeat center; margin-left:100px; border:#000 1px solid; padding: 0px; line-height:0px;}
#imageboxhp {background: url(http://www.garfieldhall.com/images/Book-Final-Edit_-Crop.jpg);}
#videobox {clear:both; width:770px; height:513px; background:url(images/comingsoon.png) no-repeat center; margin-left:100px; border:#000 1px solid; }
#textbox {clear:both; width:770px; height:513px; margin-left:100px; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif}
#copyright {float:right; color: #666; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 9px; padding: 2px 100px 0px 0px;}
#loc {float:left; padding:2px 3px 0px 100px; font-size:12px; padding-top:2px; font-family: Tahoma, Geneva, sans-serif; color:#666}
#textbloc {font-size: 13px; line-height:1.4em; padding:100px 450px 0px 0px;}
#form {font-size: 13px; line-height:1.4em; padding:170px 0px 0px 200px;}
#dtp {position: absolute; bottom: 2px; right:6px; color: #CCC; font-family: Verdana, Helvetica Neue, Arial, sans-serif; font-size: 9px; }
#contactinfo1 {float:left; font-size: 13px; line-height:2.2em; padding:100px 0px 0px 0px;}
#contactinfo2 {float:left; font-size: 13px; line-height:2.2em; margin:100px 0px 0px 20px;}
#social {clear:both; padding-top:25px;}

tag {display:block; color: #555; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; margin:-12px 0px 12px 30px; font-weight:400}
#info {color: #666666; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 9px; text-align:left}
#abouttxt {width:470px; height:400px; background-color:#DADADA; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.4em; padding:100px 140px 0px 140px; }
#texttitle {float:left; background-color:#DADADA; color:#FFF; width:250px; height: 32px; font-size:66px; font-family: Georgia, 'Times New Roman', Times, serif; padding:467px 0px 0px 10px;}



#header {margin:4em 0; width:770px;}
#header, #footer {float:left; padding-left:100px; width:70%;}
#page {-moz-box-shadow:3px 3px 10px #555555; background-color:#FFFFFF; margin:40px auto 0; min-width:970px; text-align:left; width:970px;}