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

body {
	color: #000000;
	background-color: #A4BBF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.mainwrap {
	color: #000000;
	margin: 0% auto;
	width: 820px;
	background-color: #DCE4FA;
	border: solid 1px #000;
}
.mainwrap .headwrap {
	color: #000000;
	height: 150px;
	border-bottom: solid 1px #FFF;
	clear: both;
}
.mainwrap .headwrap .headlft {
	float: left;
	width: 545px;
	height: 150px;
}
.mainwrap .headwrap .headrgt {
	float: left;
	width: 275px;
	height: 150px;
	background-color: #01305E;
}
.mainwrap .topnavwrap {
	height: 17px;
	color: #FFFFFF;
	background-color: #669999;
	font-weight: bold;
	border-top: 1px solid #000;
	border-bottom: 1px solid #FFF;
	padding-top: 3px;
	text-align: center;
}
.mainwrap .bodywrap {
	color: #000000;
	height: 205px;
	padding-left: 10px;
	margin-top: 5px;
}
.mainwrap .bodywrap .bodylft {
	color: #FFFFFF;
	float: left;
	width: 523px;
	height: 195px;
	padding-top: 5px;
	padding-right: 5px;
	background-image: url(images/bk2.jpg);
	background-repeat: no-repeat;
	border: solid 1px #000;
}
.mainwrap .bodywrap .bodyrgt {
	color: #000000;
	float: left;
	width: 258px;
	height: 200px;
	margin-left: 10px;
	border: solid 1px #000;
	background-image: url(images/cranes-bk3.jpg);
}
.mainwrap .secwrap {
	height: 128px;
	padding-top: 5px;
	padding-left: 10px;
	clear: both;
}
.mainwrap .secwrap .seclft {
	float: left;
	width: 258px;
	height: 120px;
	border: solid 1px #000;
	background-image: url(images/box_base.jpg);
	background-repeat: repeat;
}
.mainwrap .secwrap .secrgt {
	float: left;
	width: 258px;
	margin-right: 10px;
	height: 120px;
	border: solid 1px #000;
	background-image: url(images/box_base.jpg);
	background-repeat: no-repeat;
}
.mainwrap .footerwrap {
	color: #FFFFFF;
	background-color: #003366;
	height: 20px;
	width: 100%;
	clear: both;
}
.mainwrap .footerwrap .footerlft {
	float: left;
	width: 220px;
	padding-left: 5px;
	padding-top: 3px;
}
.mainwrap .footerwrap .footerrgt {
	color: #FFFFFF;
	float: left;
	width: 250px;
	text-align: right;
	padding-right: 5px;
	margin-top: 3px;
}
.mainwrap .footerwrap .footermid {
	float: left;
	width: 300px;
	margin-right: 35px;
	margin-left: 5px;
	padding-top: 3px;
}
.mainwrap .logowrap {
	color: #FFFFFF;
	height: 80px;
}
.mainwrap .logowrap .logolft {
	float: left;
	height: 80px;
	color: #000000;
	background-color: #003466;
	background-image: url(images/caledonian_cranes_logo.jpg);
	background-repeat: no-repeat;
	width: 500px;
}
.mainwrap .logowrap .logorgt {
	float: right;
	width: 320px;
	color: #FFFFFF;
	height: 50px;
	background-color: #003466;
	padding-top: 30px;
	text-align: right;
	background-repeat: no-repeat;
}
.mainwrap .topnavwrap a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}
.mainwrap .logowrap .logorgt .lrgw {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 5px;
}
.mainwrap .headwrap .headrgt .hdlft {
	float: left;
	width: 300px;
	height: 150px;
	background-color: #02315F;
}
.mainwrap .headwrap .headrgt .hdrgt {
	float: left;
	width: 160px;
	height: 150px;
	background-color: #02315F;
}
.mainwrap .footerwrap .footerlft .bottomnav {
	color: #FFFFFF;
}
.mainwrap .footerwrap .footermid .copy {
	color: #FFFFFF;
}
.mainwrap .footerwrap .footerrgt .fot {
	color: #FFFFFF;
}
.mainwrap .bodywrap .bodylft .blft {
	float: left;
	width: 290px;
	padding: 5px;
}
.mainwrap .bodywrap .bodylft .brgt {
	float: left;
	width: 300px;
}
.mainwrap .bodywrap .bodylft h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFF00;
	margin: 0px;
	padding-left: 10px;
}
.mainwrap .clear {
	display: none;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.mainwrap .bodywrap .bodyrgt .rgtlrg {
	font-size: 14px;
	color: #003466;
	font-weight: bold;
}
.mainwrap .bodywrap .bodyrgt .title {
}
.mainwrap .bodywrap .bodyrgt .title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-left: 27px;
	visibility: hidden;
}
.mainwrap .secwrap .secmid {
	float: left;
	width: 258px;
	margin-right: 10px;
	margin-left: 10px;
	height: 120px;
	border: solid 1px #000;
	background-image: url(images/box_base.jpg);
	background-repeat: no-repeat;
}
br {
	margin: 0px;
	padding: 0px;
}
div.clear {
clear: both;
}

.mainwrap .logos {
	clear: both;
	height: 76px;
	padding-left: 10px;
	padding-right: 10px;
}
.mainwrap .logos .logolft {
	height: 70px;
	width: 499px;
	float: left;
	border: solid 1px #000;
	border-right: 0px;
}
.mainwrap .logos .logorgt {
	float: left;
	height: 70px;
	width: 294px;
	background-image: url(images/logo-right.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-left: 5px;
	border: solid 1px #000;
	border-left: 0px;
}
.mainwrap .logos .logorgt h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
}
.mainwrap .bodywrap .bodylft ul {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 16px;
}
.mainwrap .secwrap .secrgt .left, .mainwrap .secwrap .seclft .left, .mainwrap .secwrap .secmid .left   {
	float: left;
	height: 105px;
	width: 105px;
	text-align: center;
	margin-left: 5px;
	margin-top: 6px;
}
.mainwrap .secwrap .secrgt .left img, .mainwrap .secwrap .seclft .left img, .mainwrap .secwrap .secmid .left img {
	border: 2px ridge #FFFFFF;
}
.mainwrap .secwrap .secrgt .right, .mainwrap .secwrap .seclft .right, .mainwrap .secwrap .secmid .right {
	float: left;
	width: 129px;
	padding: 5px;
	color: #FFFFFF;
	margin-left: 5px;
}
.mainwrap .secwrap .secrgt .right h3, .mainwrap .secwrap .seclft .right h3, .mainwrap .secwrap .secmid .right h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.mainwrap .bodywrap .bodylft img {
	border: 2px ridge #FFFFFF;
}
.mainwrap .secwrap .secrgt .right .readmore, .mainwrap .secwrap .secmid .right .readmore , .mainwrap .secwrap .seclft .right .readmore  {
	font-size: 11px;
	color: #FFFF00;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
	padding-top: 3px;
}
.mainwrap .bodywrap .bodyrgt img {
	border: 2px ridge #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.mainwrap .bodywrap .bodyrgt .brlrg {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	margin-left: 10px;
	margin-top: 40px;
}
.mainwrap .logowrap .logolft .headlogo {
	margin-left: 120px;
	margin-top: 25px;
	color: #FFFFFF;
}
.mainwrap .bodywrap .bodylft p {
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
}
.mainwrap .bodywrap .bodyrgt .brlrg {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	margin-left: 10px;
	margin-top: 50px;
}

.mainwrap .bodywrap .bodylft p {

}
.mainwrap .logowrap .logolft .headlogo {
	margin-left: 120px;
	margin-top: 25px;
}

.mainwrap .bodywrap .bodyrgt p {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}

.mainwrap .headwrap .headrgt h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	margin-top: 5px;
}
.mainwrap .headwrap .headrgt p {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
	margin-top: 8px;
}
.mainwrap .secwrap .seclft .right .readmore a, .mainwrap .secwrap .secmid .right .readmore a, .mainwrap .secwrap .secrgt .right .readmore a {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
/* new lining */
.mainwrap .body5wrap {
	color: #000000;
	height: 295px;
	padding-left: 10px;
	margin-top: 5px;
}

.mainwrap .body5wrap .body2lft {
	color: #FFFFFF;
	float: left;
	width: 523px;
	height: 285px;
	padding-top: 5px;
	padding-right: 5px;
	background-image: url(images/bk2.jpg);
	background-repeat: repeat-y;
	border: solid 1px #000;
}

.mainwrap .body5wrap .body2rgt {
	color: #000000;
	float: left;
	width: 258px;
	height: 290px;
	margin-left: 10px;
	border: solid 1px #000;
	background-image: url(images/cranes-bk3.jpg);
}
.mainwrap .body5wrap .body2rgt img {
	border: 2px ridge #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.mainwrap .body5wrap .body2rgt .brlrg {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	margin-left: 10px;
	margin-top: 50px;
}
.mainwrap .body5wrap .body2lft p {
	padding-right: 10px;
	padding-left: 10px;
}
.mainwrap .body5wrap .bodylft a {
	color: #FFFF00;
}
.mainwrap .body5wrap .body2rgt p {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}
.mainwrap .body5wrap .body2rgt h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	padding-left: 10px;
}
.mainwrap .body5wrap .body2rgt h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	padding-left: 10px;
	text-align: left;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
}
.mainwrap .body5wrap .body2rgt .lwrap {
	color: #FFFFFF;
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 3px;
}
.mainwrap .body5wrap .body2rgt .lwrap .llft {
	color: #FFFFFF;
	float: left;
	width: 115px;
}
.mainwrap .body5wrap .body2rgt .lwrap .rrgt {
	width: 115px;
	float: left;
	margin-left: 5px;
}
.mainwrap .body5wrap .body2rgt .lwrap .llft .yel, .mainwrap .body5wrap .body2rgt .lwrap .rrgt .yel {
	font-weight: bold;
	color: #FFFF00;
}
.mainwrap .body5wrap .body2rgt .bold {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
}
.mainwrap .body5wrap .body2rgt .brlrg a, .mainwrap .body5wrap .bodyrgt .brlrg a {
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
.mainwrap .body5wrap .body2lft h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFF00;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}
.mainwrap .body5wrap .body2lft .bodwrap {
	color: #FFFFFF;
	clear: both;
	margin-left: 10px;
}
.mainwrap .body5wrap .body2lft .bodwrap .bodlft {
	float: left;
	width: 250px;
}
.mainwrap .body5wrap .body2lft .bodwrap .bodrgt {
	float: left;
	width: 250px;
	margin-left: 10px;
}
.mainwrap .body5wrap .body2lft .bodwrap .bodlft ul, .mainwrap .body5wrap .body2lft .bodwrap .bodrgt ul, {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #FFFF00;
	font-weight: bold;
}
.mainwrap .body5wrap .body2lft ul, .mainwrap .body5wrap .bodylft ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	color: #FFFF00;
	font-weight: bold;
}
.mainwrap .body5wrap .body2lft .bodwrap .bodlft li {
}
.mainwrap .body5wrap .body2lft .bodwrap .bodlft .whi, .mainwrap .body5wrap .body2lft .bodwrap .bodrgt .whi, .mainwrap .body5wrap .body2lft .whi, .mainwrap .body5wrap .bodylft .whi {
	color: #FFFFFF;
	font-weight: bold;
}
.mainwrap .body5wrap .body2lft img {
	border: 2px ridge #FFFFFF;
}
/* gallery layout */
.mainwrap .body4wrap {
	color: #000000;
	height: 395px;
	padding-left: 10px;
	margin-top: 5px;
}
.mainwrap .body4wrap .body3lft {
	color: #FFFFFF;
	float: left;
	width: 523px;
	height: 385px;
	padding-top: 5px;
	padding-right: 5px;
	background-image: url(images/bk2.jpg);
	background-repeat: repeat-y;
	border: solid 1px #000;
}
.mainwrap .body4wrap .body3rgt {
	color: #000000;
	float: left;
	width: 258px;
	height: 390px;
	margin-left: 10px;
	border: solid 1px #000;
	background-image: url(images/cranes-bk3.jpg);
}
.mainwrap .body4wrap .body3rgt img {
	border: 2px ridge #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
.mainwrap .body4wrap .body3rgt p {
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	margin: 0px;
}
.mainwrap .body4wrap .body3rgt .brlrg a{
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
}
.mainwrap .body4wrap .body3rgt .brlrg {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
	margin-left: 10px;
	margin-top: 50px;
}
.mainwrap .bodywrap .bodyrgt .brlrg a {
	color: #FFFF00;
	text-decoration: none;
}
.mainwrap .body5wrap .body2lft .c2 {
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
}
.mainwrap .body5wrap .body2lft .contactwrap {
	color: #FFFFFF;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft {
	float: left;
	width: 200px;
}
.mainwrap .body5wrap .body2lft .contactwrap .rgt {
	float: left;
	width: 273px;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFF19;
	padding-left: 10px;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft a {
	color: #FFFF19;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft .p {
	font-size: 12px;
	font-weight: bold;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.mainwrap .body5wrap .body2lft .contactwrap .lft .p img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

