@import url('reset.css');

/* ........................ LAYOUT ................................ */

	body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#29292d; background:url(../images/body.png) repeat-x;}
	.wrapper { width:980px; margin:0 auto; text-align:left;}
	
	
	.left {float:left}
	.right {float:right;}
	
	/* column widths */
	.w460px {width:460px;}
	.w266px {width:266px;}
	.w654px {width:654px;}
	.w245px {width:245px;}
	.w325px {width:325px;}
	

/* ........................ TYPO & COLORS ................................ */
	
	body {}
	
	table,td,th {}
		td {}
		th {}
	
	
	a { color:#285195; text-decoration:underline;}
		a:hover { color:#de3a3a;}
	
	a.button {font-weight:bold; color:#fff; text-decoration:none; background:#de3a3a; display:inline-block; padding:6px 30px;-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;}
	a.button:hover {background:#ef4949;}
	a.button:active  {background:#de3a3a;}
	
	
	p, address { margin-bottom:12px;}
	

/* ........................ HEADER ................................ */
.header {height:436px;}

.top { height:128px; line-height:128px;}
	.top h1 {}
	.top h1 a {display:block; background:url(../images/logo.png) no-repeat; width:214px; height:22px; position:absolute; top:54px;}
		.top h1 a span {display:none;}
		.top h1 a:hover {background-position:left bottom;}

.bread {font-size:11px; padding:10px 0;  border-bottom:1px solid #dfdfe0; margin-top:-40px; position:relative; margin-bottom:30px;}
.bread ins {padding:0 4px; color:#dfdfe0;}
.bread p {margin:0;}


.slogan {position:absolute; top:90px; width:460px; z-index:200;}
.slogan h2 {font-size:38px; letter-spacing:-2px; }
.slogan p {font-size:19px; letter-spacing:-1px;}
.slogan strong {color:#de3a3a;}


.menu {font-size:16px; letter-spacing:-0.5px;}
.menu li {float:left;}
.menu a {margin:0 0 0 46px; text-decoration:none;  color:#383840;}
.menu a:hover, .menu li.active a {color:#de3a3a;}
.menu li:first-child a {margin:0;}
.menu ul {float:right;}


.header_canvas { height:352px; position:absolute; width:980px; top:84px;}
#header_anim {height:352px; position:absolute; width:980px;}
.header_canvas img {outline:0;}

/* ........................ CONTENT ................................ */
.content { padding:40px 0}
	.content h2 { font-size:26px; letter-spacing:-1px;margin-bottom:20px;}
	.content h2 a {color:#29292d; text-decoration:none; }
		.content h2 a:hover {color:#de3a3a;}
	.content h3 { font-size:21px; letter-spacing:-0.6px;margin-bottom:20px;}
	.content h3 a {color:#29292d; text-decoration:none; }
		.content h3 a:hover {color:#de3a3a;}
	.content p {line-height:18px;}	
	
.fl_img_left {float:left; margin:0 20px 0 0;}
.sep {height:0; font-size:0; margin:30px 0; clear:both; border-top:1px solid #dfdfe0;}

/* ........................ MISC STYLES ................................ */
.submenu {margin-bottom:20px;}
.submenu h2 {background:#29292e; font-size:18px; padding:8px 20px; color:#fff; letter-spacing:-0.5px; margin:0;}
.submenu h2 a {color:#fff; text-decoration:none;}
.submenu h2 a:hover {color:#dfdfe0; text-decoration:none;}
.submenu_in { background:#f4f7fa; padding:20px; font-weight:bold;}
.submenu_in li {margin-bottom:12px;}
.submenu_in a {text-decoration:none;}
.submenu_in li.active a, .submenu a:hover {color:#de3a3a;}
.submenu address {font-weight:normal; margin:0;}

.sidebar_contact p {font-size:11px; line-height:14px;  color:#7a7a80; padding-left:10px; border-left:2px solid #dfdfe0; margin:12px 0 12px 20px;}
.sidebar_contact h2 {font-size:18px; letter-spacing:-0.5px; margin-bottom:0;}

.text h2 {border-bottom:5px solid #f4f7fa; padding-bottom:5px; color:#de3a3a;}
.text ul li {background:url(../images/li.gif) no-repeat left 4px; margin-bottom:4px; padding-left:12px; line-height:18px;}
.text ul {margin:12px;}
.text h3 {margin-bottom:8px; margin-top:22px;}
.text h4 {background:#de3a3a; font-size:14px; font-weight:bold; color:#fff; margin-bottom:12px; margin-top:18px; padding:7px 12px; -moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}


.contact_form table {width:100%;}
.contact_form td {padding-bottom:5px;}
input, select, textarea {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:3px;}

/* ........................ FOOTER ................................ */
.footer { background:url(../images/footer.png) repeat-x; padding:30px 0; line-height:18px; font-size:11px; color:#374753;}
.footer a {color:#374753; text-decoration:none;}
.footer a:hover { text-decoration:none; color:#477ba1;}
.footer a.button {background:#29292e; color:#fff;}
.footer a.button:hover {background:#477ba1; color:#fff;}
.footer h3 {font-size:11px; margin-bottom:0px;}

.footer ul ul {margin-bottom:16px;}