/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#ddd; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#5b5b5b;
}
html { min-width:940px;}
html, body { height:100%;}



/* Global Structure ============================================================= */
#main {
	margin: 0 auto;
	position: relative;
	width: 940px;
	font-size:.75em;
	padding-top:26px;
}

	/* Header */
	header{
		height:155px;
		overflow:hidden;
		position:relative;
	}
	
	/* Content */
	section#content {
		float: left;
		width:551px;
		margin-right:36px;
	}
	
	/* Sidebar */
	aside{
		float: left;
		width:261px;
	}
			
	/* Footer */
	footer{
		padding:22px 23px 47px 24px;
	}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:25px;
}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:20px;}
.p1 { margin-bottom:10px;}
.p2 { margin-bottom:20px;}
.p3 { margin-bottom:30px;
}


/*----- txt, links, lines, titles -----*/
a {
	color:#5b5b5b; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:46px;
	line-height:1.2em;
	color:#454545;
	font-weight:normal;
	letter-spacing:-2px;
	float:left;
}
	h1 a {
		color:#454545;
		text-decoration:none;
	}
		h1 a span {
			color:#2facfe;
		}
h2 {
	font-size:29px;
	line-height:37px;
	color:#8e8e8e;
	font-weight:normal;
	margin-bottom:35px;
	text-transform:uppercase;
	letter-spacing:-1px;
}
	h2 span {
		color:#000;
	}
h3 {
	font-size:18px;
	line-height:1.2em;
	color:#222;
	font-weight:normal;
	text-transform:uppercase;
	margin-bottom:20px;
}
h4 {
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	margin-bottom:20px;
}
h5 {
	font-size:1em;
	font-weight:normal;
	font-style:italic;
}

.button { 
	display:block;
	float:left;
	background:url(../images/button-left.gif) no-repeat left top #2facfe;
	color:#fff; 
	text-decoration:none;
}
.button:hover { 
	text-decoration:underline;
}
	.button b { 
		float:left;
		background:url(../images/button-right.gif) no-repeat right top; 
		padding:0 12px 0 12px; 
		line-height:26px;
		font-weight:normal;
		cursor:pointer;
	}


.button1 { 
	display:block;
	float:left;
	color:#fff; 
	text-decoration:none;
	background:url(../images/button1-bg.gif) 0 0 repeat-x;
}
.button1 em {
	float:left;
	background:url(../images/button1-right.gif) no-repeat 100% 0;
	font-style:normal;
}
.button1:hover { 
	text-decoration:underline;
}
	.button1 b { 
		float:left;
		background:url(../images/button1-left.gif) no-repeat left top; 
		padding:0 12px 0 12px; 
		line-height:26px;
		font-weight:normal;
		cursor:pointer;
	}
	

.line-hor { 
	background:#e9e9e9;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}


/*==================boxes====================*/
.main-box {
	background:#f5f5f5;
	width:100%;
}
	.main-box .left-top-corner {
		background:url(../images/left-top-corner.gif) no-repeat left top;
	}
	.main-box .right-top-corner {
		background:url(../images/right-top-corner.gif) no-repeat right top;
	}
	.main-box .left-bot-corner {
		background:url(../images/left-bot-corner.gif) no-repeat left bottom;
		width:100%;
		}
	.main-box .right-bot-corner {
		background:url(../images/right-bot-corner.gif) no-repeat right bottom;
		}
	.main-box .inside { 
		padding:30px 12px 15px 12px;
	}

.box {
	background:#fff;
	width:100%;
}
	.box .left-top-corner {
		background:url(../images/left-top-corner1.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(../images/right-top-corner1.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		background:url(../images/left-bot-corner1.gif) no-repeat left bottom;
		}
	.box .right-bot-corner {
		background:url(../images/right-bot-corner1.gif) no-repeat right bottom;
		}
	.box .inside { 
		padding:11px 10px 32px 10px;
	}
		.box .inside .inside {
			padding:36px 19px 0 17px;
		}


.box1 {
	background:#f5f5f5;
	width:100%;
}
	.box1 .left-top-corner {
		background:url(../images/left-top-corner2.gif) no-repeat left top;
	}
	.box1 .right-top-corner {
		background:url(../images/right-top-corner2.gif) no-repeat right top;
	}
	.box1 .left-bot-corner {
		background:url(../images/left-bot-corner2.gif) no-repeat left bottom;
		}
	.box1 .right-bot-corner {
		background:url(../images/right-bot-corner2.gif) no-repeat right bottom;
		}
	.box1 .inside { 
		padding:20px 20px 32px 24px !important;
	}


.address { 
	float:left;
}
	.address dt {
		margin-bottom:16px;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:82px;
		}



/*===== header =====*/
header .logo {
	position:absolute;
	left:26px;
	top:1px;	
}

header  {
	height:120px;	
}

	header .logo strong {
		font-weight:normal;
		float:left;
		padding:30px 0 0 5px;
	}

.top-links {
	position:absolute;
	right:16px;
	top:21px;
	font-size:11px;
	color:#808080;
}
	.top-links li {
		display:inline;
	}
		.top-links li a {
			color:#808080;
			text-decoration:none;
			padding:0 9px 0 6px;
		}
		.top-links li a:hover {
			color:#2facfe;
		}


header nav {
	position:absolute;
	left:0;
	top:102px;
}
	header nav ul li {
		float:left;
		padding-right:2px;
	}
	header nav ul li.last {
		padding-right:0;
	}
		header nav ul li a {
			float:left;
			background:url(../images/nav-bg.jpg) no-repeat 0 0;
			width:151px;
			height:59px;
			line-height:59px;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			font-size:14px;
			text-align:center;
		}



/*===== content =====*/
#mainContent .row-2 {
	padding-top:37px;
}
	
	.main-banner {
		height:333px;
	}
	
	
	.list1 li {
		border-bottom:1px dotted #bababa;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.list1 li.last {
		padding-bottom:0;
		margin-bottom:0;
		border:none;
	}
		.list1 li a {
			color:#00bbde;
			font-style:italic;
		}
	
	
	.list2 li {
		background:url(../images/arrow2.gif) no-repeat 0 6px;
		padding:0 0 0 21px;
		margin-bottom:7px;
	}
	
	
		.list3 li {
		background:url(../images/arrow2.gif) no-repeat 0 6px;
		padding:0 0 0 12px;
		margin-bottom:7px;
	}

/*===== footer =====*/
footer {
	color:#9c9c9c;
}
	.social-services {
		float:left;
		padding-left:14px;
	}
		.social-services li {
			float:left;
			padding-right:7px;
		}
	
	
	footer span {
		color:#4f4f4f;
	}
	footer a {
		color:#9c9c9c;
	}


/*----- forms -----*/
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:36px;
		overflow:hidden;
		background:url(../images/input-bg.gif) no-repeat 0 0;
	}
		#contacts-form input {
			width:195px;
			padding:5px 5px 0 5px;
			border:none;
			background:none;
			color:#8c8c8c;
		}
		#contacts-form .textarea-box {
			background:url(../images/textarea-bg.gif) no-repeat 0 0;
			height:304px;
			overflow:hidden;
			margin-bottom:20px;
		}
		#contacts-form textarea {
			width:195px;
			padding:3px 5px 3px 5px;
			border:none;
			background:none;
			color:#8c8c8c;
			height:295px;
			overflow:auto;
		}
		#contacts-form .alignright { padding-right:15px;}
		#contacts-form a {
			color:#00bbde;
			font-style:italic;
		}
/*==========================================*/
