/* Base Style Sheet */

html { font-size: .625em; }
body { margin: 0; padding: 0; background: #FFFFFF; }
body { font-family: Georgia, Times New Roman, serif; color: #ffffff; font-size: 1.3em; line-height:1.5em; }
h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; }
a img { border: none; }
ul { list-style-image: url(images/bullet.gif);}
form { position: relative; left: 40px; }
img.floatLeft { float: left; }
img.floatRight { float: right; }


h1 { font-size:1.4em; padding-bottom:.3em; }
h2 { font-size:1.2em; padding-bottom:.3em; }
h3 { font-size:1.1em; padding-bottom:.3em; }
h4 { font-size:1em; padding-bottom:.3em; }

p { margin: 0 40px 0 40px; }

a:link { color: #b1d11f; }
a:visited { color: #a4e8fe;}
a:hover, a:focus { color: #a3c01d; text-decoration: none; }
a:active { color: #b1d11f; text-decoration: none; }

.clear { clear: both; }


.bold { font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #a4e8fe; font-size: 1em; line-height:1.5em; }
.small { font-family: Georgia, Times New Roman, serif; font-weight: bold; color: #a4e8fe; font-size: .7em; line-height:1.5em; }

.design { background: url(images/bg.jpg) no-repeat top left #f1f1f1; text-align: center; padding: 0; margin: 0; }
	#container { margin: 0 auto; position: relative; padding: 0; width: 800px; text-align: left; top: 120px; }
	#container_in { margin: 0 auto; position: relative; padding: 0; width: 806px; text-align: left; top: 120px; }
		#banner { padding 0; margin: 0; height: 76px; }
		#titles { padding 0; margin: 0; height: 102px; }
		#titles_in { padding 0; margin: 0; height: 104px; }
		#content { padding 0; margin: 0; height: 190px; background-color: #14a4d3; }
		#content_contain { padding-bottom: 40px; background: url(images/bg-in.gif) repeat-y; }
		#content_in { padding-top: 40px; margin: 0; background: url(images/bg-content-in.gif) no-repeat }
			#column1 { float: left; position: relative; width: 213px; height: 190px; left: 40px; padding-right: 40px; }
			#column2 { float: left; position: relative; width: 213px; height: 190px; left: 40px; padding-right: 40px; }
			#column3 { float: left; position: relative; width: 213px; height: 190px; left: 40px; padding-right: 40px; }
			#bulleted { position: relative; left: 50px; }
			.thumb { float: left; margin-left: 10px; margin-bottom: 10px; }
			#web { position: relative; width: 720px; }
			#print { position: relative; width: 720px; margin-top: 30px; }
			#identity { position: relative; width: 720px; margin-top: 30px; }
			#prototype { position: relative; width: 720px; margin-top: 30px; }
			#callout { position: relative; left: 40px; }
			
		#footer { position: relative; top: -2px; height: 25px; width: 800px; padding 0; margin: 0; height: 178px; }
			#more1 { float: left; position: relative; width: 213px; height: 25px; left: 40px; padding-right: 40px; }
			#more2 { float: left; position: relative; width: 213px; height: 25px; left: 40px; padding-right: 40px; }
			#more3 { float: left; position: relative; width: 213px; height: 25px; left: 40px; padding-right: 40px; }
			.copyright { font-family: Georgia, Times New Roman, serif; color: #b3b4b4; font-size: 1em; line-height:1.8em; }
			.copyrightsmall { font-family: Georgia, Times New Roman, serif; color: #b3b4b4; font-size: .5em; line-height:1.8em; }
			#bottomnav { float: left; position: relative; width: 806px; left: 30px; height: 25px; padding-right: 40px; }
			
.box { margin: 20px 40px 20px 40px; }