/* Author: Abbas Panseri (Web Designer) Author URl: http://www.design-master.com/ Company Name: Design Master Desicription: ARCH Real State Company Created on: September 2012 Version: 1 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} table { border-collapse: collapse; border-spacing: 0;} /* ---------------- Reset Finish -----------------*/ body { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; background:#000;} .clear { clear:both;} #page-wrap { width:970px; margin:0 auto 0;} h1 { font-size:36px; color:#d4d5d6; text-align:left; padding-top:10px;} h2 { font-size:24px; color:#181711; text-align:left; padding:20px 20px 10px 20px; font-family:"Trajan Pro";} h3 { font-size:16px; color:#181711; text-align:left; padding:10px 20px 10px 20px; font-family:"Trajan Pro";} h4 { font-size:35px; color:#f0ad1c;} h5 { font-size:29px; color:#fff; font-weight:bold;} h6 { font-size:22px; color:#fff; font-weight:bold;} .white { color:#fff;} .red { color:#ed1c24;} .black { color:#000;} .black1 { color:#000; padding-top:15px; width:310px; display:block;} p { font-size:13px; color:#333232; line-height:20px;} /*-----------------------------------header start-------------------------------*/ #header { width:990px; height:160px; margin:0 auto 0;} #logo { float:left;} #logo_part { position:absolute; left:4px; z-index:999; top:135px;} #header_r_top { /*width:490px;*/ float:right; margin-top:20px; margin-right:20px;} #header_r_top ul { margin:0; padding:0;} #header_r_top ul li { display:inline-block; list-style-type:none; padding:0 7px; font-size:12px; float:left; color:#6e6e6e; text-transform:uppercase; line-height:32px; } #header_r_top ul li a { color:#6e6e6e; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; transition: color .3s ease-in-out;} #header_r_top ul li a:hover { color:#fff; text-decoration:none; } #header_r_top .line { width:2px; height:11px; background:url(../images/line_seprator.gif) no-repeat; background-position: right center; margin:-32px 0 0 95px; } #header_r_top ul li .search_field { width:175px; height:21px; float:left; background:url(../images/top_search_bg.gif) no-repeat; margin-top:4px; border:none; line-height:22px; padding-left:7px; } #header_r_top ul li .search_btn { width:26px; height:24px; background:url(../images/search_btn.gif) no-repeat; border:none; float:left; margin-top:4px; cursor:pointer; margin-left:-2px;} /*-----------------------------------header end---------------------------------*/ /*-----------------------------------menu start---------------------------------*/ #menu { width:770px; float:left; margin-top:5px;} #left { float:left; width:210px;} #right { float:left; width:780px;} /*-----------------------------------menu end---------------------------------*/ .news_head { font-size:14px; color:#989898; line-height:20px; text-align:left; display:block; margin-bottom:15px; font-family:"Trajan Pro";} .news_box { width:190px; float:left; display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:dotted 2px #161617;} .news_box img { float:left; display:block; width:65px; margin-right:10px; margin-top:2px;} .news_box .con_txt { display:block; font-size:11px; color:#fff; line-height:16px; text-align:left;} .news_more { width:30px; margin-left:80px; float:left; margin-top:15px; color:#fff; text-align:left; background:url(../images/more_arrow.png) no-repeat; background-position:right center; padding-right:10px; font-size:11px; display:block;} .news_more a { text-decoration:none; color:#fff; display:block;} .news_more a:hover { text-decoration:none; color:#8c8a8a; display:block;} #slogan { width:200px; height:165px; background:url(../images/slogan_icon_left.png) no-repeat; background-position:2px 15px; display:block; float:left;} #slogan p { font-size:14px; font-style:italic; color:#979898; text-align:left; line-height:18px; padding-top:30px;} #slogan .righticon { width:13px; height:9px; float:right; margin-top:40px; margin-right:5px; display:block;} #slogan .seprate { float:left; width:201px; height:2px; margin-top:15px; background:url(../images/slogan_seprate_line.png) no-repeat;} /*-----------------------------------banner start---------------------------------*/ #banner { width:760px; height:377px; margin-top:-50px; position:absolute; z-index:-1; margin-left:210px;} #inner_banner { width:760px; height:240px; margin-top:-50px; float:left; margin-left:10px;} #slider1 { position:relative; overflow:hidden;} #slider1 ul { margin:0; padding:0;} #slider1 ul li { display:block; list-style:none; overflow:hidden;} #banner_slogan { width:300px; position:absolute; z-index:999; margin-left:450px; margin-top:150px;} #banner_slogan h2 { font-size:24px; color:#000; font-family:"Trajan Pro"; text-align:left; line-height:23px; word-spacing:-5px;} #banner_slogan span { font-size:13px; color:#000; line-height:16px; text-align:left; display:block; padding:10px 40px 0 0 ;} /* margin-right:10px; margin applyonly in IE6 IE7 */ /*-----------------------------------banner end---------------------------------*/ /*-----------------------------------main-content start---------------------------------*/ #main1 { width:760px; margin-left:210px; float:left; background:url(../images/main_content_bg.png) repeat-y; display:block; margin-top:-225px; padding-top:10px;} #main2 { width:750px; float:right; margin-left:10px;background:url(../images/main_content_bg.png) repeat-y; display:block; margin-top:-17px; padding:10px 10px 10px 0;} #main2 p { padding:0 20px 20px 20px; font-size:12px; text-align:justify; line-height:17px; color:#181711;} #main2 p span { font-weight:bold; font-size:13px;} #main2 ul { margin:0; padding:0;} #main2 ul li { display:block; list-style-type:none; line-height:20px; background:url(../images/more_arrow_black.png) no-repeat; background-position:left 5px; padding-left:15px; margin-left:20px; font-size:12px;} /*----about-section-start----*/ .about_arch { width: 345px; float:left; margin-left:25px;} .about_arch .head { font-size:13px; font-family:"Trajan Pro"; color:#000; line-height:30px; text-align:left; padding-bottom:8px; display:block;} .about_arch img { width:auto; float:left; display:block;} .about_arch p { width:100%; float:left; display:block; font-size:12px; color:#000; line-height:16px; text-align:left; margin-top:10px;} .about_arch .more { float:left; margin-top:10px; color:#000; text-align:left; background:url(../images/more_arrow_black.png) no-repeat; background-position:right 5px; padding-right:10px; font-size:11px; display:block; padding-bottom:15px;} .about_arch .more a { color:#000; text-decoration:none; display:block;} .about_arch .more a:hover { color:#666; text-decoration:none; display:block;} /*----about-section-end----*/ #news_slider3, { margin: 0px; padding: 0px; list-style: none; display:inline;} #news_slider3a li { float: left; list-style-type: none; margin: 0px; padding-left: 15px; padding-top: 35px; text-align:left;} #news { width:236px; float:left; margin-left:17px; margin-top:25px;} .line { width:234px; height:1px; padding:10px 0 10px 0; display:block;} #side_nav { width:200px; margin:20px 0 0 0; float:left;} #side_nav .tittle { font-family:"Trajan Pro"; font-size:18px; text-align:left; color:#989898; font-weight:bold;} #side_nav ul { margin-top:10px; padding:0;} #side_nav ul li { display:block; list-style-type:none; text-align:left; font-size:13px; color:#989898; padding:7px 0 7px 15px; border-bottom: 1px dotted #434242; font-weight:normal; background:url(../images/more_arrow.png) no-repeat; background-position:left center; margin-left:2px;} #side_nav ul li a { color:#989898; text-decoration:none;} #side_nav ul li a:hover { color:#545353; text-decoration:none;} #side_nav ul li a .active { color:#ed1c24;} #inner_content { display:block; margin:60px 0 0 0; left:0; border-left: 1px dashed #9e9e9e; padding:0 0 25px 25px; width:690px; float:left;} #inner_content .inner_banner { width:686px; display:block; margin:15px 0 0 0;} #inner_content .txt { padding:13px 0 13px 0; font-size:14px; display:block; width:100%; line-height:25px; color:#333232;} #inner_content .txt .bold { font-weight:bold; font-size:13px; color:#666;} #inner_content .txt a { color:#ed1c24; text-decoration:none;} #inner_content .txt a:hover { color:#171717; text-decoration:none;} .address { float:left; margin-right:20px; width:250px; color:#666;} .address a { color:#ed1c24; text-decoration:none;} .address a:hover { color:#171717; text-decoration:none;} .map { float:left; margin-right:10px; width:400px; border:1px solid #fff;} .addresses { width:350px; display:block; height:500px; padding-bottom:50px;} /*-----------------------------------main-content end---------------------------------*/ /*-----------------------------------Form-section start-------------------------------*/ .forms { color:#666; font-size:13px; width:640px; margin:15px auto 0;} .forms .input { background:#f4f4f5; border:1px solid #d2d2d4; height: 28px; margin-bottom: 10px; padding: 0 0 0 5px; width: 229px; color:#999; font-size:12px; line-height:26px;} .forms .attach { background:#f4f4f5; border:1px solid #d2d2d4; height: 28px; margin-top: 10px; padding: 8px 0 0 5px; width: 231px; color:#999; font-size:12px; line-height:26px;} .forms textarea { background:#f4f4f5; border:1px solid #d2d2d4; height: 71px; margin: 5px 0 0 0; padding-left: 5px; padding-top:5px; width: 230px; color:#999; font-size:12px;} .forms .select { background:#f4f4f5; border:1px solid #d2d2d4; height: 28px; margin-bottom: 5px; padding: 5px 2px 5px 2px; width: 235px; color:#999; font-size:12px;} .forms .select_small { background:#f4f4f5; border:1px solid #d2d2d4; height: 28px; margin-bottom: 10px; padding: 5px 2px 5px 2px; width: 73px; color:#999; font-size:12px;} .forms .submitbtn { width:87px; background:url(../images/submit_btn.png) no-repeat; height:35px; color:#FFF; font-size:12px; cursor:pointer; border:none; margin: 25px 0 0 30px; } .forms .resetbtn { width:87px; background:url(../images/submit_btn.png) no-repeat; height:35px; color:#fff; font-size:12px; cursor:pointer; border:none; } .forms .text { } /*-----------------------------------Form-section end-------------------------------*/ /*-----------------------------------footer-start---------------------------------*/ #footer { width:972px; margin:10px auto 0; padding-top:5px; border-top:1px solid #161617;} #menu_block { float:left; margin-right:60px;} #menu_block ul { margin:0; padding:0;} #menu_block ul li { display:block; list-style-type:none; line-height:14px; color:#424242; font-size:11px} #menu_block ul li a { color:#424242; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;} #menu_block ul li a:hover { color:#fff; text-decoration:none;} #menu_block1 { float:left; margin-right:30px; width:300px;} #menu_block1 .heading { font-size:14px; line-height:40px; margin-bottom:0; color:#424242; display:block;} #menu_block1 ul { margin:0; padding:0;} #menu_block1 ul li { display:inline; list-style-type:none; color:#b3b3b2; font-size:11px; padding-left:4px;} #menu_block1 ul li a { color:#b3b3b2; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out;} #menu_block1 ul li a:hover { color:#fff; text-decoration:none;} .yellow { color:#424242; font-size:13px;} .yellows { color:#424242; font-size:11px;} .powerdby { float:right; margin-top:15px; color:#424242; margin-right:100px; font-size:11px;} .powerdby a { color:#424242; font-size:12px; text-decoration:none; text-shadow: 1px 1px 1px rgba(0,0,0,.6); -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out;} .powerdby a:hover { color:#fff; text-decoration:none;} /*-----------------------------------footer-end---------------------------------*