Current File : /home/inlingua/public_html/faridabad/icentex/email/styles.css |
*{
margin: 0px;
padding: 0px;
}
img{
padding: 0px;
border: none;
}
a{
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #f0a13c;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #d9d4d4;
background: #202020 url(images/bg.jpg);
}
/*logo*/
#logo{
width: 1024px;
margin: 0 auto;
padding: 20px 0px 20px 0px;
}
h1 a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: normal;
}
h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
font-weight: normal;
font-style: italic;
line-height: 24px;
padding: 0px 0px 20px 0px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: normal;
font-style: italic;
line-height: 24px;
padding: 15px 0px 20px 20px;
}
h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
font-weight: normal;
font-style: italic;
line-height: 14px;
padding: 10px 0px 15px 0px;
}
h5{
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
font-weight: normal;
font-style: italic;
line-height: 14px;
padding: 10px 0px 15px 0px;
}
a small{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: normal;
}
/*menu*/
#menu_bg{
background: url(images/menu_bg.png) repeat-x top;
height: 63px;
}
#menu{
width: 1014px;
margin: 0 auto;
}
#menu ul {
padding-left: 0px;
list-style: none;
float:right;
}
#menu li {
display: inline;
}
#menu ul li a{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #ffffff;
text-align: center;
font-weight: normal;
text-decoration: none;
display: block;
float: left;
width: 100px;
height: 57px;
padding-top: 22px;
}
#menu ul li a:hover, #menu ul li .active{
color: #ffffff;
background: url(images/hover.jpg) repeat-x top;
}
/*header*/
#header_repeat_bg{
background: url(images/header_bg_repeat.jpg) repeat-x top;
height: 335px;
margin-bottom: 20px;
}
#header_bg{
background: url(images/header_bg.jpg) no-repeat center;
height: 335px;
}
#header{
width: 1024px;
margin: 0 auto;
}
.header_left{
float: left;
width: 440px;
height: 320px;
}
.text{
color: #000000;
line-height: 20px;
font-size: 14px;
font-family: Arial;
padding-bottom: 20px;
}
.learn{
width: 172px;
height: 41px;
background: url(images/header_button.png) no-repeat top left;
float: right;
text-align: center;
padding-top: 18px;
}
.learn a{
font-weight: normal;
font-size: 18px;
color: #ffffff;
display: block;
text-transform: uppercase;
font-style: italic;
}
.header_right{
float: right;
height: 320px;
}
#button_box{
float: right;
padding: 0px 10px 0px 0px;
}
#button_box a{
background: url(images/round_button1.jpg) no-repeat top left;
width: 12px;
height: 12px;
float: left;
display: block;
padding: 0px 5px 0px 0px;
}
#button_box a:hover, #button_box .active{
background: url(images/round_button.jpg) no-repeat top left;
}
/*content*/
#content{
width: 1024px;
margin: 0 auto;
}
.more{
width: 74px;
height: 25px;
background: url(images/send.png) no-repeat top left;
float: right;
text-align: center;
padding-top: 0px;
margin-top: 5px;
}
.more a{
font-weight: normal;
color: #ffffff;
display: block;
}
.more2{
width: 74px;
height: 25px;
background: url(images/send.png) no-repeat top left;
text-align: center;
padding-top: 0px;
margin-top: 20px;
margin-left: 230px;
}
.more2 a{
font-weight: normal;
color: #ffffff;
display: block;
}
.grey_border{
border-bottom: 1px solid #7b7b7b;
margin-bottom: 20px;
height: 10px;
clear: both;
}
.column3_box{
padding: 0px 0px 20px 0px;
}
.column3_box p a{
color: #a4a3a3;
}
.column1{
width: 320px;
float: left;
padding: 0px 20px 0px 0px;
}
.column2{
width: 320px;
float: left;
padding: 0px 20px 0px 0px;
}
.column3{
width: 320px;
float: left;
}
/*footer*/
#footer_repeat_bg{
background: url(images/footer_repeat_bg.jpg) repeat-x top;
height: 345px;
}
#footer_bg{
background: url(images/footer.jpg) no-repeat center;
height: 345px;
}
#footer_width{
width: 1024px;
margin: 0 auto;
}
#footer_bot{
padding-top: 20px;
border-top: 1px solid #7b7b7b;
margin-top: 20px;
}
#footer_bot_left{
float: left;
}
#footer_bot_left p, #footer_bot_left p a{
color: #ffffff;
font-weight: normal;
font-size: 10px;
}
#footer_icon{
float: right;
}
#footer_icon a{
margin-left: 10px;
}
.clear{
clear: both;
}
#footer_top{
padding: 30px 0px 0px 0px;
}
#footer_top p{
color: #000000;
}
#footer_top a{
color: #212121;
font-weight: bold;
}
#footer_left{
width: 310px;
float: left;
padding: 0px 35px 0px 0px;
}
#footer_middle{
width: 310px;
float: left;
padding: 0px 35px 0px 0px;
}
#footer_right{
width: 320px;
float: left;
}
.ul_hover_bg{
padding: 0px 0px 0px 0px;
}
.ul_hover_bg li{
list-style: none;
padding: 0px 0px 0px 0px;
height: 27px;
}
#footer_middle .ul_hover_bg li a, #contact_right .ul_hover_bg li a{
height: 23px;
color: #232323;
display: block;
padding: 5px 0px 0px 30px;
background: url(images/ls.png) no-repeat left center;
}
#footer_middle .ul_hover_bg li a:hover{
height: 27px;
color: #a4a3a3;
background: url(images/ul_hover.jpg) no-repeat top left;
display: block;
}
#footer_right fieldset {
border: none;
}
#footer_right input {
margin-bottom: 5px;
}
#footer_right label{
color: #000000;
margin: 5px 0px 0px 0px;
display: block;
float: left;
}
#login-submit, #contact-submit{
width: 74px;
height: 27px;
background: url(images/send.png) no-repeat left top;
border: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
padding-bottom: 5px;
}
#text1, #text2{
width: 239px;
height: 21px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
border: none;
background: url(images/footer_input.jpg);
background-repeat:no-repeat;
background-position:left top;
color: #000000;
font-size: 12px;
padding-bottom: 5px;
float: right;
}
#text_mess {
width: 300px;
height: 62px;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: none;
background: url(images/footer_mess.jpg);
background-repeat:no-repeat;
background-position:left top;
color: #000000;
font-size: 12px;
padding-bottom: 5px;
margin-bottom: 10px;
}
/*gallery*/
#gallery{
width: 1024px;
margin: 0 auto;
padding-bottom: 20px;
}
.row {
padding-left: 0px;
padding-bottom: 5px;
height: 250px;
width: 1024px;
}
.row2 {
padding-left: 0px;
padding-bottom: 5px;
height: 600px;
width: 1024px;
}
.box_img2 {
width: 298px;
height: 250px;
padding: 15px 15px 0px 15px;
float:left;
}
.box_img2 h2{
padding-top: 0px;
}
.box_img2 a img{
padding-bottom: 8px;
}
.box_img2 p{
color: #000000;
}
.box_razd {
width: 14px;
height: 50px;
float: left;
}
/*contact*/
#contact{
width: 1024px;
margin: 0 auto;
}
#contact p{
color: #d9d4d4;
}
#contact p a{
color: #a4a3a3;
}
#contact_left{
width: 657px;
float: left;
padding-right: 40px;
}
#contact_right{
float: left;
width: 320px;
}
.location{
padding-bottom: 10px;
}
#contact_form fieldset {
border: none;
}
#contact_form input {
margin-bottom: 5px;
}
#contact-submit{
width: 74px;
height: 27px;
background: url(images/send.png) no-repeat left top;
border: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
padding-bottom: 5px;
}
#contact-clear{
width: 74px;
height: 27px;
background: url(images/send.png) no-repeat left top;
border: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: normal;
color: #ffffff;
padding-bottom: 5px;
margin-left: 40px;
}
#con_name, #con_email, #con_website {
width: 637px;
height: 29px;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
border: none;
background: url(images/input_contact.jpg);
background-repeat:no-repeat;
background-position:left top;
color: #ffffff;
}
#con_mess {
width: 637px;
height: 115px;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 15px;
border: none;
font-family: Arial, Helvetica, sans-serif;
background: url(images/textarea_contact.jpg);
background-repeat:no-repeat;
background-position:left top;
color: #ffffff;
margin-bottom: 10px;
}
.read2{
padding: 10px 0px 20px 0px;
text-align: right;
}
.read2 a{
color: #940000;
text-decoration: underline;
}
.pad_left{
padding-left: 40px;
padding-bottom: 5px;
}
.date_news{
text-decoration: underline;
}
/*Blog*/
.post{
padding-bottom: 10px;
}
.news_top{
clear: both;
padding: 10px 0px 10px 0px;
}
.news_top_left{
background: url(images/date_bg.jpg) no-repeat right;
width: 86px;
height: 80px;
float: left;
text-align: center;
}
#contact_left .news_top_left .date_day{
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight: normal;
padding-top: 15px;
}
#contact_left .news_top_left .date_month{
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
padding-top: 10px;
}
.news_top_right{
float: left;
padding-left: 10px;
width: 560px;
padding-bottom: 15px;
}
.title_post_left{
float: left;
background: url(images/user_icon.jpg) no-repeat 0px 0px;
padding: 0px 0px 0px 25px;
}
.title_post_right{
float: right;
background: url(images/comments_icon.jpg) no-repeat 0px 0px;
padding: 0px 0px 0px 25px;
}
.layer_border{
border-bottom: 1px solid #7b7b7b;
border-top: 1px solid #7b7b7b;
padding: 5px 0px 5px 0px;
}
#contact_right .ul_hover_bg{
padding: 0px 0px 30px 0px;
}
#contact_right .ul_hover_bg li a{
width: 318px;
color: #a4a3a3;
}
#contact_right .ul_hover_bg li a:hover{
height: 27px;
color: #a4a3a3;
background: url(images/ul_hover_blog.jpg) no-repeat top left;
display: block;
}
/*calendar*/
#calendar table {
width: 200px;
text-align: center;
color: #000000;
}
#calendar tbody td {
border: 1px solid #F1F1F1;
width: 34px;
color: #a4a3a3;
}
#calendar caption, #calendar thead th{
color: #a4a3a3;
font-weight: normal;
}
#calendar #prev {
text-align: left;
}
#calendar #next {
text-align: right;
}
#calendar a {
text-decoration: none;
font-weight: normal;
color: #a4a3a3;
}
#calendar #now {
background: #ffffff;
border: 1px solid #e60000;
font-weight: bold;
color: #740202;
}
/*
scroll styles here
*/
.item { width: 1025px; height: 315px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}
.scrollable { position:relative; overflow:hidden; width: 1025px; height: 315px;}
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;}
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin:5px 0; padding-right: 20px;}
.navi a { width: 13px; cursor:pointer; height: 14px; float:left; margin:0 0 0 3px; background:url(images/round_button.gif) no-repeat scroll right top; display:block; font-size:1px;}
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px; background:url(images/round_button1.gif) no-repeat scroll right top}
.header1
{
width: 1025px; height: 315px;
}
.header2
{
width: 1025px; height: 315px;
}
.header3
{
width: 1025px; height: 315px;
}
.header4
{
width: 1025px; height: 315px;
background: url(images/top3.jpg) no-repeat;
}
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}