body {
background-color:#373737;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:19px;
margin:0;
padding:0;
}
#main {
background:#000 url(../images/background_light_slice_blk.jpg) repeat-x scroll 0 0;
padding-bottom:30px;
}
#main .container {
background-image:url(../images/background_light_logo.jpg);
background-repeat:no-repeat;
}
#footer {
background-image:url(../images/background_footer.jpg);
background-repeat:repeat-x;
min-height:130px;
padding:40px;
position:relative;
top:-20px;
}
.container {
margin:0 auto;
position:relative;
width:950px;
}
#header {
padding-bottom:20px;
padding-top:20px;
}
#logo h1, #logo small {
display:block;
margin:0;
text-indent:-9999px;
}
#logo {
background-image: url(../images/blank.gif)
background-repeat:no-repeat;
height:91px;
width:350px;
}
ul#menu {
margin:0;
padding:0;
position:absolute;
right:0;
top:8px;
}
ul#menu li {
color:black;
display:inline;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
margin-left:12px;
text-decoration:none;
text-transform:uppercase;
}
ul#menu li a {
color:#716D6A;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
ul#menu li a.active, ul#menu li a:hover {
color:#211E1E;
}
.block {
margin-bottom:20px;
position:relative;
}
.ribbon {
position:absolute;
right:-3px;
top:-3px;
}
.block_inside {
display:block;
overflow:none;
padding:5px;
}
.image_block {
float:left;
margin:0 0 15px -25px;
}
img {
border:1px solid #fff;
}
.text_block {
float:left;
margin-left:450px;
padding-top:45px;
width:430px;
}
#block_featuredblog .text_block {
padding-top:10px;
width:400px;
}
#block_portfolio {
margin-bottom:20px;
overflow:auto;
}
#portfolio_items {
float:left;
margin-right:25px;
padding-top:3px;
width:615px;
}
#text_column {
float:right;
width:310px;
}
#text_column h2#text_title {
background-image:url(..images/creatif.jpg);
background-repeat:no-repeat;
height:129px;
text-indent:-9999px;
width:310px;
}
.mini_portfolio_item {
border:1px solid #A3A09E;
margin-bottom:10px;
position:relative;
}
.mini_portfolio_item .block_inside {
background:#E2DDDC none repeat scroll 0 0;
padding:25px 30px 15px;
}
.mini_portfolio_item .thumbnail {
border:1px solid #979390;
float:left;
margin-right:20px;
}
#content_area {
float:left;
padding:15px;
width:658px;
}
#content_area .block_inside {
background:none;
min-height:400px;
margin-left: 10px;
}
#sidebar {
background:none;
float:left;
left:-1px;
margin-top:15px;
position:relative;
width:258px;
}
#sidebar .block_inside {
padding-bottom:15px;
padding-left:15px;
}
#sidebar h3 {
font-size:20px;
line-height:23px;
}
#sidebar ul {
margin:10px 0 30px;
padding:10px;
}
#sidebar ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 5px;
padding:0;
}
#sidebar ul li a {
color:#7F7D78;
}
#sidebar ul li a:hover {
color:#0172DD;
text-decoration:none;
}
#content_area h2 {
font-size:32px;
line-height:31px;
}
#content_area .separator {
border-top:1px solid #E3E3E3;
margin-top:40px;
padding-top:40px;
}
h2 {
color:#d3033d;
font-family:Helvetica,Arial,Sans-serif;
font-size:36px;
letter-spacing:-1px;
line-height:39px;
margin:0 0 10px;
}
h3 {
color:#fdef12;
font-family:Helvetica,Arial,Sans-serif;
font-size:14px;
line-height:21px;
margin:10px 0 5px;
}
h4 {
color:#fdef12;
margin:0;
}
h6 {
color:#fdef12;
margin:0;
font-size:10px;
font-weight:bold;
text-transform: uppercase;
}
small {
color:#595856;
display:block;
font-size:11px;
font-weight:bold;
margin-bottom:15px;
}
a {
color:#FCDF12;
text-decoration:none;
}
small a {
color:#007DE2;
}
a:hover {
text-decoration:underline;
}
p {
margin:0 0 15px;
}
a.button {
background:#32312F url(images/button_bg.jpg) repeat-x scroll 0 0;
border:1px solid #32312F;
color:#FFFFFF;
font-size:9px;
line-height:25px;
padding:5px 10px;
text-decoration:none;
text-transform:uppercase;
}
a.button:hover {
background:#007DE2 url(..images/button_bg_o.jpg) repeat-x scroll 0 0;
border-color:#007DE2;
}
#footer {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.footer_column {
float:left;
margin-right:30px;
width:200px;
}
#footer .long {
width:380px;
}
#footer h3 {
color:#E2DDDC;
font-size:10px;
text-transform:uppercase;
}
.footer_column ul li, .footer_column ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
img, #logo {
}
body#dark {
background-color:#1E1D1B;
}
body#dark #main {
background:#292826 url(images/background_dark_slice.jpg) repeat-x scroll 0 0;
}
body#dark #main .container {
background-image:url(images/background_dark.jpg);
}
body#dark #footer {
background-image:url(images/background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
color:#FFFFFF;
}
body#dark .block, body#dark .mini_portfolio_item {
border-color:#1B1A19;
}
body#dark #text_column h2#text_title {
background-image:url(images/creatif_dark.jpg);
}
#postpic {
float:left;
padding-right:10px;
width:100px;
}
#browser {
color:red;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
#browser a {
color:red;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:underline;
}
.kwicks {
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
.kwicks li {
background-image:url(../images/kwicks_sprite.jpg);
background-repeat:no-repeat;
cursor:pointer;
display:block;
float:left;
height:40px;
margin-right:0;
overflow:hidden;
padding:0;
width:100px;
}
.kwicks a {
display:block;
height:40px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-indent:-9999px;
}
#kwick1 {
background-position:0 0;
}
#kwick2 {
background-position:-140px 0;
}
#kwick3 {
background-position:-280px 0;
}
#kwick4 {
background-position:-420px 0;
}
#kwick5 {
background-position:-560px 0;
}
#kwick6 {
background-position:-700px 0;
}
#kwick1.active, #kwick1:hover {
background-position:0 bottom;
}
#kwick2.active, #kwick2:hover {
background-position:-140px bottom;
}
#kwick3.active, #kwick3:hover {
background-position:-280px bottom;
}
#kwick4.active, #kwick4:hover {
background-position:-420px bottom;
}
#kwick5.active, #kwick5:hover {
background-position:-560px bottom;
}
#kwick6.active, #kwick6:hover {
background-position:-700px bottom;
}

img.noborder {
 border: 0px;
}