/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.9375em; background:#111e23}
html, input, textarea	{	font-family:Arial; 
		color:#111e23;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#018eb9; text-decoration:none; font-weight:bold} 
a:hover{text-decoration:underline}
.link{color:#747474; font-weight: normal; } 
.link1{color:#0f698c; font-weight:normal; text-decoration:none } 
.link1:hover{text-decoration:underline } 
.link2{color:#111e23; font-weight: normal; } 

ul{margin:0; padding:0; list-style:none;}
ul li a{line-height:1.84em} 

.ul{margin:0; padding:0; list-style:none;}
.ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 8px; margin:0; padding-left:13px; color:#fff;  line-height:1.51em; font-weight:normal}
.ul li a{color:#fff; text-decoration:none; line-height:1.53em; font-weight:normal} 
.ul li a:hover { text-decoration:underline; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; font-weight:bold}
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ background:url(images/link_bg-1.gif) left top repeat-x;}
.link-1:hover em{ background:url(images/link_left-1.gif) no-repeat left top;}
.link-1:hover  b { background:url(images/link_right-1.gif) no-repeat right top; }


/*header*/
#header {font-size:0.6875em; text-transform:uppercase; color:#6b8b97 }
#header a{color:#6b8b97; text-decoration:none; font-weight:normal }
#header a:hover{text-decoration:underline }
#header .sub-menu{ position:absolute; padding:9px 0 0 838px}
#header .logo{ margin:22px 0 75px 0}
#header .rss{ margin:0 0 0 236px }
#header .button{ margin:22px 0 65px 0 }
#header .indent-header{padding:9px 0 0 48px}

/*content*/
#content{ font-size:0.8125em; width:100%; text-align:left;}
#content .indent-main{padding:26px 30px 46px 29px}
#content .indent-main1{padding:14px 20px 0 21px}
#content .title{  margin-bottom:3px}
#content .title1{
	margin-top: 29px;
	margin-right: 0;
	margin-bottom: 23px;
	margin-left: 0;
}
#content .title2{  margin:50px 0 23px 0}
#content .img-left{ float:left; margin:0 30px 0 0}
#content .img-right{ float:right; margin:0 0 20px 30px}
#content .img-indent{ margin:0 0 21px 0}
#content p{ margin:0 0 15px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 15px 0}
#content h4{color:#0081b3; font-size:1em;  }
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	color:#0081b3;
}
.txt{ float:right; margin-bottom:15px; display:block; font-weight:bold; color:#0081b3}

.row{ margin-bottom:26px}

#content .indent{padding:0 0 30px 0}
#content .indent1{padding:0 0 50px 0}

/*box*/
.box{ background:#d9d9d9; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:18px 20px 30px 18px; }
.box .indent-box-welcome{ padding:18px 20px 18px 18px; }
#content .box .title{  margin-bottom:3px}
#content .box a{ color:#0081b3; font-weight:bold; text-decoration:none}
#content .box .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:35px; margin-bottom:9px }
#content .box a:hover{text-decoration:underline}

/*box1*/
.box1{
	background:#0a4b66;
	width:100%;
	color: ffffff;
}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ color:#FFFFFF; padding:18px 0 30px 20px; }
#content .box1 .title{  margin-bottom:11px}

/*box*/
.box2{ background:#fff; width:100%; margin-bottom:15px;}
.box2 .border-top2 {background:url(images/border_top2.gif) repeat-x top;}
.box2 .border-bottom2 {background:url(images/border_bottom2.gif) repeat-x bottom;}
.box2 .border-left2 {background:url(images/border_left2.gif) repeat-y left;}
.box2 .border-right2 {background:url(images/border_right2.gif) repeat-y right;}
.box2 .corner-top-left2 {background:url(images/corner_top_left2.gif) no-repeat left top;}
.box2 .corner-top-right2 {background:url(images/corner_top_right2.gif) no-repeat right top;}
.box2 .corner-bottom-left2 {background:url(images/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right2 {background:url(images/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:18px 20px 8px 18px; }
#content .box2 .title{  margin-bottom:3px}
#content .box2 a{ color:#0081b3; font-weight:bold; text-decoration:none}
#content .box2 .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:35px; margin-bottom:9px }
#content .box2 a:hover{text-decoration:underline}

/*footer*/
#footer { color:#53656c; font-size:0.8125em; }
#footer .indent-footer{ padding:21px 30px 0 50px;}
#footer a {color:#fff; text-decoration:none; font-weight:normal}  
#footer a:hover {  text-decoration:underline}


.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.h{ height:26px}
.h1{ height:38px}
.block-contact span{ float:right; margin-right:55px}
.block-contact1 span{ float:right; margin-right:50px}
.input1{
	border:1px solid #c6c6c6; 
	background:#FFFFFF;
	width:195px; height:23px;
	vertical-align:middle;
}
.input2{
	border:none; 
	background:none;
	width:36px; height:23px;
	padding:0;
	vertical-align:middle;
	margin-left:5px
}
input{
	border:1px solid #c6c6c6; 
	background:#FFFFFF;
	font-family:Tahoma;
	width:215px; height:20px;
	font-size:11px;
	padding-left:5px;
}
textarea{
   	border:1px solid #c6c6c6; 
	background:#FFFFFF;
	font-family:Tahoma;
	width:215px; height:270px;
	font-size:11px;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

.projectthumbnail {
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.projectquote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: italic;
	color: #FFFFFF;
}
.projectprotrait {
	margin-left: 15px;
}
.projectquotesignature {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
}
#page2 .tail-top .tail-bottom .main #content .indent-main .indent-main1 .container .col-1 ul.about {
	list-style-type: square;
}
#page2 .tail-top .tail-bottom .main #content .indent-main .indent-main1 .container .col-1 li.about {
	font-family: dearJoe4;
}

.buttonbox
{
	margin-bottom:10px;
}

.service_button
{
	margin-right:6px;
	margin-bottom: 5px;
}
.service_button_end
{
	margin-bottom: 5px;
}
.package_price {
	float: right;
	margin-bottom:20px;
}

#content #package-box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #0081b3;
}

#content #package-box ul {
	margin-left:50px;
	list-style-image:url(images/list_style-trans.png);
	font-weight:bold;
}

.welcomebox {
	overflow: auto;
	margin-bottom: 10px;
	float: left;
	clear: right;
}

#welcometext ul
{
	margin-left:50px;
	list-style-image:url(images/list_style-trans.png);
	font-weight:bold;
}

#advicelist ul
{
	margin-left:20px;
	list-style-image:url(images/list_style-trans.png);

}

ul.globelist 
{
	margin-left:20px;
	list-style-image:url(images/list_style-trans.png);
}

#calculatorbox div {
	float: right;
	overflow:auto;
}

#calculatorbox img {
	float: right;
}
.calculatortext {
	font-size: 1.5em;
	color: #0081b3;
	font-style: italic;
	line-height: 1.2em;
}

.calculatortext-normal {
	font-size: 1.2em;
	color: #0081b3;
	font-style: italic;
	line-height: 1.2em;
}

.package-centre-button
{
	width:100%;
	text-align:center;
		margin-bottom:25px;
}
.package-summary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0081b3;
	text-decoration: none;
	font-weight: bold;
}

#content #calculator-box h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #0081b3;
}

#content #calculator-box h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0081b3;
}

#content #calculator-box a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0081b3;
	text-decoration:underline;
}

#content #calculator-box hr {

	margin-top:9px;
	margin-bottom:19px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}

#content #calculator-box ul {
	margin-left:50px;
	list-style-image:url(images/list_style-trans.png);
	font-weight:bold;
}

#content #calculator-box input{
	border:0px none #c6c6c6; 
	background:#FFFFFF;
	font-family:Tahoma;
	width:70px; height:15px;
	font-size:11px;
	padding-left:5px;
}
#content #calculator-box .calc_price{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0081b3;
	float:right;
	font-weight:bold;
}

#content #calculator-box .calc_medal_column {
	text-align: center;
	width: 178px;
	float:left;
}

#footer .indent-footer .telephone-number {
	float: right;
}