@charset "utf-8";

/* UNIVERSAL STYLING --------------------------- */
a 			{ color: #DDD; margin:0px; padding: 0px; }         
p, form			{ color: #BBB; margin:0px; padding: 4px; }
h2			{ color: #BBB; margin: 0.2em 0 0.2em 0.2em; padding: 0px; font-size: 1.8em; }
#banner h2		{ text-align: center; } /*index.htm adjustment */
img			{ padding: 0px; margin: 0px; border: none; }
ul			{ margin: 0px; padding: 0px; }
h3			{ background: #c03; color:#000; font-size: 1.2em; padding: 5px; margin: 0px; } /*for errors*/

.hidethis {display: none;} /*hides anything in class*/

/* LAYOUT ---------------------------- */ 
body			{ background-color: #000; padding: 0px; margin: 0px; }
#page			{ padding: 0px; margin: 0px auto; width: 1000px; } /* centers the whole banner and buttons */

/* BANNER ---------------------------- */
#banner 		{ width: 1000px; padding: 0px 0px 10px 0px; float: left; margin: 0 0 30px 0; } /*EVERYTHING FLOAT LEFT SO DIVS RESIZE CORRECTLY*/
#B_Image		{ height: 220px; width: 1000px; background: url(images/Banner/mainbanner.png) no-repeat 0 0; } /*displays  main banner img*/
#banner ul		{ padding: 0px; margin: 0px; } /*common button attributes*/
#banner a, #banner span.B_selected	{ float: left; ; margin: 0px; padding: 0px; } /*common button attributes*/
#B_pictures		{ width: 218px; height: 80px; background: url(images/Banner/B_pictures.png) no-repeat 0 0; }
#B_3dType		{ width: 198px; height: 80px; background: url(images/Banner/B_3dtype.png) no-repeat 0 0; }
#B_about		{ width: 165px; height: 80px; background: url(images/Banner/B_about.png) no-repeat 0 0; }
#B_contactUs		{ width: 270px; height: 80px; background: url(images/Banner/B_contactus.png) no-repeat 0 0; }
#B_links		{ width: 149px; height: 80px; background: url(images/Banner/B_links.png) no-repeat 0 0;}

#banner span.B_selected	{ background-position: 0 -160px; }
#banner a:hover		{ background-position: 0 -80px; } /*gives all links under banner div rollover behaviour*/

/* CONTENT --------------------------- */

/*-----MAIN---- */
#navigation_cont	{ width: 250px; float: left; margin: 0 0 20px 0; }

#thumb_cont a		{ padding: 4px; margin: 9px 8px; float: left; }
#thumb_cont a:hover	{ padding: 3px; margin: 9px 8px; border: 1px solid #333 ;border-radius: 8px; }
#navigation_cont span	{ padding: 3px; margin: 9px 8px; border: 1px solid #eee; border-radius: 8px; float: left; }

#previous_cont		{ width: 250px; height: 1.9em; float: left; }
#previous_cont a	{ padding: 0.2em 12px; font-size: 1.1em; text-decoration: none; }

#next_cont		{ width: 250px; float: left; }
#next_cont a		{ padding: 5px 14px; font-size:1.1em; text-decoration: none; float: right; } /* content is 248 not 250 */

#photo_cont		{ width: 496px; float: left;  text-align: center;}
#photo_cont img		{ margin: 2em 0 0 0; }

#description_cont	{ width: 250px; float: left; margin: 0 0 20px 0; }
#description_cont p	{ padding: 38px 20px; text-align: justify;}

/*-----FULL--------- */
#full_header		{ width: 1000px; height: 50px; float: left;}
#full_header a		{ width: 50px; height: 50px; display: block; float: right; background: #100; font-size: 3em; text-align: center; text-decoration: none; }
#full_left,#full_right	{ width: 100px; float: left; height: 800px;}
#full_left a,#full_right a { display: block; width: 100px; height: 100px; margin: 350px 0px; background: #101010; font-size: 5.2em; text-decoration: none;}
#full_left a:hover,#full_right a:hover,#full_header a:hover  { border: 1px solid #333 ;border-radius: 8px; }
#full_right a		{ text-align: right; }
#full_photo_cont	{ width: 800px; height: 800px; float: left; }
#full_photo_cont img	{ display: block; margin: auto; background-image: url("../shared_images/loading.png"); background-repeat: repeat ;}
#full_footer		{ width: 1000px; margin: 20px 0px; float: left; }
#full_footer p		{ text-align: center; color:#666; padding: 14px 50px; }


/*-----3DTYPE------- */
#typechoise		{ float: left; width: 1000px; margin: 0 0 20px 0; background: #111; border: 1px solid #222; border-radius: 10px; }
#typechoise img		{ display: block; width: 800px; margin: 20px auto 0px auto; }
#typechoise p		{ text-align: center; font-size: 1em; margin: 0.6em}

/*-----ABOUT-------- */
#about			{ float: left; margin: 0; }
#about div		{ display: block; width: 938px; float: left; margin: 0 0 20px 0; background: #111; border: 1px solid #222; border-radius: 10px; }
#about p		{ padding: 20px }
#about img		{ padding: 15px; margin: 15px; background: #000; border-radius: 20px; }
#about_matt img		{ float: left; }
#about_steve img	{ float: right; }

/*-----CONTACT------ */
#contact		{ float: left; margin: 0 0 20px 0; padding: 30px; background: #111; border: 1px solid #222; border-radius: 10px; }
#contact p 		{ margin: 0.8em 0em 0.2em 0em;}
#contact input.textbox	{ display: block;  margin: 0em; padding: 0.3em; width: 18em; background: #ddd; border: 1px solid #555; }
#contact input.submit	{ margin: 1em 0em 0em 0em; padding: 0.6em; }
#contact textarea	{ display: block;  margin: 0em; padding: 0.3em; width: 22em; background: #ddd; border: 1px solid #555; }
#contact_img		{ display: block; margin: 50px 150px 0 0; float: right;  }

/*-----LINKS-------- */
#links			{ width: 1000px; float: left; }
#links ul		{ list-style-type: none; text-align: center;}
#links a		{ display: block; font-size: 2.2em; text-decoration: none; }
#links p		{ font-size: 1em; }
#links li		{ padding: 10px 20px 15px 20px; margin: 0 0 20px 0; }

/* FOOTER ---------------------------- */
#footer			{ width: 1000px; margin: 20px 0px; background: #101010; border-radius: 10px; border: 1px solid #222; float: left; }
#footer p		{ text-align: right; color:#666; padding: 14px 50px; }