body{font-family:Arial,Helvetica,sans-serif;font-size:12px;background:url(../img/home_bg.jpg) #f2e1b6 repeat-x}
body.contentbg{background:url(../img/portfolio_bg.jpg) #1a110a repeat-x;}
#wrapper{width:960px;margin:auto;}
.container_maroon{background:url(../img/container_bg.jpg) repeat-y;padding-top:20px;padding-bottom:30px;float:left;overflow:hidden;width:960px;margin-top:10px;}
#bottom_wrapper{width:960px;margin:auto;overflow:hidden}
#logo{margin:12px 0 0 18px;float:left}
#main_nav {float:right;list-style-type:none;margin:20px 70px 0 0}
#main_nav li{float:left; border-right:1px solid #985631;padding:0 7px;line-height:13px}
#main_nav li.noborder{border:0;padding-right:0;}
#main_nav li a{color:#985631; text-decoration:none;text-transform:uppercase;font-size:15px;margin:0;padding:0;display:block;}
#main_nav li a:hover{color:white}
#main_nav li a.current{color:#E6B713}
#showcase{clear:both;padding-left:22px;padding-top:50px;height:355px;overflow:hidden}
#tagline{float:left;width:465px;}
#tagline p{color:white;}
p.sifr_frutiger{font-size:20px;width:468px;margin-top:10px;float:left;line-height:25px;}
.showcase_info{width:287px;height:83px;padding:4px;font-size:12px;color:white;}
.showcase_info strong{color:#e6b713;font-weight:bold;}
.showcase_info a{color:#e6b713;text-decoration:none;font-size:11px;}
.showcase_info a:hover{text-decoration:underline;}
.showcase_info .aStrong{font-size:13px;font-weight:bold;}
.showcase_info  span{display:block;}
#showcase .preview{float:left;}
.li_error{font-size:11px;color:#4d230e}
#retro_car{float:right;margin-top:60px;}
.adobe_icons span{display:block;width:24px;height:24px;float:left;margin-right:4px;}
.adobe_icons .ps{background:url(../img/adobe_icons.jpg) 0 0}
.adobe_icons .dw{background:url(../img/adobe_icons.jpg) -24px 0}
#left_col{width:585px;float:left;padding:20px 0 0 10px;}
#right_col{width:345px;padding:20px 0 0 10px;float:right;position:relative}
.hireme{font-size:29px;margin:0 0 0 14px;visibility:visible;font-weight:bold;letter-spacing:-2px;}
#blurb{background:url(../img/blurb.png) no-repeat;padding:20px 30px;width:508px;height:258px}
#blurb h2{font-size:25px;visibility:visible;}
#blurb p{font:normal 19px Georgia ; color:white;padding-top:20px;}
.retro_car{float:right;position:absolute;top:-30px;right:40px;}
.sifr_lubalin{font-size:28px;letter-spacing:-2px;}
.white{color:white}
.maroon{color:#21130d}
#blurb .signature{margin:0;padding:0;text-align:right;font-size:15px;float:right;color:#b5d446}
#blurb .signature span{color:white;display:block;font-size:12px;}
.breif_contacts{clear:both;width:287px;}
.breif_contacts li{background:white;margin-bottom:2px;border:1px solid #e3c19c;padding:10px 6px;padding-left:40px;}
.breif_contacts li a{text-decoration:none;font:bold 12px Arial, Helvetica, sans-serif;color:#000;}
.breif_contacts a:hover{text-decoration:underline;}
.breif_contacts .skype{background:url(../img/skype_icon.gif) #fff 10px 50% no-repeat}
.breif_contacts .mail a{color:#116b73}
.breif_contacts .mail{background:url(../img/mail_icon.gif) #fff 10px 50% no-repeat}
.breif_contacts .cv{background:url(../img/cv_icon.gif) #fff 10px 50% no-repeat}
.breif_contacts .cv a{color:#67810a;}
#latest_news{width:241px;height:340px;background:#fff;border:1px solid #e3c19c;margin:17px 0;padding:22px;font-family:Georgia;position:relative;}
#latest_news h4{margin-top:10px;font-weight:bold;}
#latest_news span{color:#ce8e1f;}
#latest_news p{color:#545454;padding:13px 0;}
#latest_news  ul{list-style-type:disc;margin-left:20px;}
#latest_news a{color:#545454;text-decoration:none}
#latest_news a:hover{text-decoration:underline}
#latest_news .comments{font:normal 11px Arial;padding:6px 0;margin:0;border-bottom:1px dotted #ccc;}
.followme_link{position:absolute;bottom:15px;}
#latest_news img{width:157px;margin:15px 30px 0 30px}
#backdev_box{background:url(../img/backdev_box.jpg) no-repeat;width:181px;height:227px;float:left;margin:0 6px}
#design_box{background:url(../img/design_box.jpg) no-repeat;width:181px;height:227px;float:left;margin-left:6px;}
#frontdev_box{background:url(../img/frontdev_box.jpg) no-repeat;width:181px;height:227px;float:left;}
#design_box h4{font-family:Verdana;font-size:16px;color:black;text-align:center;margin-top:25px;}
#design_box p{font-size:12px;color:#373735;width:70%;margin:auto;margin-top:110px;text-align:center;}
#backdev_box h4{font-family:Verdana;font-size:16px;color:black;text-align:center;margin-top:25px;}
#backdev_box p{font-size:12px;color:#373735;width:70%;margin:auto;margin-top:110px;text-align:center;}
#frontdev_box h4{font-family:Verdana;font-size:16px;color:black;text-align:center;margin-top:25px;}
#frontdev_box p{font-size:12px;color:#373735;width:70%;margin:auto;margin-top:110px;text-align:center;line-height:17px;}
#whaticando{margin-left:30px;}
#bottom_content{background:url(../img/bottomcontainer.jpg) repeat-x;height:342px;clear:both;padding-top:50px;}
#bottom_left{width:267px;float:left;}
#bottom_center{width:367px;float:left;}
#bottom_right{width:185px;float:left;}
.orangeTitle{font-size:18px;color:#ce8e1f;padding-bottom:15px;}
#bottom_left p{color:#926c32;font:normal 11px Verdana;width:200px;margin-bottom:20px;}
#bottom_left p.petatitle{color:white;font-weight:bold;font-size:14px;}
#bottom_left a{text-decoration:none; color : #ac751a;padding:0;}
#flickr_photostream td img{border:2px solid white;}
#socialicons li {float:left;margin-right:3px;}
#socialicons li a{width:20px;height:20px;text-indent:-9999px;display:block}
.facebook{background:url(../img/socialicons.jpg) no-repeat -1px 0;}
.twitter{background:url(../img/socialicons.jpg) no-repeat -23px 0;}
.lastfm{background:url(../img/socialicons.jpg) no-repeat -46px 0;}
.flickr{background:url(../img/socialicons.jpg) no-repeat -69px 0;}
.delicious{background:url(../img/socialicons.jpg) no-repeat -92px 0;}
#suggestedsites{width:100%}
#suggestedsites li{background:url(../img/ul_arrow.gif) 0 6px no-repeat;padding-left:20px;}
#suggestedsites li a{color:white;font-family:verdana;font-size:13px;text-decoration:none;}
#suggestedsites li a:hover{color:#ce8e1f}
#footer{bottom:0;width:960px;margin:auto;margin-top:25px;text-transform:capitalize;overflow:hidden;}
#footer_nav{float:left;}
#footer p{color:#63361d;font-size:11px;float:right;margin-right:140px;width:185px;}
#footer p a{color:#fff;text-decoration:none;}
#footer p a:hover{color:#ce8e1f}
#footer_nav li{float:left;padding-right:25px;}
#footer_nav li a{color:#987249;text-decoration:none;}
#footer_nav li a:hover{color:#ce8e1f;}
.contact{padding-top:60px;}
.contact_text{width:340px;float:left;}
.portfoliotitle{clear:both;font-size:65px;color:white;padding:40px 0 0 15px;float:left;}
.contacttitle{clear:both;font-size:53px;color:white;padding:0;margin-bottom:14px;float:left;}
.portfolio_text{font-size:14px;font-family:Verdana;color:#654228;width:480px;float:left;padding-left:19px;margin:30px 30px 30px 35px;}
.portfolio_text a{color:#985631;text-decoration:none}
.portfolio_text a:hover{color:white;}
.portfolio_icon{margin:30px 0 0 0}
#container{padding:0 18px; position:relative;clear:both;margin-top:20px;position:relative;}
#portfolio_left{float:left;width:245px;}
#portfolio_left .retro_car{position:static;float:right;margin-top:-40px;margin-right:5px;}
#portfolio_left .hireme{font-size:30px;}
#portfolio_cat{width:203px;background:url(../img/nav_portfolio_bg.jpg) repeat-x; height:213px;padding:20px;}
#portfolio_cat li{padding:9px 0;margin-bottom:2px;background:url(../img/nav_portfolio_li.gif) left bottom  repeat-x}
#portfolio_cat li.current a{color:#bfdf3b}
#portfolio_cat li a{color:#fff;text-decoration:none;font-size:21px;font-weight:bold;font-family:Georgia;}
#portfolio_container{min-height:600px;overflow:hidden;width:621px;margin-top:2px;float:right;}
.project{width:607px;border:7px solid #130902;}
#portfolio_left .breif_contacts{width:100%;}
.project_title{background:url(../img/portfolio_lbl.jpg) no-repeat;height:36px;line-height:36px;padding-left:10px;color:#996633; cursor:pointer}
.titlename{margin-left:20px;}
.selected{background:url(../img/portfolio_lbl_selected.jpg) no-repeat;color:white;}
.project_desc{background:#130902;padding:11px;color:white;font-size:13px;color:#51331e}
.project_desc span{color:#908e8e;display:block;font-size:13px}
.myarrow{width:0;height:0;border-top:40px solid #91ae22;border-left:10px solid #91ae22;border-right:30px solid #281405;position:absolute;top:20px;left:247px;}
.web{top:20px;}
.logos{top:75px;}
.others{top:125px;}
#portfolio_ul{background:#130902;width:100%;padding:10px;padding-bottom:0;overflow:hidden;clear:both;}
#portfolio_ul li{background:#666;float:left;width:191px;height:121px;margin-bottom:10px;}
#portfolio_ul li a{border:1px solid #0b0502;display:block;}
#portfolio_ul li a:hover{border:1px solid #ffcc00}
.li_middle{margin:0 10px;}
#portfolio_ul_desc{background:#130902;padding:25px 15px;height:20px;color:white;font-size:16px;}
.displaynone{display:none}
.contact_p{font-size:14px;clear:both;width:80%;color:#654228;margin:0 0 20px 10px;}
.contact_p a{color:#CE8E1F;text-decoration:none;}
.contact_p a:hover{text-decoration:underline;}
#contact_form{float:right;font-family:Georgia;font-size:19px;}
#contact_form ul{background:url(../img/contact_box.jpg) no-repeat;width:560px;height:335px;padding:60px 0 0 20px;}
#contact_form input, #contact_form textarea{font-family:Georgia;font-size:17px;}
#contact_form li{overflow:hidden;padding:3px 0;}
#contact_form ul label{display:block;float:left;width:140px;color:#d0f05f;font-size:14px;}
#contact_form ul label.error{color:#4d230e;float:right;text-align:right;margin-right:55px;width:250px;font-family:arial;font-size:13px;}
.myinput{padding:3px;background:#a3b94f;border:1px solid #879c30;width:360px;color:#667919;}
.mytextarea{width:360px;height:80px;background:#a3b94f;border:1px solid #879c30;padding:3px;color:#667919;}
#contact_form .mybutton{background:#a5bd4e;border:0;font-size:14px;margin-right:50px;padding:3px 20px;cursor:pointer}
.mybutton:hover{color:white;}
.column_right{float:right;width:320px;padding-top:20px;}
.textright{text-align:right;}
.dateproject{float:right;font-size:10px;margin-right:20px;color:#996633}
.selected .dateproject{color:#b5d446}
#flickr_photostream{width:333px;background:#100902;overflow:hidden}
#flickr_photostream li{float:left;padding:3px 3px 0 3px;}
#flickr_photostream a{border:1px solid #100902;display:block;width:75px;height:75px;}
#flickr_photostream a:hover{border:1px solid white}
.notfreelance{margin:-10px 0 0 17px;font-size:11px;color:#804223;display:block;}
/*jCarousel.css*************************************/
#carousel_container{
	visibility:hidden;
}
  .jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 287px;
    padding: 0 70px;
	padding-left:71px;
	float:right;
}

.jcarousel-skin-web .jcarousel-container-horizontal {
    width: 607px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  286px;
    height: 298px;
  
}
.jcarousel-skin-web .jcarousel-clip-horizontal {
    width:  607px;
    height: 227px;
  
}


.jcarousel-skin-tango .jcarousel-item {
    width: 286px;
    height: 298px;
	float:left;
}

.jcarousel-skin-web .jcarousel-item {
    width:  607px;
    height: 227px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-web .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-web .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 5px;
    width: 66px;
    height: 56px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-web .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 0px;
    width: 41px;
    height: 58px;
    cursor: pointer;
    background: transparent url(../img/next2.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}


.jcarousel-skin-web .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-web .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -100px 0;
}

.jcarousel-skin-web .jcarousel-next-disabled-horizontal,
.jcarousel-skin-web .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-web .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -100px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 5px;
    width: 66px;
    height: 56px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-web .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    width: 41px;
	left:-1px;
    height: 58px;
    cursor: pointer;
    background: transparent url(../img/prev2.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-web .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-web .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -100px 0;
}

.jcarousel-skin-web .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-web .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-web .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -100px 0;
}

/*EXTRAS*******************************************/
.marginTop20{padding-top:20px;}
.clearboth{clear:both;}
.floatright{float:right;}