????
| Current Path : /home2/morganrand/www/coupon/css/ |
| Current File : /home2/morganrand/www/coupon/css/main.css-03182013 |
@charset "utf-8";
/* CSS Document */
@font-face {
font-family: LaneNarrow;
src: url("lanenarrow.eot") /* EOT file for IE */
}
@font-face {
font-family: LaneNarrow;
src: url("lanenarrow.ttf") /* TTF file for CSS3 browsers */
}
/* Main Interface */
body
{
background-color:#FFFFFF;
color:#666666;
font-family:Arial, Helvetica,sans-serif;
}
#custom-doc
{
background-color:#ffffff;
text-align:left;
width:68.69em;
*width:67.04em;
min-width:893px;
margin:auto;
text-align:left;
}
p
{
font-style:normal;
color: #666666;
font-size:16px;
}
#hd img
{
float:left;
}
h1
{
font-size:24px;
color:#f1bbd4;
font-weight:bold;
float:left;
margin-top:10px;
font-family:LaneNarrow,Arial, Helvetica, sans-serif;
}
h2
{
color:#CC3366;
font-size:20px;
font-family:LaneNarrow,Arial, Helvetica, sans-serif;
}
h3
{
color:#CC3366;
font-size:16px;
font-family:LaneNarrow,Arial, Helvetica, sans-serif;
}
#mainNav
{
background-color:#f1bbd4;
text-align:center;
clear:both;
}
#sweet-sixteen li
{
list-style-type: decimal;
list-item-position:inside;
}
.clear
{
clear:both;
}
a
{
color:#CC3366
}
a:hover
{
color:
}
/* Navigation */
ul
{
padding:0px;
margin:0px;
}
#mainNav p
{
margin-top: 5px;
font-size:18px;
}
#sideNav, #mainNav, #footerLinks, #footerInfo
{
text-align:center;
}
#mainNav li, #footerLinks li, #footerInfo li
{
display: inline;
margin-left:20px;
font-size:16px;
list-style-type:none;
}
#footerLinks li, #footerInfo li
{
font-weight:bold;
}
#mainNav a, #footerInfo a
{
color:#FFFFFF;
}
#sideNav a
{
color:#8E8E8E;
}
#sidebarNav ul, p
{
margin:5px;
}
#sideNav
{
background-color:#F4F2F3;
width:165px;
font-weight:bold;
padding: 20px 17px 20px 17px;
font-size:14px;
text-align:left;
}
#sideNav p
{
color:#CC3366;
}
#sideNav li
{
list-style-type:none;
font-size:13px;
}
#sideNav ul
{
border-bottom:1px solid #CC3366;
margin-top:25px;
padding-bottom:15px;
}
#ft #footerLinks a
{
color:#CC3366;
}
#footerLinks
{
background-color:#DDDBDC;
}
#footerInfo
{
background-color:#f1bbd4;
}
blockquote
{
padding-top:50px;
}
/* content */
#call
{
background-color:#f1bbd4;
font-size:24px;
width: 691px;
margin-left: 10px;
}
#call p
{
font-family:LaneNarrow,Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:24px;
padding:20px;
font-weight:bold;
}
#sweet-sixteen
{
float:left;
width:580px;
margin-top:25px;
margin-right: 10px;
}
#sweet-sixteen img
{
float:left;
margin-right: 5px;
margin-top: 15px;
}
#sweet-sixteen p
{
margin:0px 10px 7px 10px;
}
#sweet-sixteen ol
{
padding-top: 0px;
list-style-type:decimal;
margin-left: 20px;
}
#sweet-sixteen li
{
font-size:18px;
margin-left: 35px;
}
#sweet-sixteen h4
{
font-weight:bold;
margin-top:10px;
font-size:16px;
}
#sweet_slideshow
{
float:left;
width: 572px;
margin-top: 18px;
}
#sweet_slideshow h2
{
margin: 25px 0px 0px 15px;
}
#about-centerpieces
{
float:right;
margin-top:25px;
margin-bottom:10px;
width:300px;
}
#about-centerpieces h3
{
margin-top:5px;
}
#centerpiece-slideshow
{
float:left;
margin-top:33px;
margin-left:0px;
width: 540px;
}
#centerpiece-slideshow h2, p
{
margin-bottom: 10px;
}
#about-design-tool
{
float:left;
margin: 56px 0px 30px 0px;
width: 540px;
z-index:100px;
}
#callFooter
{
background-color:#f1bbd4;
font-size:24px;
float:right;
padding:30px 0px 30px 0px;
width:300px;
text-align:center;
margin-top:40px;
}
#callFooter p
{
color:#FFFFFF;
font-size:24px;
font-weight:bold;
}
#color
{
margin-top:67px;
margin-bottom:50px;
}
/*coporate*/
#banquet
{
}
#banquet li
{
list-style-type:disc;
}
/*slider*/
#slider
{
margin-left:10px;
}
#sliderContent h3
{
font-size: 30px;
color:#CC3366;
margin:10px 10px 10px 10px;
font-weight:bold;
font-family:LaneNarrow,Arial, Helvetica,sans-serif;
}
#sliderContent p
{
margin: 15px 10px 15px 10px;
font-size: 14px;
color:#666;
font-weight:bold;
font-family:LaneNarrow,Arial, Helvetica,sans-serif;
}
#slider {
width: 691px; /* important to be same as image width */
height: 503px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent {
width: 691px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 691px;
background-color: #fff;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #666;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
/* color Gallery */
#color ul.thumb {
float: left;
list-style: none;
margin: 0;
padding: 0px;
}
#color ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 140px;
height: 121px;
}
#color ul.thumb li img {
width: 140px; height: 121px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
/* sweet gallery */
ul.thumb {
float: left;
list-style: none;
margin: 0;
padding: 5px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 140px;
height: 121px;
}
ul.thumb li img {
width: 140px; height: 121px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
/*TOP NAV*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);
/* Menu CSS */
#cssmenu {
width:888px;
position:relative;
z-index:10000000000;
}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a{
padding: 0;
margin: 0;
font-family:lanenarrow, Arial, Helvetica,sans-serif;
font-weight: bold;
font-size: 14px;
color: white;
text-transform:uppercase;
line-height:25px;
-webkit-transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
}
h5 {
font-family:LaneNarrow, times;
}
#cssmenu:before, #cssmenu:after, #cssmenu > ul:before, #cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after, #cssmenu > ul:after {
clear: both;
}
#cssmenu ul{
background: #cc3366;/*hot pink*/
border-radius: 3px;/*round corners*/
}
#cssmenu ul > li{
float: left;
list-style: none;
}
#cssmenu ul > li > a{
display: block;
text-decoration: none;
padding: 0px;
width:126px;
text-align:center;
}
#cssmenu ul > li > a:hover{
background: #6d6d6d; /*GRAY*/
}
#cssmenu > ul > li > ul{
opacity: 0;
visibility: hidden;
position: absolute;
width: 200px;
}
#cssmenu > ul > li:hover > ul{
opacity: 1;
visibility: visible;
position: absolute;
}
#cssmenu > ul > li > ul > li {
width:200px;
}
#cssmenu > ul > li > ul > li > a{
float: none;
position: relative;
width:170px;
text-align:left;
padding:5px 15px;
border-top:1px solid #f1bbd4;
text-transform:capitalize;
font-weight:normal;
}
#cssmenu > ul > li > ul > li > ul{
opacity: 0;
visibility: hidden;
position: absolute;
}
.has-sub a{
text-transform:lowercase;
color:red;
font:times;
}