/* css Quantity Corporation website 2007 */
/* All associated graphics copyright 2007, Anthony Cummins. Red Ant Media */
/* Added: April 2007 */

body {
	padding : 0;
	margin : 0;
	background : #fff url(images/main-bg.gif) repeat-x 0 0;
	color : #7d7d7d;
	font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, p, ul, form, label, h2, h3, h4, img {
	padding : 0;
	margin : 0;
}
ul {
	list-style-type : none;
}

tr {
	vertical-align : top;
}
#header {
	width : 778px;
	height : 184px;
	background : url(images/header.jpg) no-repeat 0 0;
	position : relative;
}
#header ul {
	width : 305px;
	height : 29px;
	background : url(images/top-nav2.gif) no-repeat 0 0;
	position : absolute;
	top : 155px;
	left : 36px;
}
#header ul li {
	float : left;
}
#header ul li.home {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.home a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/home-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.home a:hover {
	background : url(images/home-hover.gif) no-repeat 0 0;
}
#header ul li.about {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.about a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/about-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.about a:hover {
	background : url(images/about-hover.gif) no-repeat 0 0;
}
#header ul li.services {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.services a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/services-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.services a:hover {
	background : url(images/services-hover.gif) no-repeat 0 0;
}
#header ul li.people {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.people a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/people-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
	}
#header ul li.people a:hover {
	background : url(images/people-hover.gif) no-repeat 0 0;
}
#header ul li.business {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.business a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/bus-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.business a:hover {
	background : url(images/bus-hover.gif) no-repeat 0 0;
}
#header ul li.train {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.train a {
	width : 18px;
	height : 18px;
	display : block;
	background : url(images/train-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.train a:hover {
	background : url(images/train-hover.gif) no-repeat 0 0;
}
#header ul li.contact {
	width : 43px;
	height : 29px;
	float : left;
}
#header ul li.contact a {
	width : 18px;
	height : 16px;
	display : block;
	background : url(images/contact-nor.gif) no-repeat 0 0;
	margin : 10px 0 0 15px;
	text-indent : -20000px;
}
#header ul li.contact a:hover {
	background : url(images/contact-hover.gif) no-repeat 0 0;
}
#container {
	width : 705px;
	position : relative;
	padding : 13px 0 0;
}
#bodyleft {
	width : 460px;
	float : left;
	padding : 0 36px;
}
#bodyleft h2 {
	height : 53px;
	color : #ee2d24;
	font : 30px/53px Arial, Helvetica, sans-serif;
}
#bodyleft h3 {
	height : 30px;
	color : #EE2D24;
	font : 20px/30px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#bodyleft p span {
	font-weight : bold;
}
#bodyleft span.train {
	font-weight : bold;
	color: #FF0000;
}

#bodyleft span.head {
	font-weight : bold;
	color: #000000;
}

#bodyleft a {
	color : #004681;
	text-decoration : none;
	font-weight : bold;
}

#bodyleft a.small {
	color : #004681;
	text-decoration : none;
	font-weight : bold;
	font-size : 10px;
}

#bodyleft a:hover {
	color : #EE2D24;
	text-decoration : underline;
}	
	
#bodyright {
	width : 170px;
	float : left;
	font-family : Arial, Helvetica, sans-serif;
	text-align : center;
}

#bodyright2 {
	width : 170px;
	float : left;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align : center;
}

#bodyright h2.large {
	height : 53px;
	color : #ee2d24;
	font : 30px/53px Arial, Helvetica, sans-serif;
	text-align : left;
}

#bodyright p {
	font-size : 14px;
	text-align : left;
	top : 30px;
}

#bodyright p.alt {
	color : #7d7d7d;
	font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#bodyright p.alt a {
	color : #004681;	
	font : 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #FFF;
	text-decoration : none;
	font-weight : bold;
	top : 0px;
}

#bodyright p.alt a:hover {
	color : #EE2D24;
	text-decoration : underline;
}	
	
#bodyright a {
	text-decoration : none;
	font-size : 12px;
	font-weight : bold;
	text-align: center;
	background-color: #004681;
	color: #fff;
	position : relative;
	top : 10px;
}
#bodyright a:hover {
	color : #c3d3e1;
	text-decoration : underline;
}

#bodyright #textbox {
	width : 170px;
	height : 185px;
	display : block;
	background : url(images/framelong.jpg) no-repeat 0 0;
	position : relative;
}

#bodyright #textbox p span {
	font-weight : bold;
}

#bodyright #textbox p{
	text-decoration : none;
	font-size : 12px;
	text-align: center;
	background-color: transparent;
	color: #fff;
	position : relative;
	top : 10px;
}	

#bodyright #linkbox01 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}

#bodyright #linkbox02 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox02l {
	width : 170px;
	height : 58px;
	display : block;
	background : url(images/side-frame2.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox03 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox03l {
	width : 170px;
	height : 58px;
	display : block;
	background : url(images/side-frame2.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox04 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox05 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox06 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox07 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox08 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox08l {
	width : 170px;
	height : 58px;
	display : block;
	background : url(images/side-frame2.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox09 {
	width : 170px;
	height : 40px;
	display : block;
	background : url(images/side-frame.jpg) no-repeat 0 0;
	position : relative;
}
#bodyright #linkbox09l {
	width : 170px;
	height : 58px;
	display : block;
	background : url(images/side-frame2.jpg) no-repeat 0 0;
	position : relative;
}
#footermain {
	height : 126px;
	background : #f1f1f1 url(images/footerbg.gif) repeat-x 0 0;
	color : #004681;
	font : 13px/20px Arial, Helvetica, sans-serif;
	clear : both;
	padding : 68px 0 0;
}
#footer {
	width : 706px;
	position : relative;
	padding : 0 0 0 36px;
	background-color: transparent;

}
#footer p {
	color : #004681;
	font-size : 11px;
	background-color: transparent;
}
#footer a {
	color : #004681;
	text-decoration : none;
	font-size : 11px;
	font-weight : bold;
	background-color: transparent;
}
#footer a:hover {
	color : #ee2d24;
	text-decoration : underline;
}

fieldset {
	border: 1px solid #fff;
	background: #FFF url(images/conbgr.jpg) no-repeat;
}