@import "reset.css";

html, body, #page-body{min-height: 100%;}
body{background: #000000;}

#page-body{background: #ffffff;margin-left:30px;position:relative;}

#logo{width:247px;height:31px;background:#000000 no-repeat right;position:absolute;top:30px;left:0px;z-index:3;}
#logo img{width:263px;height:31px;background:url('../images/logo.png') no-repeat right;position:absolute;top:0px;right:-16px;z-index:3;}

#menu{position:absolute;top:31px;left:311px;z-index:4;}
#menulist li
{
  display: inline-block;
  list-style-type: none;
  padding:0px 13px;
  margin: 0px 5px;
  text-transform:uppercase;
  position:relative;
  height:28px;
  line-height:28px;
  float:left;
}
#menu a{color:#000000;text-transform:uppercase;background:url('../images/menu_mark.gif') no-repeat transparent 6px 9px;padding: 4px 10px 4px 15px;font-size:11px;}
#menu a:hover, #menu li.selected a{color:#ffffff;background:url('../images/menu_mark_sel.gif') no-repeat #000000 6px 9px;}
#menu a.ic{color:#ffffff;text-transform:uppercase;background:url('../images/menu_mark_sel.gif') no-repeat #000000 6px 9px;padding: 4px 10px 4px 15px;}
#menu a.ic:hover, #menu li.selected a.ic{color:#000000;background:url('../images/menu_mark.gif') no-repeat #ffffff 6px 9px;}

#content {z-index:2;position:relative;padding:300px 0px 0px 307px;width:414px;}
#content, #content div, #content span, #content p, #content td, #content table  {color:#000000;}

#page-contents{width:344px;padding: 0px 35px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
#page-contents-single{width:344px;padding: 0px 35px;border-left:1px solid #e0e0e0;}

#copyright{color:#a7a7a7;margin:35px 0px 0px 345px;padding-bottom: 30px;z-index:6;position:relative;font-size:11px;}

/* Form block */
.form input{border:1px solid #a2a2a2;padding:3px 5px 0px 5px;width:221px;height:18px;line-height:18px;color:#000000;margin-top:3px;font-size:11px;}
.form input.btn{border:0px;text-align:center;background:url('../images/btn_bg.gif') repeat-x;color:#ffffff;text-transform:uppercase;width:233px;height:21px;line-height:10px;margin:0px;padding:0px;padding-bottom:3px;cursor:pointer;margin-top:3px;}
.form textarea{border:1px solid #a2a2a2;padding:0px 5px;width:221px;height:91px;color:#000000;margin-top:3px;font-size:11px;}
.form div{margin:3px 0px;vertical-align:top;}
.form div span{vertical-align:top;padding-left: 5px;}
.form .mustfill{color:#949494 !important;margin-top:10px;font-size:11px;}
.form .star{color:#ff0000 !important;}


/* Projects */
h1{font-size:30px;color:#000000;font-weight:normal;}
#content .p_title{font-size:30px;color:#000000;text-decoration:underline;margin-bottom:15px;margin-top:10px;}
#content .p_title a{font-size:30px;color:#000000;text-decoration:underline;margin-bottom:15px;margin-top:10px;}
#content .p_title a:hover{text-decoration:none;}
#content .p_createdby, #content .p_orderedby, #content .p_designby{color:#737373;font-size:11px;}
#content .p_foto{margin-top:10px;}

#projects_content{position:relative;}
#projects_content #next, #content #projects_content #prev{position:absolute;width:9px;height:18px;top:0px;cursor:pointer;}
#projects_content #prev{left:-60px;background:url('../images/arr_l.gif') center center no-repeat;}
#projects_content #next{right:-60px;background:url('../images/arr_r.gif') center center no-repeat;}

#content .p_pager_item {display:inline-block;width:15px;height:15px;text-align:center;line-height:15px;color:#000000;margin:7px;cursor:pointer;font-size:11px;}
#content .active {background:url('../images/pager_bg.gif') no-repeat;color:#ffffff;}
#projects_paging{margin-top:20px;}

/* Text */
.text{font-size:11px;}
.text ol{color: #000000;list-style:none;list-style-position:inside;padding: 0px;}
.text ol li{color: #000000;background: url(../images/arr_red.gif) no-repeat left center;padding-left: 10px;margin:5px 0px}