* {
 margin:0;
 padding:0;
}

body {
 background:url(../img/body_bg.jpg) #000 repeat;
 font-family:Arial, Helvetica, sans-serif;
 text-align:justify;
 font-size:14px;
 color:#ddd;
}

#menubar {
 height:27px;
 width:100%;
 background:url(../img/menubar1300.jpg) no-repeat center #3d3d3d;
}

#menubar_900 {
 height:27px;
 width:900px;
 margin:0 auto;
}

#header {
 height:257px;
 width:100%;
 background:url(../img/header.jpg) #000 center no-repeat;
}

#header_900 {
 height:257px;
 width:900px;
 margin:0 auto;
 background: url(../img/header.jpg) no-repeat #000;
 background-position:center;
}

#shadow {
 height:20px;
 width:100%;
 background:url(../img/shadow.jpg) repeat-x;
}
 
#content {
 width:860px;
 min-height:400px;
 margin:0 auto;
 background: url(../img/content_bg.jpg) repeat #27282c;
 padding:20px;
}
 
#current_title {
 height:40px;
 width:100%;
 position:relative;
 top:187px;
 background:url(../img/transparent.png) repeat-x;
}

#index_left {
 width:600px;
 float:left;
}

#index_col_holder {
 padding-right:20px;
}

#index_col_1 {
 width:280px;
 padding:0px 10px 20px 0;
 float:left
}

#index_col_2 {
 width:280px;
 padding:0px 0 20px 10px;
 float:right;
}

#showcase {
 padding:20px 20px 20px 0;
 width:580px;
}

#journal {
 width:580px;
 padding:20px 20px 20px 0;
}

#index_right {
 width:220px;
 min-height:1000px;
 padding:0px 20px 20px 20px;
 float:left;
 background:url(../img/v_div.png) left center repeat-y;
}

#services {
 padding-bottom:20px;
}

#footer {
 width: 880px;
 height:30px;
 background: url(../img/footer_bg.jpg) repeat;
 margin:0 auto 20px auto;
 text-align:right;
 padding-right:20px;
}

#about_left {
 width:650px;
 float:left;
 padding-right:20px;
 background:url(../img/v_div.png) right center repeat-y;
}

#about_right {
 width:160px;
 padding-left:20px;
 float:left;
}

.clear {
 clear:both;
}

.portfolio {
 width:420px;
 height:510px;
 float:left;
 text-align:justify;
 padding: 0 5px 40px 5px;
}

.h {
 height:2px;
 width:100%;
 background:url(../img/h_div.png) repeat-x;
}

/*-------------------------------------------- Text */

a {
 color:#95d58b;
 text-decoration:none;
 font-weight:bold;
 font-size:14px;
}

a:hover {
 color:#7cb374;
 text-decoration:underline;
}

a img {
 border:none;
}

.portfolio img {
 border:1px solid #000;
}

#footer p {
 padding-top:7px;
 color:#ccc;
}

.portfolio p {
 line-height:1.5em;
 padding-top:10px;
}

.title {
 color:#1fcb80;
 font-size:11px;
}

h1, h2, h3, h4, h5 {
 font-family:Arial, Helvetica, sans-serif;
 color:#fff;
 margin:0 0 0.5em 0;
}

p, blockquote {
 margin-bottom:0.8em;
}

ul {
 padding:0 0 15px 15px;
}

#about_right ul li {
 padding:5px 0;
}

#about_right ul {
 list-style:none;
}

#rotator, #rotator li {
 padding:0;
}

blockquote {
 margin-bottom:1em;
 padding-left:20px;
}

.postdate {
 text-align:right;
 font-size:11px;
}

ul#services_list {
 padding:0;
}

#services_list li {
 background:url(../img/h_div.png) bottom center repeat-x;
 padding: 5px 0 8px 0px;
 list-style:none;
}

/*-------------------------------------------- Logo */

#logo a {
 display:block;
 float:left;
 width:171px;
 height:257px;
 background: url(../img/logo1.png) no-repeat;
}

#logo a:hover {
 background-position:-171px 0;
}

/*-------------------------------------------- Icons */

#social {
 width:30px;
 float:right;
}

#icon_t, #icon_f, #icon_j, #icon_l {
 float:right;
 width:110px;
 height:30px;
 background: url(../img/icons.png) no-repeat;
}

#icon_t {background-position:0px -30px}
#icon_t:hover {background-position:-110px -30px}

#icon_f {background-position:0 0}
#icon_f:hover {background-position:-110px 0px}

#icon_j {background-position:0px -60px}
#icon_j:hover {background-position:-110px -60px}

#icon_l {background-position:0px -90px}
#icon_l:hover {background-position:-110px -90px}


/*-------------------------------------------- Menu */

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a {
 display:block;
 float:left;
 height:27px;
}

#menu1 a {background:url(../img/menu/home.jpg) no-repeat; width:87px}
#menu1 a:hover {background-position:0 -27px}

#menu2 a {background:url(../img/menu/about.jpg) no-repeat; width:85px}
#menu2 a:hover {background-position:0 -27px}

#menu3 a {background:url(../img/menu/portfolio.jpg) no-repeat; width:100px}
#menu3 a:hover {background-position:0 -27px}

#menu4 a {background:url(../img/menu/blog.jpg) no-repeat; width:73px}
#menu4 a:hover {background-position:0 -27px}

#menu5 a {background:url(../img/menu/contact.jpg) no-repeat; width:100px}
#menu5 a:hover {background-position:0 -27px}

/*-------------------------------------------- Twitter */

#twitter_div {
 width:240px;
 /*padding:20px;*/
 float:left;
/* text-align:left;*/
}

#twitter_div ul li {
 list-style:none;
 padding: 0 0 10px 0;
}

#twitter_div ul li a { visibility: hidden;}

#twitter_link {
 display:block;
 text-align:right;
}

#twitter_div ul li span { visibility: visible;}
#twitter_div ul li span a { visibility: visible;}

/*---------------------------------------- Image rotator */

/* rotator in-page placement */
#rotator {
 position:relative;
 width:580px;
 height:350px;
 float:left;
}

#rotator ul {
 padding:0;
}

/* rotator css */
#rotator ul li {
 float:left;
 position:absolute;
 list-style: none;
}

/* rotator image style */	
#rotator ul li img {
 background: #FFF;
 position:relative;
}

#rotator ul li.show {
 z-index:500;
}