@charset "utf-8";
/* CSS Document */
/* ===========================================================
Name: Pro Weld
Last Modified: 7/8/09
Designed: 1/1/09
Author: Kevin Jantzer
www.kevinjantzer.com
============================================================= */

html	{height:18%}
body	{background:#000000 url(img/bgd_backlight.jpg) fixed center top no-repeat; height:100%; margin:0px; padding:0px color:#b9b9b9;}
	body p	{color:#b9b9b9; margin:0px; margin-bottom:10px;}

h3.tagline
	{color:#ffffff; font-family:"Copperplate Gothic Bold", "Times New Roman", Times, serif; 
	text-align:center;
	margin:0px;
	padding-top:7px;}

/* changes for Pro Weld logo */
.pw	{color:#ed1c24; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
.inc	{font-size:xx-small; text-transform:uppercase;}
/* default link properties */
a	{color:#ffffff; font-weight:bold; text-decoration:none;}
a:hover {text-decoration: underline}

#fedid a	{color:#245cf0; font-weight:bold; text-decoration:none;}
	#fedid a:hover	{color:#ffffff;}

/* float properties */
.left	{float:left;}
.right	{float:right;}
.clearer	{clear:both}

/* text align properties */
.justify	{text-align:justify}
.rightalign	{text-align:right}

.noborder	{border:0px;}

/* default bullet properties */
ul.bullets	
	{list-style-image:url(img/bullet_red.png);
	font-size:16px;
	font-variant:small-caps;
	margin-left:30px;}


/* ===================================================================================
                                   div builds
===================================================================================== */
#base
	{width:834px;
	margin:0 auto 0 auto;
	padding:0px;
	}
	
/* =========================
      header w/ menu
========================== */	
#headerbgd
	{background:url(img/headerbgd.jpg) no-repeat;
	height:156px;}
	
#menu
	{position:relative;
	top:103px;
	left:310px;
	width:440px;
	text-align:left;
	color:#245cf0;
	font-size:12px;
	font-variant:small-caps;
	}
	
	#menu ul {list-style-type:none; margin-top:0px;}
	#menu li {display:inline; padding-left:4px;}
		.active a {color:#111111; text-decoration:underline;}
		.active a:hover {color:#ed1c24;}
		
		.static a {color:#777777; text-decoration:none;}
		.static a:hover {color:#ed1c24;}
		
		.static_store a {color:#FF9900; font-weight:bold; text-decoration:none;}
		.static_store a:hover {color:#ed1c24;}
	
/* =================================================
                       body build
================================================== */	
#bodybase_outside
	{width:100%;
	background:url(img/bodybgd.png) repeat-y;
	}

/* =========================
     header pics
========================== */	
#bodybase_top1
	{width:100%;
	padding-top:225px;
	background:url(img/bodybgdtop1.jpg) no-repeat;
	}
#bodybase_top2
	{width:100%;
	padding-top:225px;
	background:url(img/bodybgdtop2.jpg) no-repeat;
	}
	
#bodybase_top3
	{width:100%;
	padding-top:225px;
	background:url(img/bodybgdtop3.jpg) no-repeat;
	}

#bodybase_topnews
	{width:100%;
	padding-top:225px;
	background:url(img/bodybgdtopnews.jpg) no-repeat;
	}

#bodybase_topplain
	{width:100%;
	background:url(img/bodybgdtopplain.jpg) no-repeat;
	}

#bodybase_topmini
	{width:100%;
	background:url(img/bodybgdtopmini.png) no-repeat;
	}

/* =========================
     text boxes
========================== */	
#fullbox_quote
	{width:780px;
	margin:0 auto 0 auto;
	padding:20px;
	font-size:16px;
	background:url(img/quote.gif) no-repeat;}

#fullbox
	{width:780px;
	margin:0 auto 0 auto;
	padding:20px;}

#fullbox_about
	{width:780px;
	margin:0 auto 0 auto;
	padding:20px;
	color:#ffffff;
	font-size:20px;}
	
/* ===========================
      video on home page
============================ */
#videobox_bgd
	{width:485px;
	height:304px;
	float:left;
	margin-left:25px;
	}
	
	#video_base
		{width:475px;
		height:294px;
		margin:0 auto 0 auto;
		margin-top:5px;}
	
/* ===========================
    leagal info on home page
============================ */
#legal_rightbox_base
	{width:250px;
	border-left: 1px #444 dashed;
	float:right;
	height:250px;
	margin-right:25px;
	margin-top:15px;
	text-align:center}
	
	#legal_rightbox_base h3, #legal_rightbox_base p
		{margin:0; padding:0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#f1f1f1;}

/* =========================
     news page
========================== */

.icon	{width:16px;}
.date	{font-weight:bold;
		color:#ed1c24;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		width:80px;}
.spacer	{height:5px;}

.newsheader	{margin-top:5px; margin-bottom:5px;}

.archive_table a:hover	{color:#ffffff; text-decoration:underline;}

/* article controls */
#controlsdiv	{padding-top:20px; margin-left:30px; margin-bottom:25px;}
#articlecontrols  {width:770px; margin:0;}
	#articlecontrols a	{color:#eeeeee; text-decoration:none;}
	#articlecontrols a:hover	{text-decoration:underline;}
	
	.icons	{width:16px;}
	.source	{width:90px;}
	.return	{width:50px;}

h3.articleheader	{margin:0px; padding:0px; color:#ffffff}

/* =========================
     projects page
========================== */
.pics { height: 232px; width: 332px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 300px; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:0 }

#projectgalleries
	{width:780px;
	margin:0 auto 0 auto;
	padding:20px;}
	
	#projectgalleries td {width:200px; text-align:center}

/* === project menu === */
#menu_projects
	{text-align:center;
	width:770px; 
	padding-top:20px; 
	margin:0;  
	margin-bottom:25px;
	color:#666666;
	font-size:16px;
	font-variant:small-caps;
	}
	
	#menu_projects ul {list-style-type:none; margin-top:0px;}
	#menu_projects li {display:inline; padding-left:10px;}
		.active_projects a {color:#ffffff; text-decoration:none;}
		.active_projects a:hover {text-decoration:underline}
		
		.static_projects a {color:#888888; text-decoration:none;}
		.static_projects a:hover {text-decoration:underline}

/* =========================
       online store
========================== */
#storecontrolsdiv	{padding-top:15px; margin-left:30px; margin-bottom:25px;}
.store img	{border-color:#ffffff; border-width:5px;}
.store p	{text-align:center; margin-top:2px; font-size:15px; font-variant:small-caps; font-weight:bold;}
.store td	{width:150px; padding:20px;}

#storecontrols  {width:770px; margin:0;}
	#storecontrols a	{color:#eeeeee; text-decoration:none;}
	#storecontrols a:hover	{text-decoration:underline;}
.viewcart	{width:121px; height:27px;}

/* =========================
     contact table
========================== */
.contact th	{text-align:left; color:#245cf0; font-variant:small-caps; font-size:20px;}
.contact td	{text-align:center;}
	
/* =================================================
                   footer build
================================================== */
#footerbgd
	{background:url(img/footerbgd.gif) repeat-x #1a1a1a;
	min-height:100%;}
	
#footerbase
	{width:834px; margin:0 auto 0 auto;}

	#contacttable
		{padding-top:22px;}
		#contacttable h3	{color:#a8a8a8; margin:0px;}
	#credittable
		{margin-top:25px; font-size:11px; color:#616161;}
		#credittable a	{color:#616161; text-decoration:none;}
		#credittable a:hover	{color:#999999;}
		
/* =================================================
                      tool tip
================================================== */		
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; color:#221e1b }