/* Theme name: Monarch Construction Theme url : Author: Thewebsitemarketinggroup (LINDSAY 18/11/2009) Author url: http://thewebsitemarketinggroup.com.au/ */ /* Type Selector */ *{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333;} img, fieldset, button {border:none;} li{list-style:none;} a {text-decoration:none;} a:link, a:visited {text-decoration:none;} a:hover, a:active {text-decoration:underline;} button {cursor:pointer;border:none;} .clear {clear:both;} .test {border:#F00 1px solid;} lavel {display:block;} .hidden {text-indent:-9999px;} /* Title */ h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} /* Paragraph */ p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666;} /* Head */ body {background:url(images/bg.jpg) 0 0 repeat-x; background-color:#371C00;} #wrap {width:100%;} #head {width:1016px; height:226px; margin:0 auto; background:url(images/bg_head.jpg) no-repeat;} #head h1.logo {width:256px; height:171px; background:url(images/logo.jpg) 28px 28px no-repeat; float:left;} #share {width:285px; height:46px; float:right; padding:28px 28px 0 0} #phone img {float:right;} /* Navigation */ #gnav {width:1016px; height:56px; float:left; background:url(images/nav_bg.jpg) repeat-x;} #gnav div {width:32px; height:56px; float:left;} #gnav ul {width:907px; height:48px; float:left; padding-left:45px;} #gnav ul li {float:left; height:48px;} #gnav ul li.gnav1 a {background:url(images/nav_menu.jpg) 0 0 no-repeat;width:98px;} #gnav ul li.gnav2 a {background:url(images/nav_menu.jpg) -98px 0 no-repeat;width:134px;} #gnav ul li.gnav3 a {background:url(images/nav_menu.jpg) -232px 0 no-repeat;width:128px;} #gnav ul li.gnav4 a {background:url(images/nav_menu.jpg) -360px 0 no-repeat;width:133px;} #gnav ul li.gnav5 a {background:url(images/nav_menu.jpg) -493px 0 no-repeat;width:128px;} #gnav ul li a {display:block; height:48px;} #gnav ul li.gnav1 a:hover {background-position:0 -48px;} #gnav ul li.gnav2 a:hover {background-position:-98px -48px;} #gnav ul li.gnav3 a:hover {background-position:-232px -48px;} #gnav ul li.gnav4 a:hover {background-position:-360px -48px;} #gnav ul li.gnav5 a:hover {background-position:-493px -48px;} /* Middle_mainimg */ #middle {width:1016px; height:auto; margin:0 auto;} #middle #mainimg {width:1017px; height:auto;} #mainimg .pre_mainimg, #mainimg .next_mainimg {width:28px; height:69px; padding-top:122px; float:left;} #mainimg .mainimg1 {position:relative;overflow:hidden;width:961px;height:327px;float:left;} #mainimg div.imgmain_items {width:20000em;position:absolute;clear:both;} #mainimg .mainimg1 img {border:#FFF 9px solid;width:943px;height:309px;} /* Contents */ #wrap_con {width:960px; height:173px; float:left;padding-left:28px;} #wrap_con div {float:left;} #wrap_con .recent_project {width:283px;height:148px; margin:10px 10px 0 0px;background-color:#FFF;position:relative;overflow:hidden;border-width:8px 8px 7px 8px;border-color:#fff;border-style:solid;} #wrap_con .recent_project .itembox {position:relative;overflow:hidden;width:283px;height:148px;} #wrap_con .recent_project div.project_items {width:20000em;position:absolute;clear:both;} #wrap_con .recent_project div.project_items img{} /* .project1 {width:300px; height:163px; background:url(images/main_img_recent.jpg) 9px 8px no-repeat;;}*/ div.title_project {float:none;position:absolute;width:284px; height:30px; background:url(images/main_title_recent.png) no-repeat; padding:4px 8px 0 0;z-index:10;} div.title_project button.pre { background:url(images/btn_arrow.gif) left no-repeat; width:19px; height:19px; float:right; margin:2px;} div.title_project button.next { background:url(images/btn_arrow.gif) right no-repeat; width:19px; height:19px; float:right;margin:2px 7px 2px 2px;} /* Bottom */ #bottom {width:960px; height:72px; margin:0 auto; padding-top:12px;} #bottom ul { float:right; } #bottom ul li {float:left; padding:0 5px; font-size:11px; color:#A55228;} #bottom ul li a {font-size:11px; color:#A55228;} #bottom p { float:left; width:300px; font-size:11px; color:#A55228; padding-left:8px;} #bottom p a {font-size:11px; color:#A55228; text-decoration:underline;} /* sub */ #subpage {float:left; width:960px; height:auto; padding-left:28px;} #subpage .subimg img {border:#FFF 9px solid; float:left; margin-bottom:7px;} #breadscrumb {width:942px; height:40px; background:url(images/bg_scrumb.gif) bottom left repeat-x; padding-left:19px; float:left; line-height:40px;background-color:#FFF;} #breadscrumb span {padding:0 5px 0 5px; background:url(images/ico_arrow.gif) right 5px no-repeat;} #wrap_subpage {padding:16px 24px 25px 24px; width:913px; height:inherit;background-color:#FFF; float:left;} #wrap_subpage li {list-style:disc;margin-left:20px;} #wrap_subpage h3 {font-size:20px; color:#000; font-weight:bold; line-height:35px; vertical-align:top;} #wrap_subpage p {font-size:13px; color:#333; line-height:17px;} /*#wrap_subpage img {margin:10px 30px 20px 0; float:left; border:#ccc 9px solid;}*/ /* sub_menu - project1 */ #wrap_subpage .pro_list1 {width:913px; height:164px; padding-bottom:30px;} #wrap_subpage .pro_list1 h3 {width:584px; height:auto; float:right;} #wrap_subpage .pro_list1 p {width:584px; height:auto; float:right;} #wrap_subpage .pro_list1 img {float:left; border:#ccc 7px solid; margin:0;} /* sub_menu - project2 */ #paging {width:913px; height:23px;float:left;} #paging .pro_select_category {width:200px; height:23px; float:left;} #paging .pro_select_category select {width:190px; height:23px; border:#CCC 1px solid; background:#FFF; float:left;} #paging .paging_list {width:713px; height:23px; float:right; background:url(images/paging.gif) top right no-repeat;} #wrap_subpage .pro_list2 {width:913px; padding:20px 0 30px 0; background:url(images/bg_scrumb.gif) bottom left repeat-x; float:left;} #wrap_subpage .pro_list2 .pro_project1 {width:298px; float:left; padding-right:9px;} #wrap_subpage .pro_list2 .pro_project1 h4 {width:287px; height:38px; float:left; padding-left:10px; background:url(images/bg_project.jpg) top left repeat-x; color:#FFF; font-size:16px; font-weight:bold; line-height:32px;} #wrap_subpage .pro_list2 .pro_project1 img {border:#ccc 7px solid; float:left; margin:0;} #wrap_subpage .pro_list2 .pro_project1 p {border:none; float:left; padding:8px;} /* sub_menu - project3 */ #wrap_subpage .title_projects {widrh:913px; height:60px;} #wrap_subpage .title_projects span.name_projects {width:456px; height:30px; float:left; font-size:20px; font-weight:bold; line-height:25px; } #wrap_subpage .title_projects span.value_projects {width:456px; height:30px; float:left; text-align:right; font-size:20px; font-weight:bold; line-height:25px;} #wrap_subpage .title_projects p.date {width:913px; height:30px; float:left; font-size:14px; color:#666;} #gallery {width:436px; height:auto; float:left;} #gallery p {font-size:15px; line-height:40px;float:left;} #gallery img {margin:0;border:#ccc 9px solid;} #gallery span img {border:#ccc 5px solid; margin:14px 13px 0 0;} #detail {width:477px; height:auto; float:right;} #detail h4 {font-size:15px; font-weight:bold; height:26px; line-height:26px;} #backlist {width:100%; height:80px; background-color:#FFF;} #backlist img{float:right;} /* sub_menu - contact */ #contact {width:550px; float:left; margin-top:20px;} #contact a {text-decoration:underline;} #contact_form {width:300px; float:right;} #contact_form fieldset {width:260px; height:370px; border:1px solid #CCC; padding:10px 0 20px 25px;} #contact_form fieldset legend {font-size:13px; font-weight:bold;} #contact_form fieldset p {float:right; color:#F00; font-size:11px; padding-right:31px;} #contact_form fieldset input {width:230px; height:18px; border:1px solid #CCC; background:#FFF;} #contact_form fieldset label {line-height:23px; font-weight:bold; color:#666;} #contact_form fieldset label span {color:#F00; font-weight:normal;} #contact_form fieldset textarea {width:230px; height:100px; border:1px solid #CCC; background:#FFF;} #contact_form fieldset button {width:65px; height:26px; border:1px solid #CCC; background:#333; color:#FFF;} /* ---------------------------------------- Pagination ------------------------------- */ #pagination { margin-top:5px; font-family:arial; position:relative; } #pagination div{ float:left; border:1px solid #D9A301; margin-right:5px; text-align:center; vertical-align:top; padding:0; font-size:12px; height:18px; line-height:18px; background-color:#FBF4BF; } #pagination .first_page{ padding:0 3px 0 3px; font-weight:bold; } #pagination .last_page{ padding:0 3px 0 3px; font-weight:bold; } #pagination .next_page{ padding:0 3px 0 3px; font-weight:bold; } #pagination .prev_page{ padding:0 3px 0 3px; font-weight:bold; } #pagination .pages{ width:18px; } #pagination .current_page{ width:18px; height:18px; background-color:#F0DD30; color:#ffffff; font-weight:bold; } #pagination a{ color:#000; text-decoration:none; } /*---------------------------------- JQUERY LIGHTBOX -----------------------------------------*/ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }