/** BLUE BOX **/
#blueBox {
	float: left;
	width: 190px;
	background-color: #00558e;
	position: relative;
	padding: 40px 20px 20px 20px;
	color: #FFF;
	font-size: 11px;
	margin-right: 20px;
	height: 80px;
}
#blueBox1 {
	width: 210px;
	height: 30px;
	line-height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/blueBox1.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
#blueBox2 {
	width: 10px;
	height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/blueBox2.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
#blueBox3 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/blueBox3.gif) bottom right no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#blueBox4 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/blueBox4.gif) bottom left no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/** LIGHT BLUE BOX **/
#lightBlueBox {
	float: left;
	width: 190px;
	background-color: #5993b9;
	position: relative;
	padding: 40px 20px 20px 20px;
	color: #FFF;
	font-size: 11px;
	margin-right: 20px;
	height: 80px;
}
#lightBlueBox1 {
	width: 210px;
	height: 30px;
	line-height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightBlueBox1.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
#lightBlueBox2 {
	width: 10px;
	height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightBlueBox2.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
#lightBlueBox3 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightBlueBox3.gif) bottom right no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#lightBlueBox4 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightBlueBox4.gif) bottom left no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/** PURPLE BOX **/
#purpleBox {
	float: left;
	width: 190px;
	background-color: #563e96;
	position: relative;
	padding: 40px 20px 20px 20px;
	color: #FFF;
	font-size: 11px;
	height: 80px;
}
#purpleBox1 {
	width: 210px;
	height: 30px;
	line-height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/purpleBox1.gif) top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}
#purpleBox2 {
	width: 10px;
	height: 30px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/purpleBox2.gif) top right no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
}
#purpleBox3 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/purpleBox3.gif) bottom right no-repeat;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#purpleBox4 {
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/purpleBox4.gif) bottom left no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/** LIGHT GREEN BOX **/
#lightGreenBox {
	width: 240px;
	float: right;
	position: relative;
	padding: 20px;
	background: #f0f5e5;
	color: #565a4e;
}
#lightGreenBox1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightGreenBox1.gif) top left no-repeat;
}
#lightGreenBox2 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightGreenBox2.gif) top right no-repeat;
}
#lightGreenBox3 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightGreenBox3.gif) right bottom no-repeat;
}
#lightGreenBox4 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background: url(https://secure3.yourhost.com/gordontraining/media/images/lightGreenBox4.gif) left bottom no-repeat;
}

/** BOX LINKS **/
#blueBox a, #lightBlueBox a, #purpleBox a {
	color: #FFF;
}