/* - - - - - - CSS Document - - - - - - - - -

Title : Global style sheet for client-side web development
Author : Cody Lindley 

- - - - - - - - - - - - - - - - - - - - - */

*{padding: 0; margin: 0;}

/* ----- global default/initial styles ----- */
body {
	background:#fbfaea url(/images/body_bg.png) repeat-x 0 0;
	font: "Times New Roman", Times, serif;
	color:#333;
	text-align:center;
	font-family: Verdana, "MS Sans Serif", Arial, "Lucida Sans";
	font-size: 12px;
	}



#wrapper {
	margin:0 auto;
	padding:0 25px;
	text-align:left;
	width:960px;
	height: 100%;
}

#logo { 
	float:left; 
	height:137px; 
	width:500px; 
	background: transparent ;
}
#login { 
	float:left;
	height:137px;
	width: 460px;
	background: transparent no-repeat scroll 0 0;
}

#navbar {
	background: transparent url(/images/RapidGasketTemplate_head_left.png) no-repeat scroll 0 0;
	float: left;
	height: 36px;
	width: 532px;
}

.navtab, .navbutton {
		float:left;
		height:36px;
		width: 85px;
}

.navrt {
		float:left;
		height:36px;
		width: 88px;
}

#content_top {
	background:transparent repeat-y 0 0;
	display:inline;
	float:left;
	width:960px;
	height:13px;
}



#content {
	background:transparent url(/images/content_bg.png) repeat-y 0 0;
	display:inline;
	float:left;
	padding:0 2em 1em;
	width:960px;
	min-height:400px;
}

.leftcol {
	margin: 13px;
	width: 330px;
	min-width:300px;
	float: left;
	min-height: 500px;
}

.rightcol {
	margin:13px;
	width:570px;
	float:left;
	min-height:500px;
}

.pagewrap {
	margin: 13px;
	width: 900px;
	float: left;
}

#footer {
	background: transparent url(/images/RapidGasketTemplate_Footer.png) no-repeat scroll 0 0;
	clear:both;
	height:76px;
	width:960px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	padding-top:1em;
}

/* Laughing Place Communications ID put at bottom of page after wrapper div */
#lpc {
	clear:both;
	width:100%;
	font-size:0.91em;
	color: #9999ff;
}
#lpc a {
	color: #c8c8fc
}

#uploadResults {
	padding-bottom:0.5em;
	font-size:1em;
}

.box {
    margin: 0px 5px;
    padding: 5px;
    border: 1px dotted #9999ff;
	height:100px;
}

.boxupload {
    margin: 0px 5px;
    padding: 5px;
/*    border: 1px dotted #9999ff; */
	height:50px;
}


.myinput {
	float:left;
	width:500px;
	margin: 2px 5px;
}
.formlabel {
	width:200px;
	padding-right:20px;
	text-align:right;
}
.contactinput {
	float:left;
	width:700px;
	margin: 2px 5px;
}

.special {
	display: none;
}


.buttonwrapper {
	width: 200px;
	float:right;
	padding: 0pt 0px;
	height 45px;
}

.imagewrap {
	width:370px;
	float:left;
}

#layer-gallery, #cutimage-gallery {
	background:none repeat scroll 0 0;
	background-color:#FFFFDF;
	padding:30px;
}

.headwrapper { width:600px; padding: 5pt 20px; float:left }

.button { padding: .5em 1em; text-decoration: none; }
.rgbutton { float:left; height:45px; font-size: 12px }
.formbutton { float:left; outline-style:none; font-size: 9px; width:96px }
.pnbutton { float:right; outline-style:none; font-size: 9px; width:81px }
.reqformbutton { float:left; outline-style:none; font-size: 9px;  }

/* ----- base links ----- */
a:link {
	color: #666;
}
a:visited {color: #666;}
a:hover {color: #999966;}
a:active {color: #666;}
a:focus{color: #666;}

p {line-height:1.4em;margin:10px 0;}
hr{margin:10px 0;color:#999999;}

ul{
	list-style: none;
}

ul li{
padding-top:3px;
}

#contentPad{
margin:20px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color: #009;
	font-size: 1.0em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color: #FFC;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

.hidden {
	display:none;
}