/*
Theme Name: Ona
Description: A simple 2-Column WordPress theme.
Version: 0.2.2
Author: Oana
*/

*{ margin:0px auto; padding:0px none; border:0px none;}
ul { list-style:none; margin:0px; padding:0px;}

body{ margin:0px; text-align:left; background:url(img/bg.jpg) repeat-x #e3e2e2; font-family:Arial; font-size:12px; color:#333;}

h1,h2,h3,h4,h5,h6{ font-weight:lighter; margin:0px; padding:0px;}

h1.homepage,h1{ font-size:36px; color:#474439; letter-spacing:-2px; line-height:36px;}

h2{ font-size:18px; color:#888; line-height:18px; margin:10px 0 10px 0;}
h2.case{font-size:18px; color:#797465;}
h2.case a{ font-size:18px; color:#007CC3; line-height:18px; text-decoration:none; margin-bottom:4px; display:block;}
h2.case a:hover{ color:#d5af4a;}

h3{ font-size:18px; color:#888; line-height:18px; margin:10px 0 10px 0;}

#container{ width:1000px; background:url(img/bg_top.jpg) repeat-x #fff; margin:0px auto; text-align:left; height:auto;}

#nav_hld{ position:absolute; padding-right:20px; width:980px; top:27px; height:100px;}
#nav{ float:right;}
#nav ul li{ float:left; margin-left:10px;}
#nav ul li a{ background:#959289; padding:4px 13px 4px 13px; font-size:16px; color:#f5f3ec; text-decoration:none; display:block;}
#nav ul li a:hover{ background:#d5af4a;}

#header{ position:absolute; width:1000px; top:100px; text-align:left;}
#header ul li.content{ height:322px; padding-right:10px;}
#header ul li.corners{ background:url(img/topcorners.jpg) no-repeat top left; height:15px; }
#logo_hld{ float:left; width:195px; height:315px; background:url(img/bg_logo.jpg) no-repeat top left; text-align:center; margin-left:20px;}
*html #logo_hld{ margin-left:10px;}
#logo{width:183px; padding-top:20px;}

/*..........................*/
#menu {width:744px; float:right;}
#menu li{ float:left; height:315px; border-left:9px solid #282627; position:relative;}
#meniu li a span{position:absolute; display:block; color:#5a5656; top:40px; left:0; background-color:#fff; font-size:18px; padding:4px 10px; width:252px; font-family:Arial; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; text-decoration:none; }
/*#corners{ position:absolute; left:146px; width:6px;}*/

#main{ padding-top:461px; width:1000px; padding-bottom:30px;}

#sidebar{ float:left; width:195px; margin-left:20px; }
*html #sidebar{ margin-left:10px;}

#demande{}

#articles_hld{ margin-top:30px;}
#articles_hld ul li.title{ background:url(img/titleside.jpg) no-repeat top left; height:33px; font-size:20px; color:#e8e2d1; padding-left:20px; padding-top:5px;}

.articles{ margin-top:15px;}
*html .articles{ margin-top:7px;}
.articles ul li{ padding-top:1px; font-size:11px; color:#999;}
.articles ul li a{ font-size:11px; color:#777; font-weight:bold; text-decoration:none;}
.articles ul li a:hover{ color:#FF3300;}

#content{ float:right; width:750px; padding-right:20px}
#content a{color: ##007CC3; text-decoration:underline}
#content a:hover{color:#aaa38f; text-decoration:underline}

.post{ margin-bottom:30px; clear:both}
.post ul li{ padding-right:15px;}
.post ul li.txt{ padding-top:6px; line-height:18px;}
.post ul li.h2{ font-size:18px; color:#888; line-height:18px; padding:0px;}

#cases{ margin-bottom:30px; width:750px; min-height:214px;}

.case{ float:left; width:225px; margin-right:25px;}
*html .case{ margin-right:12px; width:200px;}
.case li{ padding-bottom:4px; font-size:11px;}
.case li.subt{ color:#9d9681; text-transform:uppercase; font-weight:bold;}
.case li.txt{ padding-top:4px; color:#777;}
.case li.details{ text-align:right;}
.case li.details a{ float:right; display:block; width:116px; height:18px; background:url(img/det.jpg) no-repeat 0px 0px; text-align:right; color:#dfd7be; padding-right:15px; padding-top:4px; text-decoration:none;}
.case ul li.details a:hover{ background:url(img/det.jpg) -131px 0px;}

.gallery_hld{ height:60px;}
.gallery{ float:left; width:48px; height:48px; margin-right:15px; margin-top:10px; text-align:center;}
.gallery a{ border:1px solid #e1e1e1; background:#edebeb; padding:4px; text-align:center; text-decoration:none; width:40px; height:40px; display:block;}
.gallery a:hover{ background:#d9cda8; padding:5px;}

#footer{ height:75px; width:1000px; background:url(img/ftr.jpg) no-repeat bottom left;}
#footer a{ font-size:11px; color:#e9e4d4; text-decoration:underline;}
#footer a:hover{ color:#cec9bf;}
.copy{ float:left; padding:15px; font-size:11px; color:#e9e4d4;}
.ftr_links{ float:left; padding-left:70px; font-size:11px; color:#e9e4d4; padding-top:15px; padding-right:70px;}
.ftr_img{ float:right; padding-right:15px;}

#referenc{ text-align:right; background:#e3e2e2; padding-bottom:20px; padding-top:3px; font-size:11px;}
#referenc a{ color: #3366FF; text-decoration:none; font-size:11px;}
#referenc a:hover{ text-decoration:underline;}

.clr{width:1px;height:1px;font-size:1px;margin-top:-1px;margin-left:-1px;clear:both;}
.clear{clear:both}

#msg{padding:10px 20px; text-align:center; font-size:18px; font-weight:bold; letter-spacing:-2px; border:1px solid #FC9; background-color:#FFC}

.lefthalf{float:left; width:47%}
.righthalf{float:right; width:47%}

/*------------------------ official alignment ------------------------*/
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left; margin-right:5px;}
.alignright {float: right; margin-left:5px;}

.contact_gauche{border-bottom:1px dotted #ddd; margin-bottom:15px}
.contact_gauche label{font-weight:bold; margin:0; display:block}
.contact_gauche input,.contact_gauche select, .contact_gauche textarea{width:290px; padding:5px 10px; font-size:14px; color:#000; border:1px solid #aaa; margin-bottom:10px}
.contact_gauche textarea{height:155px}
.contact_gauche select{width:310px}
.contact_gauche .submit{font-weight:bold;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
background-color:#959289;
color:#FFFFFF;
padding:4px 10px;
text-decoration:none;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
cursor:pointer;
width:310px;
}

.contact_droit{clear:both;}

input{border:1px solid #444444; margin:3px 0 3px 0;}
select{border:1px solid #444444; margin:3px 0 3px 0;}
textarea{border:1px solid #444444; margin:3px 0 3px 0;}