.clear {clear: both;}

body {background: #eaf2e9; font-family: Times, serif;}
	body#home {background: #eaf2e9 url(images/igt_vertical.jpg) 0 0 repeat-x;}
	body#inner {background: #eaf2e9 url(images/igt_vertical2.jpg) 0 0 repeat-x;}
div {position: relative;}

img.img_left {float: left; padding: 0 20px 10px 0;}
img.img_right {float: right; padding: 0 0 10px 20px;}

a { font-family: Verdana, sans-serif; }
p {color: #404040; font-size: 12px; font-family: Verdana, sans-serif; margin: 5px 0 15px;}
	p.button {float: right; background: url(images/next-button.png) 0 0 no-repeat; margin: 30px 0; padding-left: 15px; width: 165px; height: 30px; line-height: 26px; text-align: left; text-indent: 0;}
	#content p.button {margin: 0 0 0 0;}
	p.button a {color: #404040; text-decoration: none; }
		p.button a:hover {color: #736f3f;}

h2 {color: #40362d; font-size: 28px; font-weight: bold;}
h3 {color: #40362d; font-size: 18px; margin-bottom: 20px; font-weight: bold;}
#content ul {margin: 5px 25px; font-size: 14px; list-style: disc;  font-family: Verdana, sans-serif; color: #404040;}
	#content ul li {padding: 3px 5px;}



#main {width: 960px; margin: 0 auto; }

#header {padding: 0 0 0 0;}
#header h1 {text-align: right; padding: 5px 0 0; font-size: 10px; color: #eaf2e9; font-family: Verdana, sans-serif;}

body#home #header {height: 450px;}
body#inner #header {height: 180px;}

#content {background: #eaf2e9 url(images/content_bg.gif) 0 0 repeat-y; margin: 20px -6px 20px 0; padding: 20px;}
	#content_top {background: url(images/content-top.jpg) 0 0 no-repeat; width: 964px; position: absolute; top: 0; left: 0; height: 8px; }
	#content_bottom {background: url(images/content-bottom.jpg) 0 100% no-repeat; width: 964px; position: absolute; bottom: 0; left: 0; height: 10px; }
	
	h5#logo {background: url(images/igt_logo.png) 0 0 no-repeat; height: 174px; width: 257px; position: absolute; top: 0; left: -15px;}
	h5#logo a { height: 174px; width: 257px; display: block; text-decoration: none;}
	h5#logo span {display: none;}


#footer {background: url(images/igt-footer.jpg) 0 0 repeat-x; height: 54px; padding: 10px 15px 0; margin: 0; text-align: center; color: #40362d;}
	#footer h6 {font-size: 14px; font-weight: bold;}
	#footer p {font-size: 11px;}

#feature h2 {font-family: Times, serif; font-size: 20px; font-weight: bold; color: #40362d; padding-top: 65px; line-height: 35px; text-align: left;}

#side_images {float: right; width: 340px; text-align: center;}
	#side_images img {margin: 5px 0; border: 1px solid #40362d; }

/* HIDDEN DROP DROP NAVIGATION */
#nav {background: url(images/igt-nav.gif) 0 0 repeat-x; height: 45px; padding: 58px 0 18px; margin: 0; z-index: 10; clear: both; font-size: 12px; font-family: Verdana, sans-serif;}		 
	#nav ul#main_nav {float: right; padding-left: 25px;}
	#nav ul li {float: left; position: relative; z-index: 90; margin: 7px 0 0; padding: 0 0 7px 0;}
		ul#main_nav li:hover {background: url(images/igt-nav-li-hover.jpg) 0 0 repeat-x;}
		ul#main_nav li:hover a {color: #000;}
		
		ul#main_nav li a {background: none; color: #FFF; padding: 5px 0 5px 25px; text-decoration: none; display: block; background: url(images/nav-pipe.jpg) 0 0 repeat-y;}
		
		ul#main_nav ul.sub_nav {position: absolute; top: 30px; left: -9999em; z-index: 99;  margin-left: 2px; padding: 5px 0 10px; font-size: 10px; background: #d6d6d6;}
			ul#main_nav ul.sub_nav li {float: none;  color: #292929; padding: 0; margin: 0; display: block;  text-align: left;}
			ul#main_nav ul.sub_nav li a {background: none; color: #292929; padding: 2px 20px 3px 20px; }
				ul#main_nav ul.sub_nav li a:hover {color: #000; display: block;}
		
		ul#main_nav li:hover ul {left:0; position: absolute; z-index: 99;}
		ul#main_nav li:hover ul li:hover {background: gray;}
	
#nav #endcap_right {position: absolute; right: 0; height: 45px; background: url(images/igt-nav-right.jpg) 100% 0 no-repeat; width: 16px;}
#nav #endcap_left {position: absolute; left: 0; height: 45px; background: url(images/igt-nav-left.jpg) 0 0 no-repeat; width: 16px;}

/* END HIDDEN DROP DOWN NAVIGATION */


/* THREE BUCKETS */
#threebuckets {float: left; padding-bottom: 15px; background: url(images/three-buckets.jpg) 50% 0 repeat-y; width: 100%;  }
	#threebuckets .bucket {float: left;}
	#threebuckets h3 {line-height: 46px; padding: 0 15px; margin-bottom: 0;}
	#threebuckets p {padding: 0 15px; text-indent: 0;}
	#threebuckets .bucketwrap {}
	#threebuckets #bucket1 {width: 300px}
	#threebuckets #bucket2 {width: 325px;}
	#threebuckets #bucket3 {width: 300px}
	#threebuckets p.button_small {float: right; background: url(images/button-small.jpg) 0 0 no-repeat; margin: 0 10px 0 0;  padding: 0; width: 95px; height: 30px; line-height: 26px; text-align: center; text-indent: 0;}
		p.button_small a {color: #404040; text-decoration: none; }
		p.button_small a:hover {color: #F9F9F9;}
	
/* END THREE BUCKETS */

	/* SIDE SCROLL STYLES */
	div#scrollbox { height: 160px; position: absolute; overflow: hidden; top: 10px; left: 0; right: 0;}
	div#scrollbox div#bigbox {width: 1000%}
	div#scrollbox div#bigbox div.block {width: 920px; height: 160px; float: left;} 
	
	div#leftscroll {position: absolute; left: 0px; top: 70px; color: #FFF; z-index: 90;}
		div#leftscroll a {background: url(images/slide-left.png) 0 0 no-repeat; width: 10px; height: 15px; display: block;}
				div#leftscroll a span {}

	div#rightscroll {position: absolute; right: 5px; top: 70px; color: #FFF; z-index: 90;}
		div#rightscroll a {background: url(images/slide-right.png) 0 0 no-repeat; width: 10px; height: 15px; display: block;}
				div#rightscroll a span {}
		
	#content div.block ul {text-align: center; margin: 20px 0 !important; padding: 0;}
	div.block ul li {display: inline; padding: 5px 0;}


/* PROJECTS */
ul#projects {text-align: center; margin: 20px 0; padding: 0;}
ul#projects li {float: left; padding: 5px 12px; list-style: none;}
	ul#projects li a {border: 3px solid #FFF; float: left;}
	ul#projects li a:hover {border-color: #40362d;}

div.project_preview {float: left; text-align: center; width: 25%;}
	div.project_preview h3 a {font-size: 9px; color: #40362d}
	
div#project_detail {}
	div#project_detail #feature_image {width: 650px; margin: 0 auto; text-align: center;}
	div#project_detail h2 {margin-right: 320px; }
	div#project_detail #description {margin-top: 235px;}
	
/* BASE FORM DESIGN */
form.form {margin: 20px 0 20px 10px; width: 380px; padding: 10px; font-size: 12px; }
form.form h4 {margin: 0 0 10px;}
form.form p {margin: 20px 0 3px; font-size: 14px !important; font-weight: bold;}
form.form div {padding: 3px;}
form.form label {display: block;}
form.form div.boxsection label {display: inline; font-size: 14px;}
form.form div.boxsection span {float: left; width: 150px; padding: 5px 0;}
form.form div.boxsection input {width: auto !important; float: left; margin: 0 5px !important;}

form.form input {height: 17px; width: 350px; font-size: 14px; padding: 2px; border: 1px solid gray; }
form.form textarea {height: 90px; width: 350px; font-size: 14px; padding: 2px;  border: 1px solid gray; }
form.form .button {float: right; margin: 10px 20px 0; width: 170px; height: 48px; font-size: 14px;}