/* CSS-Framework Import
------------------------------ */

@import url(cf-menu.css);
@import url(cf-content.css);
@import url(cf-form.css);

/* Utilites
------------------------------ */

* { margin: 0; padding: 0; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
*:focus { outline: none; }

.hidden { display: none; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-back { background: none; }

img { border: none; }
.clear{
	clear: both;
}

/* Main custom rules
------------------------------ */

a { color: #000; }
a:hover { text-decoration: none; }
.menu-h a { color: #fff; }


/* Layout
------------------------------ */
html { background: #434343 url(../i/html.gif); font: .7em/1.2 Verdana, Arial, Helvetica, sans-serif; }

body {  }

#site { width: 950px; margin: 0 auto; background: #F7A711; }
#header { height: 119px; background: url(../i/header.jpg) no-repeat; position: relative; font-size: 13px; border-bottom: 1px solid #fff; }
#header .menu-h { position: absolute; left: 0px; top: 75px; }
#logo { position: absolute; width: 73px; height: 97px; top: 13px; left: 859px; }
#blog-link { position: absolute; width: 44px; height: 44px; background: url(../i/blog-link.jpg) no-repeat; top: 0; right: 0; }
#slogan { position: absolute; left: 15px; top: 18px; color: #fff; font-weight: bold; font-size: 1.25em; }

#index-col-left { float: left; width: 391px; }
#index-col-right { float: left; width: 559px; }

#col-left { float: left; width: 327px; padding-left: 18px; padding-bottom: 18px; }
#content { margin-left: 391px; padding: 18px 20px 20px 0; }
#content.single-page { margin-left: 20px; }
#footer { clear: both; border-top: 1px solid #fff; height: 84px; background: #b3281d url(../i/footer.gif) repeat-x; font-size: .85em; position: relative; }
#footer-left { position: absolute; width: 356px; left: 27px; top: 0px; background: #b3281d url(../i/footer-left.gif) no-repeat; padding: 5px 0 0 8px; font-size: 1.4em; }
#footer-left img { vertical-align: middle; padding-right: 12px; }
#footer-right { position: absolute; left: 464px; top: 25px; }

/* Custom Block
------------------------------ */

.anchors { font-family: Tahoma; }

#index-col-left .container-blockquote { padding: 0 15px 0 18px; }
.container-blockquote { padding: 0 15px 0 0; }

#index-col-left .container-text { background: #f1c121 url(../i/index-left-col-content.gif) repeat-y right top; zoom: 1; }
#index-col-left .container-text-2 { background: url(../i/index-left-col-bottom-corner.gif) no-repeat right bottom; zoom: 1; }
#index-col-left .container-text-3 { padding: 14px 20px 8px 20px; background: url(../i/index-left-col-top-corner.gif) no-repeat right top; zoom: 1; }

#index-col-right .container-text { padding: 14px 20px 8px 20px; zoom: 1; }
#index-col-right .c-t-2 { border: 1px solid #fff; border-width: 1px 0; padding: 14px 13px 8px 13px; background: #f07c09 url(/i/index-right-col-content.gif) repeat-x left top; } 

.links { overflow: hidden; zoom: 1; }
.links a { padding: 0px 0px 0px 23px; margin-right: 12px; height: 17px; line-height: 17px; background: url(../i/more-a.gif) no-repeat left top; text-decoration: none; float: left; }
.links a:hover { background-position: left -17px; }
.links a strong { display: block; }

#col-left ul { margin-left: 1.5em; line-height: 1.3em; }
#col-left ul li { list-style: circle; padding: 1px 0; font-weight: bold; }

.client { border-bottom: 1px dotted #000; padding-bottom: .5em; margin-bottom: 1em; }

.resource-list a { color: #fff; }

.item { overflow: hidden; width: 100%; margin-bottom: 1em; }
.item-pic { float: left; width: 170px; }
.item-text { margin-left: 190px; padding-right: 5px; }
.item-text-annotation { margin-bottom: 1em; }

.iframe-player { position: relative; top: 18px; }

.button { width: auto; overflow: visible; padding: 0 .2em; }
.hide{display:none;}