/*CSS document - JamayK Design */

*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#898989;
background:#000000;
}

a{ 
color:#898989;
outline-style:none;
}
a:hover{
text-decoration:none;
}

/* START GENERAL LAYOUT */


#lang{
display:table;
padding:3px;
margin:0px;
position:absolute;
right:3px;
top:85px;
width:60px;
background:#769827;
}
#lang p{
float:right;
color:#CCCCCC;
font-size:9px;
width:auto;
}
#lang p a img{
padding:2px;
border:1px solid #84A82C;
margin:0px 3px 0 0;
float:left;
}




/* header*/
#header{
display:table;
width:100%;
margin:0px;
background:url(../images/layout/header_bkg.jpg);
}
#header_content{
width:745px;
height:80px;
display:block;
background:#FFFFFF;
margin:0px auto;
}
#header a.logo{
float:left;
width:345px;
height:75px;
margin:5px 0 0 0;
display:block;
background:url(../images/layout/header_logo.jpg) no-repeat;
}
#header_menu{
float:right;
margin:57px 10px 0 0;
font-size:13px;
}
#header_menu a {
color:#333333;
float:left;
width:auto;
display:block;
height:23px;
margin:0pt 2px 0pt 0pt;
text-decoration:none;
}
#header_menu a span {
float:left;
display:block;
height:18px;
padding:5px 8px 0;
cursor:pointer;
}
#header_menu a:hover,#header_menu a.selected {
background:transparent url(../images/layout/header_menu_right.jpg) no-repeat scroll right top;
color:#BEDC78;
float:left;
display:block;
height:23px;
margin:0pt 2px 0pt 0pt;
text-decoration:none;
}
#header_menu a:hover span, #header_menu a.selected span {
background:transparent url(../images/layout/header_menu_left.jpg) no-repeat scroll left top;
display:block;
height:18px;
padding:5px 8px 0;
}

/* promo : green bar width 100% with left desriptions and right navigation*/
#promo{
display:table;
width:100%;
margin:0px;
padding:0px;
background:url(../images/layout/promo_bkg.jpg);
}
#promo_content{
width:721px;
height:192px;
display:block;
margin:0px auto;
padding:0px 12px 0 12px;
}
#promo_content h2{
float:left;
color:#FFFFFF;
font-size:20px;
font-weight:100;
margin:0 0 10px 0;
}
#promo_content p{
font-size:11px;
color:#FFFFFF;
float:left;
}
#promo_left{
width:458px;
height:150px;
padding:20px 6px 0 6px;
display:block;
float:left;
margin:12px 0 0 0;
background:url(../images/layout/promo_box_bkg.jpg) bottom no-repeat;
}
#promo_left h2{
width:100%;
}
#promo_left p{
width:100%;
font-size:12px;
line-height:140%;
}
#promo_right{
width:210px;
height:150px;
padding:20px 0px 0 35px;
display:block;
float:right;
margin:12px 0 0 0;
background:url(../images/layout/promo_box_bkg.jpg) bottom right no-repeat;
}
#promo_right ul{
float:left;
width:170px;
margin:0px;
padding:0px;
list-style:none;
}
#promo_right ul li{
width:170px;
padding:0px;
margin:0 0 2px 0;
border-bottom:1px #FFFFFF dotted;
padding:0 0 2px 0;
}
#promo_right ul li a{ 
width:155px;
display:block;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding:2px 0 2px 15px;
text-decoration:none;
background:url(../images/layout/promo_menu_bulet.jpg) no-repeat left;

}
#promo_right ul li a:hover,#promo_right ul li a.selected{ 
background:#ffffff url(../images/layout/promo_menu_bulet_hover.jpg) no-repeat left;
color:#333333;
padding-left:20px;
width:150px;
}


/* footer*/
#footer{
display:table;
width:100%;
margin:0px;
padding:0px;
background:#121212 url(../images/layout/footer_bkg.jpg) repeat-x;
}
#footer_content{
width:721px;
height:83px; 
display:block;
margin:0px auto;
padding:0px 12px 0 12px;
}
#footer_content p{
float:left;
margin:12px 0 0 0;
color:#999999;
font-size:10px;
line-height:150%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer_content h6{
color:#666666;
float:right;
font-size:11px;
font-weight:100;
margin:10px 0 0;
text-align:right;
width:380px;
}

#footer_menu{
float:right;
margin:6px 0px 0 0;
font-size:13px;
}
#footer_menu a {
color:#769827;
float:left;
display:block;
height:23px;
margin:0pt 2px 0pt 0pt;
text-decoration:none;
}
#footer_menu a span {
float:left;
display:block;
height:20px;
padding:3px 8px 0pt;
cursor:pointer;
}
#footer_menu a:hover,#footer_menu a.selected {
background:transparent url(../images/layout/footer_menu_right.jpg) no-repeat scroll right top;
color:#FFFFFF;
float:left;
display:block;
height:23px;
margin:0pt 2px 0pt 0pt;
text-decoration:none;
}
#footer_menu a:hover span, #footer_menu a.selected span {
background:transparent url(../images/layout/footer_menu_left.jpg) no-repeat scroll left top;
display:block;
height:20px;
padding:3px 8px 0pt;
}
/* END GENERAL LAYOUT */






/* DETTAILS STYLE : CONTENT , changed from one page to another*/

/* Content Syle*/
#content{
display:block;
width:100%;
margin:0px;
padding:0px;
background:#121212 url(../images/layout/content_bkg.jpg) repeat-x;
}
#content_warp{
display:table;
width:733px;
margin:0px auto;
}
#content_content{
width:733px;
float:left;
display:block;
padding:0px 0px 12px 12px;
background:#FFFFFF;
}
#content_content h2{
float:left;
margin:20px 0 10px 0;
color:#B7D869;
width:713px;
background:#333333;
font-size:18px;
font-weight:100;
padding:4px 0 4px 8px;
}

/* homepage thumbs : last projects */

.za_box{
width:218px;
height:200px;
padding:6px;
display:block;
float:left;
margin:0 12px 12px 0;
position:relative;
}

.za_box a.thumb{
float:left;
border:1px solid #EEEEEE;
}

.za_box a.thumb:hover{
border:1px solid #A3CD41;
}
.za_box a.thumb img{
border:none;
padding:3px;
width:210px;
background:#E3F0C6;
}
.za_box a.thumb:hover img{
background:#C1C1C1;
}

.za_box h6{
width:218px;
float:left;
font-size:12px;
color:#779927;
font-weight:100;
border-bottom:1px solid #E6E6E6;
padding:2px 0 5px 0;
margin:1px 0 1px 0;
text-align:left;

background:#EFEFEF;
padding:6px 0 4px 8px;
width:210px;
font-size:12px;
}
.za_box h6 a{
text-decoration:none;
color:#779927;
}

.za_box p{
font-size:11px;
float:left;
width:auto;
margin:5px 0 0 0;
overflow:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;

position:absolute;
top:150px;
right:10px;
}
.za_box p span{
color:#666666;
padding:5px 15px 5px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
float:right;

background:#E3F0C6;
}

.za_box h5{
float:right;
color:#666666;
font-weight:100;
border-bottom:1px solid #E6E6E6;
margin:1px 0 1px 0;
text-align:right;

background:#EFEFEF;
padding:6px 8px 4px 8px;
width:202px;
height:13px;
font-size:10px;
}

/* homepage thumbs : prints */

#thumbprint{
width:218px;
height:230px;
padding:6px;
display:block;
float:left;
margin:0 0 13px 0;
background:url(../images/layout/home_working_on_thumbprint_bkg.jpg) no-repeat;
}
#thumbprint.mid{
margin:0 13px 13px 13px;
}
#thumbprint h6{
width:100%;
height: 40px;
float:left;
font-size:15px;
color:#779927;
font-weight:100;
border-bottom:1px solid #769827;
padding-bottom:3px;
margin:0 0 5px 0;
}
#thumbprint a{
float:left;
border:1px solid #FFFFFF;
}
#thumbprint a:hover{
border:1px solid #A3CD41;
}
#thumbprint a img{
border:none;
padding:3px;
width:210px;
background:#E5E5E5;
}
#thumbprint a:hover img{
background:#BEDC78;
}

#thumbprint p{
font-size:11px;
float:left;
width:100%;
height:95px;
margin:5px 0 0 0;
overflow:hidden;
}

/*Contact*/
#contact{
float:left;
width:100%;
margin:5px 0 5px 0;
}
#contact img{
float:left;
border:1px solid #769827;
padding:2px;
}
#contact p{
float:left;
margin-left:10px;
color:#333333;
}
#contact p a.link{
border:none;
font-size:11px;
color:#333333;
text-decoration:none;
background:#E3F0C6;
padding:2px 4px 3px 4px;
}
#contact p a.link:hover{
border:none;
background:#333333;
color:#B7D869;
}
#contact p span{
margin:10px 0 0 25px;
display:block;
line-height:17px;
}
#contact p span b{
font-size:12px;
}

/*Servicii*/
#servicii{
float:left;
width:100%;
margin:5px 0 5px 0;
}
#servicii p{
padding:0px;
font-size:12px;
color:#515151;
float:left;
width:100%;
margin:0 0 10px 0;
}
#servicii p b{
color:#FF6600;
font-weight:100;
}
#servicii p a.link{
border:none;
font-size:12px;
color:#FF3300;
margin:0 5px 0 5px;
text-decoration:underline;
}
#servicii p a.link:hover{
border:none;
color:#B7D869;
}
#servicii p span{
color:#769827;
text-decoration:underline;
}


