html, body { height: 100%; margin: 0px; padding: 0px; }
body { background-color: #e0e1e2; }
img { border: 0px; }
.clear { clear: both; }
.hr { width: 100%; height: 1px; background-color: #9b201f; border-bottom: 1px #d48988 solid; margin-top: 0px; margin-bottom: 10px; font-size: 1px; line-height: 1px; padding: 0px; }
.hr2 { width: 100%; height: 1px; background-color: #9b201f; border-bottom: 1px #d48988 solid; margin-top: 10px; margin-bottom: 10px; font-size: 1px; line-height: 1px; padding: 0px; }
p { margin: 0px; padding: 0px; }

ul.clients_animation_change, ul.clients_animation_change li { padding: 0px; margin: 0px; }

body, td, p { font-family: Tahoma; }
body { padding: 0px; margin: 0px; }

/* ###################################################################### */

.container { width: 1027px; float: right; }

#header { width: 100%; height: 394px; background: url(../pics/header_bg.jpg) top left repeat-x; }
#header .container { height: 394px; background: url(../pics/header_bg_.jpg) top right no-repeat; }

#header .container #contact_details { position: absolute; top: 0px; right: 262px; width: 247px; height: 147px; background: url(../pics/contact_details_bg.jpg) top left no-repeat; }
#header .container #contact_details #contact_details_ { padding-left: 14px; padding-top: 30px; }
#header .container #contact_details #contact_details_ span.title { font-family: Trebuchet MS, Trebuchet; font-size: 25px; font-weight: bold; color: #b02f2e; text-shadow: #cb7271 1px 1px 1px; text-transform: uppercase; }
#header .container #contact_details #contact_details_ span.title p { padding: 0px; margin: 0px; letter-spacing: -1px; }
#header .container #contact_details #contact_details_ span.phone { font-family: Trebuchet MS, Trebuchet; font-size: 19px; font-weight: bold; color: #5e0100; text-shadow: #cb7271 1px 1px 1px; }
#header .container #contact_details #contact_details_ span.phone p { padding: 0px; margin: 0px; letter-spacing: -1px; }
#header .container #contact_details #contact_details_ span.email { font-family: Trebuchet MS, Trebuchet; font-size: 13px; font-weight: bold; color: #5e0100; text-shadow: #cb7271 1px 1px 1px; }
#header .container #contact_details #contact_details_ span.email p { padding: 0px; margin: 0px; letter-spacing: 0px; }
#header .container #contact_details #contact_details_ span.email a { font-family: Trebuchet MS, Trebuchet; font-size: 13px; font-weight: bold; color: #5e0100; text-shadow: #cb7271 1px 1px 1px; text-decoration: underline; }
#header .container #contact_details #contact_details_ span.email a:hover { font-family: Trebuchet MS, Trebuchet; font-size: 13px; font-weight: bold; color: #5e0100; text-shadow: #cb7271 1px 1px 1px; text-decoration: none; }

/*
#header .container #quick_links { position: absolute; top: 80px; margin: 0px 0px 0px -20px; }
#header .container #quick_links ul { padding: 0px; margin: 0px; }
#header .container #quick_links ul li { padding: 0px 20px 0px 20px; margin: 0px; float: left; list-style: none; border-left: 1px #f3f4f5 solid; }
#header .container #quick_links ul :first-child { border-left: 0; }
#header .container #quick_links ul li a { font-family: Trebuchet MS, Trebuchet; font-size: 14px; font-weight: bold; color: #f3f4f5; text-transform: uppercase; text-decoration: underline; }
#header .container #quick_links ul li a:hover { font-family: Trebuchet MS, Trebuchet; font-size: 14px; font-weight: bold; color: #f3f4f5; text-transform: uppercase; text-decoration: none; }
*/

#header .container #logo { position: absolute; top: 74px; }

#header .container #slogan { position: absolute; top: 195px; width: 670px; font-family: Trebuchet MS, Trebuchet; font-size: 17px; font-weight: normal; color: #f3f4f5; }


#content { width: 100%; }
#content .container { padding: 30px 0px 30px 0px; margin: 0px; }
#content .container #content_left { width: 250px; margin-right: 35px; float: left; }
#content .container #content_right { width: 650px; float: left; font-size: 14px; color: #1d1d1d; font-family: Trebuchet MS, Trebuchet; }
#content .container #content_right p { margin: 0px; padding: 0px 0px 10px 0px; font-size: 14px; color: #1d1d1d; font-family: Trebuchet MS, Trebuchet; }
#content .container #content_right blockquote p, #content .container #content_right p blockquote p { margin: 0px; padding: 0px 0px 10px 0px; font-size: 24px; color: #c75b59; font-family: Trebuchet MS, Trebuchet; }
#content .container #content_right blockquote, #content .container #content_right p blockquote { margin: 0px; padding: 0px; }

#content .container #content_right h1 { margin: 0px; padding: 0px 0px 10px 0px; font-size: 24px; color: #c75b59; font-family: Trebuchet MS, Trebuchet; text-transform: uppercase; }
#content .container #content_right a { color: #1d1d1d; text-decoration: underline; }
#content .container #content_right a:hover { color: #1d1d1d; text-decoration: none; }

#content .container #content_left #left_menu { background-color: #c75b59; }
#content .container #content_left #left_menu_ { background: url(../pics/left_menu_.jpg) top left no-repeat; }
#content .container #content_left #left_menu_ #left_menu__ { background: url(../pics/left_menu__.jpg) top right no-repeat; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ { background: url(../pics/left_menu___.jpg) bottom left no-repeat; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ { background: url(../pics/left_menu____.jpg) bottom right no-repeat; padding: 17px; color: #f3f4f5; font-size: 13px; font-weight: bold; font-family: Trebuchet MS, Trebuchet; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ a { color: #f3f4f5; font-family: Trebuchet MS, Trebuchet; font-size: 13px; font-weight: bold; text-decoration: underline; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ a:hover { color: #f3f4f5; font-family: Trebuchet MS, Trebuchet; font-size: 13px; font-weight: bold; text-decoration: none; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ a.left-link { color: #333333; text-decoration: none; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ a.left-link:hover { color: #000000; text-decoration: underline; }

#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ ul { margin: 0px; padding: 0px; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ ul li { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ ul li a { color: #f3f4f5; font-family: Trebuchet MS, Trebuchet; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#content .container #content_left #left_menu_ #left_menu__ #left_menu___ #left_menu____ ul li a:hover { color: #f3f4f5; font-family: Trebuchet MS, Trebuchet; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: underline; }


#footer { width: 100%; height: 200px; background-color: #04111d; }
#footer .container { padding: 30px 0px 30px 0px; color: #93999f; font-family: Trebuchet MS, Trebuchet; font-size: 12px; }
#footer .container a { color: #93999f; text-decoration: underline; font-family: Trebuchet MS, Trebuchet; font-size: 12px; }
#footer .container a:hover { color: #93999f; text-decoration: none; font-family: Trebuchet MS, Trebuchet; font-size: 12px; }

/* ###################################################################### */

@media only screen and (max-width: 1030px) {
	.container { width: 98% !important; }
	#header .container #logo img { width: 75%; height: auto; }
	#content .container #content_left, 
	#content .container #content_right { width: 98%; height: auto !important; margin-bottom: 20px; }
}
@media only screen and (max-width: 1030px) {
	#header .container #logo img { width: 50%; height: auto; }
	#header .container #slogan { width: 450px; font-size: 14px; }
}
@media only screen and (max-width: 770px) {
	#header .container #logo img { width: 50%; height: auto; }
	#header .container #contact_details { display: none; }
}
@media only screen and (max-width: 770px) {
	#header .container #slogan { width: 400px; font-size: 12px; }
}
@media only screen and (max-width: 642px) {
	#header .container #slogan { display: none; }
}
@media only screen and (max-width: 480px) {
	#header .container { background-size: auto 355px; background-position: bottom right; }
	#header .container #logo { top: 10px; }
	#header .container #logo img { width: 100%; }
}