/*
Theme Name: ROPUK v2.5
Theme URI: http://www.ropuk.com
Description: Version 2.5
Version: 15-09-2009
Author: ROPIT
*/

*
{
    margin:0;
    padding:0;
}

body
{
    /*to be removed before .NET*/
    background:#567ca6 url(../images/bg135_gradient.jpg) repeat-x top;
    /*background:#663399 url(../images/bg.jpg) repeat-x top;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#344450;
}

.clear
{
    clear:both;
    height: 0px;
    margin: 0px;
}

h1
{
    margin-bottom:7px;
    color:#16365d;
    font-size:18px;
    font-weight:normal;
}

h2
{
    padding-bottom:20px;
    font-size:16px;
    font-weight:normal;
    line-height:21px;
    color:#16365d;
}

h3
{
    padding-bottom:20px;
    font-size:14px;
    font-weight:normal;
    line-height:18px;
    color:#16365d;
}

p
{
    padding-bottom:20px;
    font-size:11px;
    line-height:18px;
}

a
{
    text-decoration:none;
    color:#16365d;
}

a:link,a:visited
{
    color:#16365d;
}

a:hover,a:active
{
    color:#98b6d9;
}

ul {
    font-size: 11px;
    line-height: 18px;
    padding-left: 25px;
    padding-bottom: 20px;
}

#dev-features ul {
    font-size: 11px;
}

ul li {
    padding-bottom: 0;
}

.intro
{
    font-size:14px;
    line-height:21px;
    color:#455764;
}


.shell
{
    margin:0 auto;
    width:980px;
}

input[type=checkbox],input[type=radio]
{
    margin-right:5px;
}

/* -- HEADER -- */
.header
{
    background:url(../images/header35_bg.jpg) no-repeat bottom;
    width:980px;
    height:135px;
}

.logo
{
    padding:3px 0 0 45px;
    float:left;
}

.logo h1
{
    margin:0;
    padding:0;
}

.logo h1 a
{
    background:url(../images/logo.jpg) no-repeat;
    display:block;
    width:150px;
    height:94px;
}

.logo h1 a span
{
    display:none;
}

.telephone{
    width: 320px;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0px 0px 0px;
    float: right;
    border: 0px solid red;
}

.telnumber{
    font-size: 24px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}
.calltoday{
    font-size: 10px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.mast-nav
{
    padding:15px 40px 0 0;
    width:500px;
    font-size:12px;
    line-height:25px;
    height:25px;
    float:right;
}

.mast-nav ul
{
    list-style:none;
}

.mast-nav ul li
{
    font-size:10px;
    padding-right:15px;
    line-height:25px;
    float:right;
}

.mast-nav ul li a
{
    text-decoration:none;
    color:#17365d;
}

.mast-nav ul li a:link,.mast-nav ul li a:visited
{
    color:#17365d;
}

.mast-nav ul li a:hover,.mast-nav ul li a:active
{
    color:#9ab6d9;
}
/* -- NAVIGATION -- */
.nav
{
    padding:3px 10px 0;
    width:960px;
    height:35px;
    clear:both;
}

.nav ul
{
    font-size:0;
    line-height:0;
    padding-left:0;
    padding-bottom:0;
    list-style:none;
}

  .nav ul li
{
    height: 35px;
    float:left;
    overflow:hidden;
    text-align: center;
}
/*--- New Nav Tabs ---*/

.nav_tab_left{
 background: url(../images/nav_tab_left.jpg) no-repeat top;
 width: 160px;
 height: 35px;
 font-weight: normal;

}

.nav_tab{
 background: url(../images/nav_tab_bg.jpg) no-repeat top;
 width: 160px;
 height: 35px;
 display: block;
 font-weight: normal;

}

.nav_tab_right{
 background: url(../images/nav_tab_right.jpg) no-repeat top;
 width: 160px;
 height: 35px;
 font-weight: normal;

}

.nav_tab_left a{
 /*background: url(../images/nav_tab_left.jpg) no-repeat top;*/
 display: block;
 width: 160px;
 height: 10px;
 padding: 15px 0px 10px 0px;
 float: left;
}

.nav_tab a{
 /*background: url(../images/nav_tab_bg.jpg) no-repeat top;*/
 display: block;
 width: 160px;
 height: 10px;
 padding: 15px 0px 10px 0px;
 float: left;
}

.nav_tab_right a{
 /*background: url(../images/nav_tab_right.jpg) no-repeat top;*/
 display: block;
 width: 160px;
 height: 10px;
 padding: 15px 0px 10px 0px;
 float: left;
}
.nav_tab_left a:hover{
 background: url(../images/nav_tab_left_over.jpg) no-repeat top;
 color: #17365d;
}

.nav_tab a:hover{
 background: url(../images/nav_tab_bg_over.jpg) no-repeat top;
 color: #17365d;
}

.nav_tab_right a:hover{
 background: url(../images/nav_tab_right_over.jpg) no-repeat top;
 color: #17365d;
}

/* -- FOOTER -- */
.footer
{
    padding: 26px 35px 20px;
    background:url(../images/footer_corners.png) top no-repeat;
    font-size:10px;
    line-height:20px;
    color:#96b0d5;
}

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

.footer-nav-right
{
    float:right;

}

.footer-nav-bottom
{
    font-size:9px;
}

.footer a
{
    text-decoration:none;
    color:#FFF;
}

.footer-nav-left a
{
    margin-right:10px;
}

.footer-nav-right a,.footer-nav-bottom a
{
    margin-right:0;
    margin-left:10px;
    margin-top: 5px;
}

.footer a:link,.footer a:visited
{
    color:#17365d;
}

.footer a:hover,.footer a:active
{
    color:#fff;
}



/* -- CONTENT SHELL -- */
.content-shell
{
    padding:0 10px;
    background:url(../images/content_shadow_bg.png) no-repeat;
    width:960px;
    overflow: visible;
}

.content-left
{
    font-size:11px;
    width:660px;
    float:left;
}

.content-wide
{
    font-size:11px;
    padding:10px 20px 0;
    width:870px;
    float:none;
}

.content-holder
{
    padding:0 45px 0 20px;
}

.content-section
{
    margin-bottom:28px;
    padding:0 0 8px;
    border-bottom:1px solid #EDECE8;
}

.content-section h1
{
    font-size:14px;
}

.content-right
{
    width:225px;
    float:right;
}

/* -- PAGE TITLES -- */
.page-title
{
    width:960px;
    height:50px;
    background:url(../images/title_bg.png) no-repeat;
    position:relative;
    background-position: top
}

.page-title h1, .page-title h1 a, .page-title h1 a:visited
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:22px;
    font-weight: normal;
    font-style: normal;
    line-height:48px;
    text-indent:25px;
    text-shadow:1px 1px 3px #6699FF;
    color:#FFF;
}

.page-title .signup
{
    position:absolute;
    top:14px;
    left:708px;
}

#date{
  color: white;
  font-size: 12px;
  line-height:30px;
}


/* -- CONTENT -- */
.content
{
    padding:10px 20px 0;
    width:920px;
    background:#FFF;
    min-height: 330px;
}

.ss-text
{
    width:370px;
    float:left;
}

.ss-pic
{
    padding:5px 0 26px;
    width:200px;
    float:right;
}

.content-intro
{
    padding:20px;
    font-size:14px;
    line-height:21px;
    color:#344450;
    width:535px;
    float:left;
}

.content-intro-header
{
    padding-bottom:10px;
}

.content-intro p
{
    padding-bottom:10px;
}



.co-right
{
    padding-bottom:10px;
    width:250px;
    overflow:hidden;
    float:right;
    padding-top: 5px;
}

.co-right-wide
{
    padding-bottom:10px;
    width:300px;
    overflow:hidden;
    float:right;
    padding-top: 0px;
}
.co-right-narrow
{
    padding-bottom:10px;
    width:220px;
    overflow:hidden;
    float:right;
    padding-top: 5px;
}
.co-left
{
    padding-bottom:10px;
    width:630px;
    overflow:hidden;
    float:left;
}

.co-left-wide
{
    padding-bottom:10px;
    width:700px;
    overflow:hidden;
    float:left;
}


.co-left-narrow
{
    padding-bottom:10px;
    width:600px;
    overflow:hidden;
    float:left;
}
.co-left-narrow p
{
    text-align: justify;
    /*line-height: 12px;*/
}
.co-full
{
    padding-bottom:10px;
    width:920px;
    overflow:hidden;
    float:left;
}
.co-full p
{
    text-align: justify;
    /*line-height: 12px;*/
}

.co-left p
{
    text-align: justify;
    /*line-height: 12px;*/
}

.co-full fieldset
{
    font-size: 10pt;
}

.co-splash1
{
    float: left;
    padding-bottom: 0px;
    width: 230px;
    line-height: 14px;
    padding-top: 5px;
    height: 283px;
}

.co-splash2
{
    float: left;
    padding-bottom: 0px;
    width: 230px;
    line-height: 14px;
    padding-top: 5px;
    height: 318px;
}

.co-splash3
{
    background: url(../images/splash_7.jpg) no-repeat;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    padding-bottom: 0px;
    width: 195px;
    line-height: 14px;
    padding-top: 18px;
    height: 97px
}

.co-splash4
{
    background: url(../images/splash_8.jpg) no-repeat;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    padding-bottom: 0px;
    width: 195px;
    line-height: 14px;
    padding-top: 18px;
    height: 97px
}

.co-splash1 p, .co-splash2 p, .co-splash3 p, .co-splash4 p
{
    font-size: 10px;
}

.co-splash1 h1, .co-splash2 h1, .co-splash3 h1, .co-splash4 h1
{
    padding-right: 15px;
    padding-left: 25px;
    font-size: 12px;
    padding-bottom: 0px;
    line-height: 10px;
    padding-top: 0px;
    font-weight: bold;
}

.rounded-co{
  float: left;
  margin-bottom: 10px;
  margin-right: 10px
}


.dev-container{
    background:url(../images/dev_cont_bg3.png) no-repeat;
    width: 429px;
    height: 200px;
    z-index: 1002;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: left;
    display:block;
}


.dev-container span{
  float: left;
}

.dev-container .price{
  font-weight: bold;
  color: #fff;
  font-size: 10pt;
  padding-bottom: 5px;
  padding-left: 10px;
}

.dev-container .country{
  font-weight: bold;
  color: #fff;
  font-size: 12pt;
  padding-left: 10px;
  padding-top: 5px;
}

.dev-container .more-info{

   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 10px;
   float: right;
   font-weight: bold;
   width: 82px;
   height: 31px;
}

.dev-container .more-info a{
    background:url(../images/more-info-btn.png) no-repeat;
   color: #17365d;
   font-weight: bold;
   display: block;
   width: 85px;
   height:34px;
   border: 0px solid #17365d;
   font-size: 8pt;
}
.dev-container .more-info a:hover{
   color: #fff;
   background-color: ##17365d;
   border: 0px solid white;
}

.dev-container p{
    width: 400px;
    margin-top:10px;
    padding-left:15px;
    font-size: 12px;
}

td .dev-title{
   color: #17365d;
   padding-top: 0px;
   padding-left: 5px;
   font-weight: bold;
   font-size: 14px;
}

.dev-co-list{
  width: 100%;
  height: 100px;
  margin-bottom: 5px
}

#linktable a, li{
  color: #17365d;
  font-size: 12px;

}

#linktable a:hover{
  color: #9ab6d9;

}

#linktable h3{
  color: #17365d;
  font-size: 14px;
  font-weight: bold;
}

/*dev list items*/

.list-item{
    width: 890px;
    height: 85px;
    background-color: #e3eeff;
    display: block;
    border: 1px solid #6699FF;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

.list-item .dev-img{
  float:left;
  background-color: #Fff;
  padding: 2px
}

.dev-desc{
  float:left;
  color: #17365d;
  width: 250px;
  height: 79px;
  padding: 3px;
  background-color: #fff;
  font-size: 12px;
  font-weight: normal;
}

.dev-complete{
   background-color: #cfe4fd;
   width: 250px;
   height: 60px;
   text-align: center;
   font-weight: bold;

}

.dev-status{
   background-color: #e3eeff;
   width: 250px;
   height: 60px;
   text-align: center;
   font-weight: bold;
}

.dev-status .sold{
  color: red;
  font-weight: bold;
}
.dev-status .selling{
  color: green;
  font-weight: bold;
}
.dev-status .lastfew{
  color: #FFCC00;
  font-weight: bold;
}
.dev-status .resales{
  color: red;
  font-weight: #3366FF;
}


.dev-info{
  background-color: #e3eeff;
  width: 100px;
  height: 55px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.dev-offer{
  height: 24px;
  color: #cc0000;
  font-weight: normal;
  background-color: #f5f5f5;
  text-align: left;
  font-size: 10px;

}

.dev-img{
  display: block;
  height: 80px;
  background-color: #ffffff;
}


.dev-offer img {
  float: left;
  padding-left: 3px;
  padding-right: 3px;
}

.dev-offer span {
  padding-top: 7px;
}

#dev-feature-table ul{
  padding: 0px 0px 10px 0px
}

#dev-feature-table ul li{
  margin-left: 0px;
  padding: 0px 0px 0px 0px
}

#resale_avail .outlined td{
  border: 1px dotted #cccccc;
}

.dev-desc .title{
  font-size: 14px;
  font-weight: bold;
}

/* motion gallery styles */

#Table_01 a img{
  margin: 0px 0px 4px 0px;
}

#motiongallery img{
  border: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
}

.ticker{
  background: url(../images/ticker_bg.jpg) no-repeat;
  width: 820px;
  height: 28px;
  font-size: 10px;
  padding: 5px 10px 5px 100px;
}

.ticker .news{

  width: 760px;
  height: 25px;
}

.service-block{
  float: left;
  margin-right: 3px;
  margin-left: 2px;
  margin-bottom: 6px;
}

.rounded-top
{
    padding: 10px 35px 20px;
    background:url(../images/header_corners.png) bottom no-repeat;
    color: white;
}

.scroller{
  height: 360px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.sitemap{
  display: none;
}

.country-splash
{
    float: left;
    padding-bottom: 5px;
    width: 306px;
    line-height: 14px;
    padding-top: 5px;
    /*height: 283px; */
    /*clear: left;*/
}