????
| Current Path : /home2/morganrand/www/party-favors_files/ |
| Current File : /home2/morganrand/www/party-favors_files/main.css |
@charset "utf-8";
/* CSS Document */
/* Main Interface */
body
{
background-color: #FFFFFF;
color: #666666;
font-family: "Times New Roman",Georgia,Serif;
font-style: italic;
}
#custom-doc
{
background-color: #ffffff;
text-align: left;
width: 900px;
}
@font-face {
font-family: lane;
src: url("fonts/lane.ttf") /* EOT file for IE */
}
@font-face {
font-family: tabitha;
src: url("fonts/tabitha.ttf") ;
font-weight: normal;
}
p
{
font-style: normal;
color: #333333;
font-size: 16px;
}
#hd img
{
float:left;
}
h1
{
font-size: 36px;
color: #cc3366;
font-weight: bold;
float: left;
margin-top: 10px;
font-family: lane;
font-style: italic;
line-height: 36px;
margin-bottom: 10px;
}
.clearfix {
overflow: auto;
zoom: 1;
}
.margin-top-lg {
margin-top:30px;
}
.margin-btm-sm {
margin-bottom: 10px;
}
.margin-btm-lg {
margin-bottom: 30px;
}
.row {
display: block;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.float-no {
float: none;
}
.inline-block {
display: inline;
display: inline-block;
}
h2, .header-title
{
color:#CC3366;
font-size:20px;
}
h3
{
color:#CC3366;
font-size:16px;
}
#mainNav
{
background-color: #c36;
text-align: center;
clear: both;
padding: 0px;
height: 30px;
margin-top: 2px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#sweet-sixteen li
{
list-style-type: decimal;
list-item-position:inside;
}
.clear
{
clear:both;
}
a
{
color: #CC3366;
text-decoration: none;
font-size: 14px;
}
a:hover
{
color:
text-decoration: none
}
/* Navigation */
ul
{
padding:0px;
margin:0px;
}
#mainNav p
{
margin-top: 5px;
font-size:18px;
}
#sideNav, #mainNav, #footerLinks, #footerInfo
{
text-align:center;
}
#footerLinks li, #footerInfo li
{
display: inline;
margin-left:20px;
font-size:16px;
list-style-type:none;
}
#footerLinks li, #footerInfo li
{
font-weight: bold;
line-height: 30px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-decoration: none;
}
#mainNav a, #footerInfo a
{
color:#FFFFFF;
}
#sideNav a
{
color: #414141;
font-size: 12px;
line-height: 16px;
}
#sidebarNav ul, p
{
margin:5px;
}
#sideNav
{
background-color: #F4F2F3;
width: 165px;
font-weight: bold;
font-size: 14px;
text-align: left;
float: left;
padding-top: 20px;
padding-right: 17px;
padding-bottom: 17px;
padding-left: 17px;
}
#sideNav p
{
color:#CC3366;
font-style:italic;
}
#sideNav li
{
list-style-type: none;
font-size: 12px;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
#sideNav ul
{
border-bottom: 1px solid #CC3366;
margin-top: 25px;
padding-bottom: 15px;
zoom: 1;
}
#ft #footerLinks a
{
color:#CC3366;
}
#footerLinks
{
background-color: #DDDBDC;
padding: 0px;
height: 30px;
width: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
clear: left;
}
#footerInfo
{
background-color: #c36;
padding: 0px;
height: 30px;
margin-top: 0px;
margin-bottom: 0px;
width: 900px;
margin-right: auto;
margin-left: auto;
}
blockquote
{
padding-top:50px;
}
/* content */
#call
{
background-color: #FDFCF7;
font-size: 24px;
width: 690px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
color: #cc3366;
}
#call p
{
color: #FFFFFF;
font-size: 22px;
padding: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#sweet-sixteen
{
float: left;
width: 900px;
margin-top: 25px;
margin-right: 10px;
padding: 0px;
height: 300px;
margin-bottom: 0px;
margin-left: 0px;
}
#sweet-sixteen img
{
float:left;
margin-right: 5px;
margin-top: 15px;
}
#sweet-sixteen p
{
margin-top: 0px;
margin-right: 10px;
margin-bottom: 7px;
margin-left: 0px;
}
#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: left;
margin-top: 13px;
margin-bottom: 10px;
width: 300px;
}
#about-centerpieces h3
{
margin-top:5px;
}
#centerpiece-slideshow
{
float: right;
margin-top: 13px;
margin-left: 0px;
width: 540px;
}
#centerpiece-slideshow h2, p
{
margin-bottom: 10px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
#about-design-tool
{
float: left;
width: 890px;
z-index: 100px;
}
#callFooter
{
background-color: #cc3366;
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: 0px;
padding: 0px;
}
#sliderContent h3
{
font-size: 33px;
color: #CC3366;
margin: 10px 10px 10px 10px;
font-style: italic;
font-weight: bold;
font-family: "Times New Roman", Georgia, Serif;
line-height: 33px;
}
#sliderContent p
{
margin: 15px 10px 15px 10px;
font-size: 14px;
color:#666;
font-weight:bold;
font-style:italic;
font-family:"Times New Roman",Georgia,Serif;
}
#slider {
width: 700px; /* important to be same as image width */
height: 503px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin: 0px;
padding: 0px;
float: left;
}
#sliderContent {
width: 700px; /* important to be same as image width or wider */
position: absolute;
top: 0;
font-style: italic;
margin: 0px;
padding: 0px;
height: 503px;
}
.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;
z-index: 10;
}
/* 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;
z-index: 10;
}
a img, a, img {
border: none;
}
.ws-title {
display:none;
}
#middleofpage h2 {
color: #cc3366;
font-size: 21px;
font-weight: normal;
font-style: normal;
text-align: left;
margin-top: 20px;
}
#text h2 {
color: #cc3366;
font-size: 21px;
font-weight: normal;
font-style: normal;
text-align: left;
margin-top: 20px;
}
#middleofpage p {
text-align:left;
}
#social {
width: 160px;
float: left;
text-align: left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
left: 0px;
top: 200px;
padding: 0px;
}
#color2 {
width: 302px;
margin: 0;
padding: 0;
float: right;
}
#color2 ul.thumb {
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
z-index: 100;
}
#bottomofpage h3 {
color: purple;
float: left;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-align: left;
text-align: center;
width: 205px;
font-family: Arial, Helvetica, sans-serif;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
margin-right: 0px;
margin-left: 45px;
padding-right: 45;
}
#plus-centerpiece img {
float:left;
}
#callFooter2 {
float: right;
font-size: 24px;
margin-top: 10px;
text-align: center;
width: 220px;
margin-bottom: 10px;
}
#callFooter2 p {
color:#fff;
font-size:24px;
font-weight:bold;
}
#page {
width: 888px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
overflow: hidden;
}
.yui-b {
width:200px;
height:600px;
background-color:#f4f2f3;
float:left;
}
#slides {
width:688px;
float:left;
}
#sideNav ul {
font-style: normal;
margin-top: 0px;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 15px;
padding-left: 0px;
}
#sideNav p {
padding: 0;
font-size: 14px;
height: 25px;
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
#sideNav ul a:hover {
color: #CC3366;
}
#sideNav {
padding-top: 1px;
font-size: 12px;
overflow: hidden;
}
#mainNav li {
font-style: normal;
font-weight: bold;
font-size: 14px;
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10;
margin-left: 15px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
line-height: 29px;
display: inline;
margin-left: 20px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#mainNav li a {
text-decoration:none;
}
#mainNav li a:hover {
text-decoration:underline;
}
#sideNav h2 {
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
font-weight: bolder;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#call .title {
padding: 0px;
line-height: 25px;
font-size: 22px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
text-align: center;
}
#content {
padding: 0px;
float: right;
height: 1000px;
width: 647px;
text-align: left;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
}
#content h1 {
font-family: lane;
font-size: 36px;
font-weight: bold;
color: #C36;
margin: 0px;
padding: 0px;
}#content2 {
text-align: center;
margin: 0px;
padding: 0px;
float: left;
}
#content2 h1 {
font-family: lane;
font-size: 36px;
font-weight: bold;
color: #C36;
}
#content p {
font-family: AppleGaramond;
font-size: 18px;
margin: 0px;
padding: 0px;
}
#content2 p {
font-family: AppleGaramond;
font-size: 18px;
width: inherit;
text-align: left;
}
#imagecontainer,.imagecontainer {
margin: 0px;
padding: 0px;
height: 200px;
width: 187px;
float: left;
}
#miniquestion,.miniquestion {
padding: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-top: 0px;
}
#miniquestion h1,.miniquestion h1 {
margin: 0px;
padding: 0px;
}
#imagecontainer p,.imagecontainer p {
margin: 0px;
padding: 0px;
text-align: center;
}
#description {
padding: 0px;
background-color: #FFF;
width: 900px;
margin-top: 210px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#copyright {
padding: 0px;
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-size: 12px;
font-style: normal;
text-align: center;
}
.style1 {
color: #FFFFFF
}
#sidenav p{
margin-left:5px;
}
#design-tool-intro {
height:450px;
background-image:url(images/design_centerpiece/design-table.jpg);
background-repeat:no-repeat;
background-position:bottom left;
margin-bottom:100px;
}
#design-tool-intro strong{
font-weight:bolder;
}
#design-tool-flash{
margin-top:-20px;
float:right;
}
#plus-image{
float:left;
width:550px;
}
#themefooter {
margin: 0px;
padding: 0px;
height: 50px;
width: 888px;
float: left;
}
.style1 {
color: #FFFFFF
}
#sidenav p{
margin-left:5px;
}
#design-tool-intro {
height:450px;
background-image:url(images/design_centerpiece/design-table.jpg);
background-repeat:no-repeat;
background-position:bottom left;
margin-bottom:100px;
}
#design-tool-intro strong{
font-weight:bolder;
}
#design-tool-flash{
margin-top:-20px;
float:right;
}
#plus-image{
float:left;
width:550px;
}
.iframegallery {
margin: 0px;
padding: 0px;
height: 503px;
width: 700px;
overflow: hidden;
}
.h1font {
font-family: lane;
font-style: normal;
font-weight: bolder;
color: #cc3366;
padding: 0px;
width: 450px;
height: auto;
line-height: 36px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
#banquettop {
background-color: #FFF;
float: left;
height: 315px;
width: 430px;
padding: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
overflow: hidden;
}
#banquetbox {
background-color: #FFF;
float: left;
height: 200px;
width: 410px;
padding: 0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
overflow: hidden;
}
#banquetleft {
padding: 0px;
float: left;
height: 260px;
width: 430px;
background-color: #FFF;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 20px;
background-repeat: no-repeat;
overflow: hidden;
}
#banquetright {
padding: 0px;
float: left;
height: 230px;
width: 430px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 0px;
background-image: url(../images/banquets/filling.jpg);
}
#banquetmid {
padding: 0px;
float: left;
height: 460px;
width: 900px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
}
#banquetbottom {
background-color: #999;
margin: 0px;
padding: 0px;
float: left;
height: 300px;
width: 900px;
}
#banquetmidright {
padding: 0px;
width: 410px;
height: 430px;
float: left;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
.collapse
{
display:none;
}
#premiddle {
margin: 0px;
padding: 0px;
float: left;
}
#framecontainer {
margin: 0px;
padding: 0px;
float: left;
}
#entrytext {
margin: 0px;
padding: 0px;
height: 75px;
width: 888px;
}
.testimonial p span {
font-family: Redressed;
font-size: 30px;
color: #cc3366;
line-height: 30px;
}
/* Wedding Favors page */
.slider-call-btn {
margin-left: 60px;
}
.call-btn {
margin-top: 43px;
}
.about-centerpieces-infort {
margin-left: 30px;
}
.about-centerpieces-info {
width: 300px;
}