/* @override http://veo-design.dev/css/common/contact.css */

/* @group Content */

/* @group General */

#pathway
{
	height: 111px;
	
}

#pathway ul
{
	height: 61px;
	background-image: url(/images/layout/headerContact.png);
	background-repeat: no-repeat;
	padding: 80px 0 0 20px;
}


#main > #content
{
	margin-top: -10px;
}

#content > .content
{
	height: 300px;
	margin-top: 30px;
	position: relative;
}

/* @end */

/* @group contactBox */

#contact
{
	width: 300px;
	height: 125px;
	position: absolute;
	top: 0;
	left: 180px;
	z-index: 30;
}

#contact > .header
{
	height: 25px;
}
#contact > .header .header
{
	width: 15px;
	height: 25px;
	background-image: url(/images/layout/inlineBoxTopLeft.png);
	float: left;
	position: relative;
	left: -15px;
}
#contact > .header .content
{
	width: 100%;
	height: 25px;
	background-image: url(/images/layout/inlineBoxTop.png);
	float: left;
	margin: 0 -15px;
}
#contact > .header .footer
{
	width: 15px;
	height: 25px;
	background-image: url(/images/layout/inlineBoxTopRight.png);
	float: right;
	position: relative;
	right: -15px;
}

#contact > .content 
{
	width: 100%;
	height: 125px;
	padding: 0 23px 0 0;
	margin-left: -11px;
	background-image: url(/images/layout/inlineBoxBg.png);
	background-color: #5B5B5B;
	background-repeat: repeat-x;
	float: left;
	position: relative;
}

#contact > .content .content
{
	width: 100%;
	padding: 0 0 9px 12px;
	background-image: url(/images/layout/inlineBoxRight.png);
	background-repeat: repeat-y;
	background-position: right top;
	float: right;
	position: absolute;
	top: 0;
	left: 0;
}

#contact > .content .content > *
{
	position: relative;
	top: 0;
	left: 25px;
}

#contact > .footer
{
	height: 19px;
}

#contact > .footer .header
{
	width: 15px;
	height: 19px;
	background-image: url(/images/layout/inlineBoxBottomLeft.png);
	float: left;
	position: relative;
	left: -15px;
}
#contact > .footer .content
{
	width: 100%;
	height: 19px;
	background-image: url(/images/layout/inlineBoxBottom.png);
	float: left;
	margin: 0 -15px;
}
#contact > .footer .footer
{
	width: 15px;
	height: 19px;
	background-image: url(/images/layout/inlineBoxBottomRight.png);
	float: right;
	position: relative;
	right: -15px;
}

/* @end */

/* @group info */

#contact > .content .content > div
{
	width: 250px;
	padding-left: 40px;
	height: 18px;
}
#contact > .content .content > div span
{
	font-weight: bold;
}
#contact > .content .content > div span + span
{
	font-weight: normal;
}

#contact .name
{
	font-size: 1em;
	width: 200px;
}

#contact .address
{
	background: url(/images/layout/contactAddress.png) no-repeat 10px;
	font-weight: bold;
}
#contact .address2
{
	font-weight: bold;
}

#contact .phone
{
	background: url(/images/layout/contactPhone.png) no-repeat 10px;
}

#contact .mobile
{
	background: url(/images/layout/contactMobile.png) no-repeat 10px;
}

#contact .email
{
	background: url(/images/layout/contactEmail.png) no-repeat 10px;
}

/* @end */

/* @end */

/* @group Footer */

#content > .footer
{
	height: 334px;
	margin-top: -314px;
}

#content > .footer > div
{
	height: 100%;
	background-image: url(/images/layout/footerContact.jpg);
	background-position: 6px -7px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
}

#content > .footer > div > span
{
	width: 200px;
	display: block;
	position: absolute;
	bottom: 30px;
	left: 40px;
}

/* @end */