body { margin: 0; padding: 0; background: url('../images/bg-home.jpg') center top repeat-x; font-family: Verdana; }
.clear { clear: both; }

#container { width: 900px; margin: 0 auto; }

#contactinfo { font-size: 11px; color: #FFF; line-height: 30px; float: right; }
#contactinfo ul { margin: 0; padding: 0; }
#contactinfo ul li { list-style: none; display: inline; padding: 0 20px 0 0; }
#contactinfo ul li a { color: #FFF; text-decoration: none; }
#contactinfo ul li a:hover { color: #FF0000; /*text-decoration: underline;*/ }
#contactinfo ul li.phone { background: url('../images/phone.jpg') no-repeat; }
#contactinfo ul li.mail { background: url('../images/mail.jpg') no-repeat; }

#header { height: 160px; background: url('../images/logo.gif'); width: 900px; clear: both; }
#header a.logo { height: 62px; width: 492px; display: block; margin: 0 0 0 16px; }

#nav { height: 30px; width: 900px; background: url('../images/nav.jpg'); clear: both }
#nav ul { margin: 0; padding: 0; }
#nav ul li { list-style: none; display: inline; }
#nav ul li.link01 a { width: 64px; height: 30px; margin: 0 0 0 20px; float: left; }
#nav ul li.link01 a:hover { background: url('../images/nav-ov.jpg') -20px; }
#nav ul li.link01 a.sel { background: url('../images/nav-ov.jpg') -20px; }
#nav ul li.link02 a { width: 89px; height: 30px; margin: 0 0 0 2px; float: left; }
#nav ul li.link02 a:hover { background: url('../images/nav-ov.jpg') -86px; }
#nav ul li.link02 a.sel { background: url('../images/nav-ov.jpg') -86px; }
#nav ul li.link03 a { width: 85px; height: 30px; margin: 0 0 0 2px; float: left; }
#nav ul li.link03 a:hover { background: url('../images/nav-ov.jpg') -177px; }
#nav ul li.link03 a.sel { background: url('../images/nav-ov.jpg') -177px; }
#nav ul li.link04 a { width: 87px; height: 30px; margin: 0 0 0 2px; float: left; }
#nav ul li.link04 a:hover { background: url('../images/nav-ov.jpg') -264px; }
#nav ul li.link04 a.sel { background: url('../images/nav-ov.jpg') -264px; }
#nav ul li.link05 a { width: 60px; height: 30px; margin: 0 0 0 2px; float: left; }
#nav ul li.link05 a:hover { background: url('../images/nav-ov.jpg') -353px; }
#nav ul li.link05 a.sel { background: url('../images/nav-ov.jpg') -353px; }
#nav ul li.link06 a { width: 102px; height: 30px; margin: 0 0 0 1px; float: left; }
#nav ul li.link06 a:hover { background: url('../images/nav-ov.jpg') -414px; }
#nav ul li.link06 a.sel { background: url('../images/nav-ov.jpg') -414px; }
#nav ul li.link07 a { width: 62px; height: 30px; margin: 0 0 0 2px; float: left; }
#nav ul li.link07 a:hover { background: url('../images/nav-ov.jpg') -518px; }
#nav ul li.link07 a.sel { background: url('../images/nav-ov.jpg') -518px; }

#banner { height: 370px; width: 900px; color: #FFF; }
#banner #vid { float: left; width: 490px; height: 280px; margin: 28px 20px; }
#banner #txt { float: right; width: 350px; }
#banner #txt h1 { font-size: 20px; margin: 40px 0 0 0; }
#banner #txt p { font-size: 12px; }
#banner #txt a.btn { background: url('../images/btn01.gif') no-repeat; width: 156px; height: 36px; display: block; margin: 40px 0 0 0; }
#banner #txt a.btn:hover { background: url('../images/btn01-ov.gif') no-repeat; }

#breadcrumbs { width: 900px; height: 40px; background: url('../images/breadcrumbs.jpg'); clear: both; }
#breadcrumbs ul { margin: 0 0 0 20px; padding: 0; list-style: none; color: #FFF; font-size: 14px; }
#breadcrumbs ul li { display: inline; line-height: 40px; margin: 0 0 0 10px; font-weight: bold; }
#breadcrumbs ul li a { text-decoration: none; color: #FFF; }
#breadcrumbs ul li a:hover { text-decoration: underline; color: #FFF; }

#teasers { clear: both; margin: 20px 0 0 0; }
#teasers .div { width: 40px; height: 300px; float: left; background: url('../images/div.jpg') right top no-repeat; }
#teasers .column { width: 194px; height: 300px; float: left; }
#teasers .column h1 { margin: 0; padding: 0; color: #CC0000; font-size: 14px; height: 32px; }
#teasers .column img { border: 1px solid #000; margin: 10px 0; }
#teasers .column p { margin: 0; padding: 0; font-size: 12px; height: 100px; }
#teasers .column a.btn { display: block; height: 28px; width: 122px; background: url(../images/btn02.jpg); }
#teasers .column a.btn:hover { background: url(../images/btn02-ov.jpg); }

#footer { background: url('../images/bg-footer.jpg'); clear: both; }
#footer #fat { width: 900px; height: 380px; margin: 0 auto; background: url('../images/bg-fat.jpg'); }
#footer #fat a#twitter { width: 140px; height: 70px; background: url('../images/twitter.jpg'); display: block; float: right; margin: 0 40px 0 0; }
#footer #fat .column { width: 210px; height: 200px; float: left; margin: 20px 6px; color: #FFF; }
#footer #fat .column p { margin: 16px 10px 0 10px; font-size: 11px; }
#footer #fat .column a { color: #FFF; text-decoration: none; }
#footer #fat .column a:hover { color: #CC0000; }
#footer #fat .column h1 { background: url('../images/ft-section.jpg') no-repeat; padding: 0 20px; margin: 0; line-height: 24px; font-size: 11px; }
#footer #fat .column ul { margin: 0; padding: 0; }
#footer #fat .column ul li { list-style: none; margin: 12px 0 0 0; }
#footer #fat .column ul li a { font-size: 11px; color: #FFF; text-decoration: none; }
#footer #fat .column ul li a:hover { color: #CC0000; }
#footer #fat .ft-links { clear: both; }
#footer #fat .ft-links ul { margin: 0; padding: 0; }
#footer #fat .ft-links ul li { list-style: none; margin: 0 0 0 10px; display: inline; }
#footer #fat .ft-links ul li a { font-size: 11px; color: #FFF; text-decoration: none; }
#footer #fat .ft-links ul li a:hover { color: #CC0000; }