/* Layout Stylesheet*/ 


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 
body{
margin: 0px;
padding: 0px;
background-image:url(/images/body_bg.gif);
background-color: #015E53;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:16px;
color: #484848;
font-weight:normal;
text-decoration:none;
background-attachment:fixed;
}

a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #4F4679;
font-weight:normal;
text-decoration:underline;
}

p{
margin:0;
padding:0;
}

h1, h2, h3, h4{
margin:0;
padding:0;
}

img{
border:0px;
padding:0px;
}

#page{
width:771px;
height: auto;
margin: 20px auto;
text-align:left;
background-color: #fff;
}

adiv{
border:1px solid #f00;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-header css */ 

#main-header{
height:367px;
font-family: Arial, Helvetica, sans-serif;
background-image:url(/images/main_header_bg_771x367.jpg);
position:relative;
}

#main-header .main-top-links{
width:180px;
float:left;
}

#main-header .logo{
padding-top:24px;
padding-left:19px;
padding-bottom:35px;
}

#main-header .main-top-option{
padding-left:10px;
height:56px;
}

#main-header .main-snippet1{
position:absolute;
top:235px;
left:190px;
width:160px;
height:130px;
}

#main-header .main-snippet2{
position:absolute;
top:235px;
left:360px;
width:160px;
height:130px;
}

#main-header .main-snippet3{
position:absolute;
top:240px;
left:540px;
height: 50px;
width:210px;
}

#main-header .main-snippet3 form{
margin:0px;
padding:0px;
}


#main-header .butt-holder{
position:absolute;
top:350px;
left:650px;
height:22px;
width:98px;
}

#main-header .main-snippet3 table tr td{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:0px;
padding:2px 5px 1px 0px;
}

#main-header .main-snippet3 table .column1{
width:40px;
text-align:right;
}

#main-header .main-baby-names{
position:absolute;
top:180px;
left:450px;
width:170px;
height:32px;
}

#main-header h2{
color:#FDBE01;
font-size:13px;
padding-bottom:6px;
}

#main-header h3{
color:#fff;
font-size:12px;
padding-bottom:14px;
}

#main-header p{
color:#FEFEFE;
padding-bottom:5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ order-form css */ 

#order-form{
position:absolute;
top:275px;
left:550px;
height: 30px;
}

#order-form table tr td{
color:#fff;
font-size:10px;
}

#order-form .input{
width:130px;
height:18px;
border:1px solid #443F75;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
text-decoration:none;
color: #62739E;
line-height:11px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-header css */ 

#top-nav{

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-header css */ 

#header{
height:192px;
background-image:url(/images/header_inner_bg_771x195.gif);
background-repeat:no-repeat;
background-position:top;
position:relative;
}

#header .logo{
position:absolute;
top:105px;
left:17px;
z-index:10;
}

#header .motto{
position:absolute;
top:90px;
left:517px;
z-index:10;
}

#header .top-nav{
height:53px;
padding-top:8px;
}

#header .top-option{
text-align:center;
width:195px;
float:left;
}

#header .header-image{
position:absolute;
top:50px;
left:4px;
}

#header .baby-names{
position:absolute;
top:150px;
left:520px;
width:170px;
height:32px;
z-index:10;
}

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

#middle{
background-image:url(/images/page_bg_771x5.gif);
background-repeat:repeat-y;
float:left;
}

.main-page{
background-image:url(/images/page_main_bg_771x5.gif) !important;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left css */ 

#left{
width:201px;
float:left;
}

#left .left-wrapper{
padding-left:4px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left nav */ 

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

#lft-nav ul li{
text-indent:6px;
margin:0px;
padding:0px;
border-left:6px solid #FCBD00;
}
 
#lft-nav ul li a{
color:#FC8505;
text-decoration:none;
font-weight:bold;
line-height:25px;
}

#lft-nav ul li ul{
} 

#lft-nav ul li ul li{
text-indent:17px;
border:none;
background-image:url(/images/lft_nav_arrow_6x7.gif);
background-repeat:no-repeat;
background-position:8px 4px;
} 

#lft-nav ul li ul li a{
font-weight:normal;
line-height:13px;
} 

#lft-nav ul li ul li ul{
} 

#lft-nav ul li ul li ul li{
text-indent:22px;
background:none;
} 

.group1{
border-left:6px solid #2053A2 !important;
}

.group1 a{
color:#2053A2 !important;
}

.group2{
border-left:6px solid #0DAF9A !important;
}

.group2 a{
color:#017B6C !important;
}

.group3{
border-left:6px solid #F22A11 !important;
}

.group3 a{
color:#F22A10 !important;
}

.group4{
border-left:6px solid #9B149F !important;
}

.group4 a{
color:#9B149F !important;
}

.group5{
border-left:6px solid #404F66 !important;
}

.group5 a{
color:#404040 !important;
}

.hot{
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-content css */ 

#main-content{
width:372px;
font-family:Arial;
float:left;
}

#main-content .content-wrapper{
padding:0px 10px 15px 15px;
}

#main-content h1{
color:#16A494;
font-family:Arial Narrow;
font-size:30px;
margin-bottom:25px;
}

#main-content h2{
font-size:12px;
font-weight:bold;
margin-top:2px;
margin-bottom:2px;
color:#FB009B;
}

#main-content p{
margin-bottom:25px;
color:#1F54A0;
}

#main-content .more-info{
width:165px;
float:left;
margin-right:5px;
}

#main-content .more-info h2{
height:30px;
background-image:url(/images/bullet_24x28.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:30px;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
color:#2054A0;
}

#main-content .more-info p{
margin-bottom:3px;
}

#main-content .more-info a{
font-family:Arial;
font-size:12px;
color:#E9800A;
}

.red-corner{
width:568px;
height:22px;
background-image:url(/images/red_corner_250x22.gif);
background-repeat:no-repeat;
background-position:right top;
float:right;
}

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

#content{
width:350px;
float:left;
background-image:url(/images/content_top_bg_5x25.gif);
background-repeat:repeat-x;
background-position:top;
}

#content .content-wrapper{
padding:32px 15px 15px 22px;
}

#content h1{
color:#16A494;
font-family:Arial Narrow;
font-size:26px;
line-height:26px;
margin-bottom:25px;
}

#content h2{
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}

#content .question{
color:#B70ABC !important;
}

#content p{
margin-bottom:10px;
}

.large-content{
width:568px !important;
}

#content .body-ads{
margin-left:5px;
margin-bottom:5px;
float:right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-right css */ 

#main-right{
width:195px;
float:left;
}

#main-right .ads-right{
background-color:#99109E;
}

#main-right .ads-right-title{
color:#FEFEFE;
font-size:25px;
font-weight:bold;
padding-top:20px;
padding-left:25px;
font-family: Arial Narrow;
}

#main-right .ads-right-wrapper{
padding-left:25px;
padding-top:15px;
padding-bottom:20px;
}

#main-right .poll-holding{
width:195px;
height:231px;
background-image:url(/images/home_poll_bg_195x231.jpg);
background-repeat:no-repeat;
background-position:top;
}

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

#right{
width:217px;
float:left;
}

#right .ads-right{
background-color:#2354A1;
}

#right .ads-right-title{
color:#FEC013;
font-size:25px;
font-weight:bold;
padding-top:20px;
padding-left:25px;
font-family: Arial Narrow;
}

#right .ads-right-wrapper{
padding-left:25px;
padding-top:15px;
padding-bottom:20px;
}

#right .poll-holding{
width:217px;
height:231px;
background-image:url(/images/inner_poll_bg_217x230.jpg);
background-repeat:no-repeat;
background-position:top;
}


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

#footer{
margin-top:1px;
height:110px;
background-color:#042F28;
}

#footer .footer-wrapper{
padding-left:20px;
padding-top:17px;
}

#footer .footer-left{
float:left;
}

#footer .footer-nav{
color:#FEFEFE;
text-decoration:none;
padding-top:15px;
}

#footer .footer-nav a{
color:#FEFEFE;
text-decoration:none;
padding:0px 10px;
}

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

#footer .footer-text{
color:#009782;
font-size:10px;
line-height:12px;
}

#footer .footer-right{
height:80px;
width:200px;
float:right;
background-image:url(/images/footer_logo_158x31.gif);
background-repeat:no-repeat;
background-position:15px 15px;
border-left:1px solid #fff;
}

#footer .text-wrapper{
padding-top:45px;
padding-left:25px;
color:#fff;
font-weight:bold;
font-size:10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ads css */ 





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Exceptions */ 
.no-border{
border: none !important;
}

.no-background{
background:none !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */
.magic{
clear:both;
}
.clrlft{
clear:left;
}
.clrrt{
clear:right;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ company-lead-form */ 
#contact-form #company-lead-form{width:480px; border:0; padding:20px 0px; }
#contact-form #company-lead-form p {color: #FF0000;}
#contact-form #company-lead-form table { border:0px; margin:0px; font-size:12px; color: #747474; width: 100%; }
#contact-form #company-lead-form table tr td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #333333;
padding:4px;
line-height:24px;
}
#contact-form #company-lead-form table tr .column1{
text-align: right;
text-indent: 30px;
width:200px;
line-height:12px;
}

#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: 11px; 
font-weight: normal;
text-decoration: none;
color: #000; 
border: 1px solid #A3AAB2;
background-color: #fff;
width: 204px;
height: 20px;
background-color:#fff !important;
}
#contact-form #company-lead-form table tr td .phone1 { width:57px !important; }
#contact-form #company-lead-form table tr td .phone2 { width:60px !important; }
#contact-form #company-lead-form table tr td .phone3 { width:60px !important; }
#contact-form #company-lead-form table tr td select { width: 207px !important; height:18px !important;}
#contact-form #company-lead-form table tr td textarea { height:60px !important; }

#contact-form #company-lead-form table tr td .submitbutton {
width:104px;
height: 28px;
border: none;
}

.name-nxt{ font-weight:bold; font-size:11px; color:#029583;}
.name-nxt a{color:#029583; font-weight:bold; font-size:11px;}
.name-nxt a:visited{color:#029583;}
.name-nxt a:hover{ color:#9B149F;}

.baby-name-wrapper{padding-bottom:10px;}
.baby-name table {width:313px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.baby-name table td{border:1px solid #EEEEEE; background-color:#FAFAFA; padding-top:4px; padding-bottom:4px;}
.baby-name table .name{ font-weight:bold; color:#FFFFFF;}
.baby-name table .column1{width:50px; background-color:#0DAF9A;}
.baby-name table .column2{width:131px; background-color:#F22A11;}
.baby-name table .column3{width:131px; background-color:#9B149F;}
.baby-name table .column4{width:130px; background-color:#FAFAFA;}
.baby-name table .question-column{ background-color:#9B149F; color:#FFFFFF;}
.baby-name table .question-column-blue{ background-color:#2053A4; color:#FFFFFF;}
.baby-name table .question-column-red{ background-color:#F43219; color:#FFFFFF;}
.baby-name table .question-column-green{ background-color:#029583; color:#FFFFFF;}

.survey-wrapper{padding-bottom:10px;}
.survey table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.survey table .column1-error{color:#FF0000;}
.survey table td{ padding-top:3px; padding-bottom:3px;}
.survey-error {color:#FF0000;}
.wrapper-top5{padding-top:5px; }
.wrapper-lft10{padding-left:10px; padding-top:2px; padding-bottom:3px; font-size:12px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ search-form css */ 

#search-form{ height:60px;}
#search-form .search-form-wrapper{ padding:10px 0px 0px 10px;}
#search-form table{ padding:0px; margin:0px; }
#search-form table form{ padding:0px; margin:0px; }
#search-form table tr td{ font-size:10px; color:#fff; font-weight:bold; }
#search-form table tr td input{ width:120px; height:20px; color:#000; border:1px solid #777777;} 
#search-form table tr td .submit{ border:none; width:49px; height:22px; }
