html, body {
padding: 0;
margin:0;
background: white;
font-family: Helvetica, verdana;
font-size: 0.80em;
height: 100%;
color:#666;
}
p {
margin-top:0.5em; margin-bottom:0.5em;
}
h1 {
font-size: 1.5em;
line-height: 1.5em;
margin-top:0;
padding:0px;
color:rgb(150,45,62);
}
h2 {
font-size: 1.5em;
line-height: 1.5em;
margin-top:0;
padding-left:5px;
color: white;
}
h3 {
font-size: 3.5em;
margin-top:0;
margin-bottom:20px;
padding:0px;
color:rgb(150,45,62);
}
.redtext { color:rgb(150,45,62);font-weight : bold;}
.regular { color:#333;font-family: Helvetica, verdana; font-size:1.3em; line-height:1.3em;}
.regular_small { color:#666;font-family: Helvetica, verdana; font-size:1em; line-height:1.2em;}
.regular a:link {font-weight : normal; text-decoration : none; color: #333;}
.regular a:visited {font-weight : normal; text-decoration : none; color: #333;}
.regular a:active {font-weight : normal; text-decoration : none; color: #333;}
.regular a:hover {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
a:link {font-weight : normal; text-decoration : none; color: #fff;}
a:visited {font-weight : normal; text-decoration : none; color: #fff;}
a:active {font-weight : normal; text-decoration : none; color: #fff;}
a:hover {font-weight : normal; text-decoration : none; color:#333;}
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
#wrap {min-height: 100%; width:100%;}
#header {height:20px; background:rgb(150,45,62); color:#fff; clear:both; position:relative;}
#header_logo_wrap {
width:100%;
height:85px;
color:#fff;
margin:0px auto;
text-align:left;
}
#header_logo {
width:960px;
height:85px;
margin:0px auto;
text-align:left;
}
#logo {
height:85px;
float:right;
}
#logo2 {margin-left:16px; height:110px; float:left;}
#logo_text {height:110px; width:110px; background-color:#333; margin-bottom:30px; color:#CCC; float:right;}
#logo_text p {text-align:left; font-size: 0.85em; padding:5px; line-height:2em;}
#banner_spacer {
width:100%;
height: 20px;
}
#main {overflow:auto;padding-bottom:70px; width:100%;text-align:center;} /* must be same height as the footer */
#main_middle {width:960px; margin:0px auto;}
#main_middle1 {margin:0px auto;}
#textleft {width:630px; float:left; margin-top:20px; text-align:left;}
#textleft p {font-size:14px; line-height:1.6em;}
#textleft p a:link {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textleft p a:visited {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textleft p a:active {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textleft p a:hover {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textleft h1 {font-size:18px; margin-bottom:14px;}
#textright {width:300px; float:right; margin-top:20px; text-align:left;}
#textright p {font-size:14px; line-height:1.6em;}
#textright p a:link {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textright p a:visited {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textright p a:active {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textright p a:hover {font-weight : normal; text-decoration : none; color:rgb(150,45,62);}
#textright h1 {font-size:18px; margin-bottom:14px;}
#messagex { width:960px; margin:0px auto; }
#messagex h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#messagex p {
color:#666;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
padding-top:35px;
padding-right:40px;
}
#messagex h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#messagex p {
color:#666;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
padding-top:35px;
padding-right:40px;
}
#messagex h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
#message { width:960px; margin:0px auto; }
#message h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#message p {
color:#666;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
padding-top:35px;
padding-right:40px;
}
#message h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#message p {
color:#666;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
padding-top:35px;
padding-right:40px;
}
#message h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
#message1 { width:960px; margin:0px auto; }
#message1 h1 {color:rgb(150,45,62); font-size:45px; font-family: Din, Verdana, Arial, sans-serif; text-align:left; line-height:0.8em;}
#message1 p {
color:#666;
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
line-height:1.5em;
padding-top:15px;
padding-right:40px;
}
#message a:hover {color:#333;}
#message a:active {color:rgb(150,45,62);}
#message a:visited {color:rgb(150,45,62);}
#message a:link {color:rgb(150,45,62);}
#messagex a:hover {color:#333;}
#messagex a:active {color:rgb(150,45,62);}
#messagex a:visited {color:rgb(150,45,62);}
#messagex a:link {color:rgb(150,45,62);}
#message2 { width:350px; }
#message2 h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#message2 p {color:#666; font-size:21px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-top:35px; padding-right:40px;}
#message2 h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
#message2 a:hover {color:#333;}
#message2 a:active {color:rgb(150,45,62);}
#message2 a:visited {color:rgb(150,45,62);}
#message2 a:link {color:rgb(150,45,62);}
#message2main {width:600px; float:right; }
#message4 { width:750px; }
#message4 h1 {
color:rgb(150,45,62);
font-size:35px;
font-family: Din, Verdana, Arial, sans-serif;
text-align:left;
line-height:0.8em;
}
#message4 p {color:#666; font-size:21px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-top:35px; padding-right:40px;}
#message4 h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
#message4 a:hover {color:#333;}
#message4 a:active {color:rgb(150,45,62);}
#message4 a:visited {color:rgb(150,45,62);}
#message4 a:link {color:rgb(150,45,62);}
#message4main {width:200px; float:right; }
#message4main img {margin-top:70px;}
#message4main a:hover {color:#333;}
#message4main a:active {color:rgb(150,45,62);}
#message4main a:visited {color:rgb(150,45,62);}
#message4main a:link {color:rgb(150,45,62);}
#message4main p {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-top:15px; }
#message5main {width:600px; float:right; }
#message5main img {margin-top:70px;}
#message5main a:hover {color:#333;}
#message5main a:active {color:rgb(150,45,62);}
#message5main a:visited {color:rgb(150,45,62);}
#message5main a:link {color:rgb(150,45,62);}
#message5main p {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-right:40px;}
#message6main {width:670px; float:right; }
#message6 { width:280px; }
#message6 h1 {color:rgb(150,45,62); font-size:45px; font-family: Din, Verdana, Arial, sans-serif; text-align:left; line-height:0.8em;}
#message6 p {color:#666; font-size:21px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-top:35px; padding-right:40px;}
#message6 h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
#message6 a:hover {color:#333;}
#message6 a:active {color:rgb(150,45,62);}
#message6 a:visited {color:rgb(150,45,62);}
#message6 a:link {color:rgb(150,45,62);}
.folio_title {width:960px; height:30px; text-align:left;}
.folio_folio {width:960px; height:400px; }
.folio_title h1 {color:rgb(150,45,62); font-size:21px; font-family: Din, Verdana, Arial, sans-serif; text-align:left; line-height:0.8em;}
.folio_title p {color:#666; font-size:21px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.5em; padding-top:35px; padding-right:40px;}
.folio_title h2 {color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.2em; padding-top:10px; padding-right:40px;}
.folio_title a:hover {color:#333;}
.folio_title a:active {color:rgb(150,45,62);}
.folio_title a:visited {color:rgb(150,45,62);}
.folio_title a:link {color:rgb(150,45,62);}
.folio_title_span {color:#666; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-align:left; }
.folio_title_title_span {color:rgb(150,45,62); font-size:24px; font-family: Din, Verdana, Arial, sans-serif; text-align:left;}
.homelinks a:link {color:rgb(150,45,62);}
.homelinks a:visited {color:rgb(150,45,62);}
.homelinks a:active {color:rgb(150,45,62);}
.homelinks a:hover {color:#333;}
#content {width:678px;display: inline;}
#contenttc {width:658px;display: inline; float:left;}
#contenttc p {color:#666; font-size:18px; font-family: Din, Verdana, Arial, sans-serif; line-height:0.8em; text-align:left;}
#content p {color:#666; font-size:18px; font-family: Din, Verdana, Arial, sans-serif; line-height:0.8em;}
#content_Spacer {width:40px; height:400px; float:right;}
#home_Spacer {width:100px; height:20px;}
#tc {margin-left:658px; float:left; display:inline;}
#content1 {width:212px; text-align:right; float: left; display: inline;}
#content1 img{float:right; margin-bottom:10px; }
#content2 {width:424px; margin-left:20px; float: right; text-align:left;display: inline;}
#content7 {width:424px; float: right; text-align:left;display: inline;}
#content_row1 {width:239px; margin-top:10px; margin-bottom:15px; float:left;display: inline;}
#content_row3 {width:203px; margin-top:10px;margin-bottom:15px;float:left;display: inline;}
#content_row2 {width:183px; margin-top:10px;margin-bottom:15px;float:left;display: inline;}
#content_row4 {width:236px; margin-top:10px;margin-bottom:15px;float:left;display: inline; margin-right:99px;}
#content_thumb1 {width:239px; border:0; margin-top:3px; margin-bottom:25px;}
#content_thumb2 {width:183px; border:0; margin-top:3px; margin-bottom:25px;}
#content_thumb3 {width:203px; border:0; margin-top:3px; margin-bottom:25px;}
#content_thumb4 {width:236px; border:0; margin-top:3px; margin-bottom:25px; margin-right:99px;}
#content3 {width:658px; float:left; text-align:left;display: inline;}
#content4 {width:414px; margin-right:20px; float: left; text-align:left;display: inline;}
#content5 {width:212px; text-align:right; float: right; display: inline; background-color:#F0F8FF;padding:5px;}
#content6 {width:212px; text-align:right; float: right; display: inline; }
#content3a {width:658px; height:40px;}
#content3b {width:658px;}
#contenthomeright {width:212px; text-align:right; float: right; display: inline;}
#contenthomeright img {margin-top:40px;}
#package1 {width:280px; }
#package2 {width:280px; margin-left:10px; float:right;}
#package1a {width:270px; height:180px; padding:15px; background-color:#F0F8FF;}
#package1b {width:270px; height:180px; margin-top:20px;padding:15px;background-color:#F0F8FF;}
#package2a {width:270px; height:180px; padding:15px;background-color:#F0F8FF;}
#package2b {width:270px; height:180px; margin-top:20px;padding:15px;background-color:#F0F8FF;}
.red {color:rgb(150,45,62); line-height:1.1em;font-size:1.4em;}
.red2 {color:rgb(150,45,62); line-height:1.1em; font-size:1.4em;}
#links {width:202px; float:right; text-align:left;}
#links li{list-style: none; display:block; color:#333; margin-left:0; margin-top:5px; padding:0;}
#links ul{text-align:left;margin:0; }
.about { color:#333;font-weight : bold; font-size:38px; line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.clients { color:#333;font-weight : bold; font-size:30px;line-height:0.6; font-family: Din, Verdana, Arial, sans-serif;}
.contact { color:#333;font-weight : bold; font-size:27px;line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.print { color:rgb(150,45,62);font-weight : bold; font-size:60px;line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.screen { color:rgb(150,45,62);font-weight : bold; font-size:43px;line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.media { color:rgb(150,45,62);font-weight : bold; font-size:55px;line-height:0.6; font-family: Din, Verdana, Arial, sans-serif;}
.bundles { color:#333;font-weight : bold; font-size:25px; line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.blog { color:#333;font-weight : bold; font-size:44px;line-height:0.6; font-family: Din, Verdana, Arial, sans-serif;}
.twitter { color:#999;font-weight : bold; font-size:30px;line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.facebook { color:#999;font-weight : bold; font-size:25px;line-height:0.7; font-family: Din, Verdana, Arial, sans-serif;}
.chat { color:#ccc;font-weight : bold; font-size:16px;line-height:0.8; font-family: Din, Verdana, Arial, sans-serif;}
.about a:link {color:#333;}
.about a:visited {color:#333;}
.about a:active {color:#333;}
.about a:hover {color:rgb(150,45,62);}
.clients a:link {color:#333;}
.clients a:visited {color:#333;}
.clients a:active {color:#333;}
.clients a:hover {color:rgb(150,45,62);}
.contact a:link {color:#333;}
.contact a:visited {color:#333;}
.contact a:active {color:#333;}
.contact a:hover {color:rgb(150,45,62);}
.bundles a:link {color:#333;}
.bundles a:visited {color:#333;}
.bundles a:active {color:#333;}
.bundles a:hover {color:rgb(150,45,62);}
.blog a:link {color:#333;}
.blog a:visited {color:#333;}
.blog a:active {color:#333;}
.blog a:hover {color:rgb(150,45,62);}
.print a:link {color:rgb(150,45,62);}
.print a:visited {color:rgb(150,45,62);}
.print a:active {color:rgb(150,45,62);}
.print a:hover {color:#ccc;}
.screen a:link {color:rgb(150,45,62);}
.screen a:visited {color:rgb(150,45,62);}
.screen a:active {color:rgb(150,45,62);}
.screen a:hover {color:#ccc;}
.media a:link {color:rgb(150,45,62);}
.media a:visited {color:rgb(150,45,62);}
.media a:active {color:rgb(150,45,62);}
.media a:hover {color:#ccc;}
.twitter a:link {color:#999;}
.twitter a:visited {color:#999;}
.twitter a:active {color:#999;}
.twitter a:hover {color:rgb(150,45,62)}
.facebook a:link {color:#999;}
.facebook a:visited {color:#999;}
.facebook a:active {color:#999;}
.facebook a:hover {color:rgb(150,45,62)}
.chat a:link {color:#ccc;}
.chat a:visited {color:#ccc;}
.chat a:active {color:#ccc;}
.chat a:hover {color:rgb(150,45,62);}
#footer {position: relative;
margin-top: -70px; /* negative value of footer height */
height: 70px;
background:rgb(150,45,62);
clear:both;
color:#ffffff;}
.footer a:hover {color:#FF0}
.footer a:link {color:#FFF;}
.footer a:active {color:#FFF;}
.footer a:visited {color:#FFF;}
#footer_middle {width:960px; height:70px; margin:0px auto; text-align:left;}
#footer_text1 {font-size:0.95em; width:620px; height:50px; margin-top:10px; margin-left:0; color:#fff; text-align:left; float:left;line-height:1.5em;}
#footer_text2 {font-size:0.95em; width:300px; height:50px; margin-top:15px; margin-left:10px; color:#fff; text-align:left; float:right; line-height:1.5em;}
#footer_text1 p{
color:ffffff;
}
#footer_text2 p{color:#999;}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
@font-face {
font-family:Din;
src: url("DINBk.eot") /* EOT file for IE */
}
@font-face {
font-family:Din;
src: url("DINBk.ttf") /* TTF file for CSS3 browsers */
}
li {
width:80px;
margin:0;
padding:0;
line-height:1.9em;
position:relative; /* IE needs this inorder to recognize links in all
columns */
list-style-type: none;
}
.licol-1 {
margin-left:0px;
}
.licol-2 {
margin-left:60px;
}
.licol-3 {
margin-left:475px;
}
.licol-first {
margin-top:-64px;
}
.slide {
position:relative;
/* Set the width and the height according to the size of your pictures */
width:300px;
height:200px;
overflow:hidden;
float:left;
margin-right: 20px;
}
/* Paragraphs and Heading 2 styling, change according to your needs */
.slide p, .slide h2 {
color:#ffffff;
padding:0;
}
.slide p {
font-size:12px;
line-height:18px;
}
.slide h2 {
font-size:18px;
line-height:24px;
}
/* For all the following markup, you'll see each time 4 lines setting
the sliding effect (-webkit-transition, -moz-transition, -o-transition
and transition), the values set the direction of the slide, the duration
and the effect */
/* Other markup sets the positionning and margins. On mouse hover, you'll
see additional paddings which differ according to the direction of the slide.
It creates an empty space when the image is pushed away and keeps the "hover"
state enabled, otherwise the image would slide back right after. */
/* 1. Sliding Up */
.moveup img {
position:absolute;
left:0;
top:0;
-webkit-transition: top 0.4s ease-in-out;
-moz-transition: top 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out;
transition: top 0.4s ease-in-out;
}
.moveup img.top:hover {
top:-200px;
padding-bottom:200px;
}
/* 2. Sliding Left */
.moveleft img {
position:absolute;
left:0;
top:0;
-webkit-transition: left 0.4s ease-in-out;
-moz-transition: left 0.4s ease-in-out;
-o-transition: left 0.4s ease-in-out;
transition: left 0.4s ease-in-out;
}
.moveleft img.top:hover {
left:-300px;
padding-right:300px;
}
/* 3. Sliding Right */
.moveright img {
position:absolute;
right:0;
top:0;
-webkit-transition: right 0.4s ease-in-out;
-moz-transition: right 0.4s ease-in-out;
-o-transition: right 0.4s ease-in-out;
transition: right 0.4s ease-in-out;
}
.moveright img.top:hover {
right:-300px;
padding-left:300px;
}
/* 4. Sliding Down */
.movedown img {
position:absolute;
left:0;
bottom:0;
-webkit-transition: bottom 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out;
}
.movedown img.top:hover {
bottom:-200px;
padding-top:200px;
}
/* 5. Sliding Up & Left */
.moveupleft img {
position:absolute;
left:0;
top:0;
-webkit-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
-moz-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
transition: top 0.4s ease-in-out, left 0.4s ease-in-out;
}
.moveupleft img.top:hover {
top:-200px;
left:-300px;
padding-bottom:200px;
padding-right:300px;
}
/* 6. Sliding Up & Right */
.moveupright img {
position:absolute;
right:0;
top:0;
-webkit-transition: top 0.4s ease-in-out, right 0.4s ease-in-out;
-moz-transition: top 0.4s ease-in-out, right 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out, right 0.4s ease-in-out;
transition: top 0.4s ease-in-out, right 0.4s ease-in-out;
}
.moveupright img.top:hover {
top:-200px;
right:-300px;
padding-bottom:200px;
padding-left:300px;
}
/* 7. Sliding Down & Left */
.movedownleft img {
position:absolute;
left:0;
bottom:0;
-webkit-transition: bottom 0.4s ease-in-out, left 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out, left 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out, left 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out, left 0.4s ease-in-out;
}
.movedownleft img.top:hover {
bottom:-200px;
left:-300px;
padding-top:200px;
padding-right:300px;
}
/* 8. Sliding Down & Right */
.movedownright img {
position:absolute;
right:0;
bottom:0;
-webkit-transition: bottom 0.4s ease-in-out, right 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out, right 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out, right 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out, right 0.4s ease-in-out;
}
.movedownright img.top:hover {
bottom:-200px;
right:-300px;
padding-top:200px;
padding-left:300px;
}
/* 9. Sliding 50% Up */
.moveup50 img {
position:absolute;
left:0;
top:0;
-webkit-transition: top 0.4s ease-in-out;
-moz-transition: top 0.4s ease-in-out;
-o-transition: top 0.4s ease-in-out;
transition: top 0.4s ease-in-out;
}
.moveup50 img.top:hover {
top:-100px;
padding-bottom:100px;
}
.half {margin-top:100px;}
/* 10. Sliding 50% Down */
.movedown50 img {
position:absolute;
left:0;
bottom:0;
-webkit-transition: bottom 0.4s ease-in-out;
-moz-transition: bottom 0.4s ease-in-out;
-o-transition: bottom 0.4s ease-in-out;
transition: bottom 0.4s ease-in-out;
}
.movedown50 img.top:hover {
bottom:-100px;
padding-top:100px;
}
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:6px;}
div.clear {clear:both;padding-top:5px;}
input {
background-color: fff;
font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
color: rgb(150,45,62);
padding: 4px;
border: 0;
}
form {
border: 0;
padding: 5px;
}
#slider0 {
width: 960px; /* important to be same as image width */
height: 400px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#slider0Content {
width: 960px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.slider0Image {
float: left;
position: relative;
display: none;
}
.slider0Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 960px;
background-color: rgb(150,45,62);
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.slider0Image span strong {
font-size: 14px;
margin-top:3px;
line-height:0.5em;
}
.leftio {
top: 370px;
left: 0;
width: 960px !important;
height: 10px;
}
.rightio {
right: 0;
bottom: 0;
width: 110px !important;
height: 400px;
}
ul { list-style-type: none;}