/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ general css */

body{
margin:0px;
padding:0px;
text-align:left;
background-color:#FFFFFF;
background-image:url(/images/bg_body.gif);
background-repeat:repeat;
background-position:left top;
font-family:Trebuchet MS, Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:13px;
color:#000000;
line-height:18px;
}

html, body {height: 100%;}

a{
font-family:Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#FF4A6F;
font-weight:normal;
text-decoration:none;
}
a:hover{ text-decoration:underline;}

img{ border:0px; padding:0px 0px 0px 0px; }
a:hover{ text-decoration:underline; }
h1, h2, h3, h4, p{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }

p{ padding-bottom:10px; }

h1, h1 a, h1 a:hover{
font-family:Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:18px;
line-height:21px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding-bottom:10px;
}

h2{
font-family:Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:28px;
line-height:30px;
color:#000000;
font-weight:normal;
text-decoration:none;
padding-bottom:25px;
}

h3{
font-family:Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:13px;
line-height:15px;
color:#000000;
font-weight:bold;
text-decoration:none;
padding-bottom:10px;
}

#page{ width:870px; background-color:#FFFFFF; }
#page .page-wrapper{ padding:0px 10px 0px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top css */

#top{ height:83px; position:relative;  }
#top .logo{ position:absolute; top:20px; left:13px; }
#top .pink-rectangle{ position:absolute; top:52px; left:690px; 
width:101px; height:8px; background-color:#FF0066; z-index:10;
}

#top .logo a{
font-family:Georgia, Arial, Verdana, Georgia, Times New Roman, Helvetica, sans-serif;
font-size:22px;
line-height:24px;
font-weight:bold;
font-style: italic;
color:#000000;
text-decoration:underline;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ share-this css */
             
#share-this{}
#share-this a{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:10px;
color:#9B9793;
font-weight:normal;
text-decoration:underline;
}
             
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */

#top-nav{ 
position:absolute; top:57px; left:0px; 
width:100%;height:26px;
background-color:#000000;
background-image:url(/images/bg_top_nav.gif);
background-repeat:no-repeat;
background-position:right top;
z-index:5;
}
#top-nav .top-nav-wrapper{ padding:10px 0px 0px 170px; }
#top-nav a{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#D4D4D4;
font-weight:bold;
text-decoration:none;
text-transform: lowercase;
padding:0px 25px 0px 0px;
}
#top-nav a:hover{ text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ order-nav css */

#order-nav{ position:absolute; top:67px; left:690px; z-index:10;}
#order-nav a{
font-family:Verdana, Arial, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#D4D4D4;
font-weight:bold;
text-decoration:none;
padding:0px 25px 0px 0px;
}
#order-nav a:hover{ text-decoration: none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#header{ height:145px; position:relative;  display:none;}
#header .subtitle{ color:#A3A09C; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header-nav css */

#header-nav{ 
width:530px; height:25px;
background-image:url(/images/header_nav_bg_530x25.gif);
background-repeat:no-repeat;
background-position:left top;
position:absolute; top:116px; left:0px; 
}

#header-nav .design{ position:absolute; top:0px; left:10px; }
#header-nav .identity{ position:absolute; top:0px; left:131px; }
#header-nav .print{ position:absolute; top:0px; left:303px; }
#header-nav .pakages{ position:absolute; top:0px; left:376px; }
#header-nav .order{ position:absolute; top:0px; left:467px; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */

#inner-header-holder{ margin-left:155px; }

#inner-header{
border-top:2px solid #928D86;
border-bottom:1px solid #544E46;
}

#inner-header .wrapper{ padding:20px 0px 20px 0px; }
#inner-header .link{ float:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle css */

#middle{width:860px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content css */

#content{ width:640px; float:left; }
#content .content-wrapper{ padding:35px 0px 30px 170px; }
#content .image-header{ padding:0px 0px 20px 0px; }

#content .left{ width:230px; float:left;}
#content .right{ width:380px; float:left;}
#content .rounded{ width:186px; text-align:center; background-color:#fff ; padding:10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right css */

#right{ width:220px; float:left; }
#right .right-wrapper{ padding:50px 0px 30px 0px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav styles */

#right-nav{}

#right-nav .title{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#633709;
font-weight:bold;
text-decoration:none;
text-transform: uppercase;
padding-bottom:10px;
}

#right-nav ul{ 
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
list-style-type:none; display:block;
}

#right-nav ul li{
padding:0px 0px 5px 0px;
line-height: 11px;
}
 
#right-nav ul li a{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#DAC694;
font-weight:normal;
text-decoration:none;
}

#right-nav ul li a:hover{ text-decoration: underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ float-nav styles */

#float-nav{ 
position:fixed; top:400px; left:860px; 
background-color:#000; opacity:.60; 
border:1px solid #9E9E9E; border-left:10px solid #5E5E5E;
width:250px;

}
#float-nav .float-nav-wrapper{ padding:10px;}

#float-nav ul{ 
margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; 
list-style-type:none; display:block;
z-index:10;
}

#float-nav ul li{
}
 
#float-nav ul li a{
font-family:Arial, Verdana, Times New Roman, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#E3E3E3;
font-weight:normal;
text-decoration:none;
padding:0px 0px 0px 10px;
}

#float-nav ul li a:hover{ text-decoration: underline;
background-image:url(/images/bullet_4x6.gif);
background-repeat:no-repeat;
background-position:left 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */

#footer{ height:80px; position:relative; margin-left:170px;}
#footer .copy{ position:absolute; top:35px; left:75px; }
#footer .line{ position:absolute; top:30px; left:70px; background-color:#000000; width:370px;}
#footer .seal{ position:absolute; top:0px; left:0px; }

#footer, #footer .copy{
font-family:Verdana, Arial, Times New Roman, Georgia, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
color:#000000;
font-weight:normal;
text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer-nav css */

#footer-nav{ position:absolute; top:15px; left:70px; width:500px;}

#footer-nav a{ padding:0px 5px; }

#footer-nav, #footer-nav a{
font-family:Verdana, Arial, Times New Roman,Georgia,  Helvetica, sans-serif;
font-size:10px;
line-height:12px;
font-weight:normal;
color:#000000;
text-decoration:none;
}

#footer-nav a:hover{ text-decoration:underline; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */

.magic{ clear:both; }
.clrlft{ clear:left; }
.clrrt{ clear:right; }
.option-float{ float:left; width:200px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ 

#contact-form{ margin-left:20px; padding-bottom:20px; padding-top:20px; } 
#contact-form #company-lead-form{}
#contact-form #company-lead-form p{color:#FF0000;}
#contact-form #company-lead-form table{border:0px; margin:0px;}
#contact-form #company-lead-form table tr td{ font-family:Arial, Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; color:#272A31; padding:2px; line-height:15px; }
#contact-form #company-lead-form table tr .column1{ text-align:left; padding-left:10px; width:230px; line-height:14px; }
#contact-form #company-lead-form table tr .column2{ text-indent:5px; } 
#contact-form #company-lead-form table tr .column1-error{ text-align:right; color:#FF0000; }
#contact-form #company-lead-form table tr td input, #contact-form #company-lead-form table tr td select, #contact-form #company-lead-form table tr td textarea{ font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;  font-weight:normal; text-decoration:none; color:#000;  border:1px solid #333; width:220px; height:22px; background-color:#fff !important; margin-bottom:5px;}
#contact-form #company-lead-form table tr td .phone1{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone2{ width:61px !important; }
#contact-form #company-lead-form table tr td .phone3{ width:70px !important; }
#contact-form #company-lead-form table tr td select{}
#contact-form #company-lead-form table tr td textarea{ height:120px !important; }
#contact-form #company-lead-form table tr td .submitbutton{ width:auto; height:auto; border:none; }

#logodesign-item{ width:805px; border-bottom:5px solid #83765B; }
#logodesign-item .wrapper{ padding:25px 0px 25px 0px; }
#logodesign-item .image{ width:200px; float:left; }
#logodesign-item .text{ width:600px; float:left; }