@charset "UTF-8";
/* CSS Document */

/***********************
Begin Content Box (i.e. Company Page)

If you need other pages like this, you can take the following code, and simply switch out the image location. Make
sure the image is not wider than 325px. Place the following code in a stylesheet, and make a variable that generates a keyword that
you name the stylesheet, depending on what page. Make sure the new stylesheet call comes after the call for this one, so that it
writes over the #contentbox rule below.

You can also simply make a few rules like the one below and change the name of the id, then have the name of the id generated by some
code depending on which page it is on.

#contentbox {
	background-image: url(../images/build/company/NEW_IMAGE_NAME_HERE.jpg);
}
***********************/
#contentbox {
	background: #edf0f4 url(../images/build/company/globe.jpg) no-repeat 10px center;
	width: 680px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #062355;
}
#contentbox h1 {
	font-size: 1.4em;
	color: #062355;
	margin: 20px 15px 18px 355px;
}
#contentbox p {
	font-size: 1.1em;
	margin: 15px 15px 25px 355px;
}
#signupBox  {
	width: 680px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #062355;
}
#signupBox  h1 {
	font-size: 1.4em;
	color: #062355;
	margin: 20px 15px 18px 25px;
}
#signupBox p, #signupBox table {
	font-size: 1.1em;
	margin: 15px 15px 25px 25px;
}
/******* END CONTENTBOX STYLES


BEGIN LOGIN BOX
*************************/
#loginbox {
	background: #FFFFFF;
	margin: 50px;
	padding: 15px;
	width: 28em;
	border: 1px solid #062355;
	position: relative;
}
#logintr, #logintl, #loginbr, #loginbl {
	position: absolute;
	width: 24px;
	height: 24px;
}
#logintr {
	background: url(../images/build/loginbox/topright.gif) no-repeat right top;
	top: -1px;
	right: -1px;
}
#logintl {
	background: url(../images/build/loginbox/topleft.gif) no-repeat left top;
	top: -1px;
	left: -1px;
}
#loginbr {
	background: url(../images/build/loginbox/bottomright.gif) no-repeat right bottom;
	bottom: -1px;
	right: -1px;
}
/**** IE Hack - This might need to go in a stylesheet that is linked from within a conditional comment for <=IE7 **/
* html #loginbr, * html #logintr {
	right: -2px;
}
#loginbl {
	background: url(../images/build/loginbox/bottomleft.gif) no-repeat left bottom;
	bottom: -1px;
	left: -1px;
}
#loginbox h3 {
	color: #062355;
	font-size: 1.5em;
	font-weight: bold;
	margin: 20px 5px 25px 20px;
	padding: 0px;
}
#loginbox p, #loginbox table {
	font-size: 1.1em;
	margin: 7px 25px 9px 20px;
}
#loginbox td#submit {
	text-align: right;
}
#loginbox p {
	font-weight: bold;
}
/*****************
END LOGIN BOX
*****************/
/************************
BEGIN signinbox
*************************/
#signinbox {
	background: #FFFFFF;
	margin: 50px 50px 50px 200px;
	padding: 15px;
	width: 30em;
	border: 1px solid #062355;
	position: relative;
}
#blogintr, #blogintl, #bloginbr, #bloginbl {
	position: absolute;
	width: 24px;
	height: 24px;
}
#blogintr {
	background: url(../images/build/loginbox/topright.gif) no-repeat right top;
	top: -1px;
	right: -1px;
}
#blogintl {
	background: url(../images/build/loginbox/topleft.gif) no-repeat left top;
	top: -1px;
	left: -1px;
}
#bloginbr {
	background: url(../images/build/loginbox/bottomright.gif) no-repeat right bottom;
	bottom: -1px;
	right: -1px;
}
/**** IE Hack - This might need to go in a stylesheet that is linked from within a conditional comment for <=IE7 **/
* html #bloginbr, * html #blogintr {
	right: -2px;
}
#bloginbl {
	background: url(../images/build/loginbox/bottomleft.gif) no-repeat left bottom;
	bottom: -1px;
	left: -1px;
}
#signinbox h3 {
	color: #062355;
	font-size: 1.5em;
	font-weight: bold;
	margin: 20px 5px 25px 20px;
	padding: 0px;
}
#signinbox p, #loginbox table {
	font-size: 1.1em;
	margin: 7px 25px 9px 20px;
}
#signinbox td#submit {
	text-align: right;
}
#signinbox p {
	font-weight: bold;
}
/*****************
END signinbox
*****************/
