@charset "utf-8";
/* General Styles */
* { margin: 0px; padding: 0px; }
body { font-family: Minion Pro, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.8em; background: #fff; border: 0px; color: #000; letter-spacing: 1px;  }

body br { letter-spacing:0em; }

html,body { height: 100%; }
.clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;  }
a:link,a:visited { color: #484848; text-decoration: none; }
a:hover { color: #484848; text-decoration: underline; }
i { color: #666; font-size: 12px; }
img { vertical-align: middle; border: 0px; }
ol, ul { list-style: none; }
hr { border: 0px; border-top: 1px solid #1A1A1A; padding-top: 20px; margin-top: 20px; }

/* Header Styles */
#header ul { float: right; text-align: right; margin-top:-5px; }
#header li  { display: inline;  width: 85px; height:20px;float: left; margin-left: 10px; text-align: left; vertical-align: bottom; border-bottom: 1px solid #ccc; line-height: 2.2em; overflow: hidden; }
#header li a:link, #header li a:visited { color: #000; width: 85px; height:20px; display: block; }
#header li a:hover {  background: #FFFF00; text-decoration: none; }
#logo { width: 250px; overflow: hidden; }
#logo h1 { font-size: 25px; line-heigh: 1em; padding-bottom: 5px; _padding-bottom: 0px; }
#logo span { display: inline; line-height: 1.5em; }


/* Layout Styles */
#wrapper { width: 932px; margin: auto;  }
#header { padding: 20px 0 50px; }
#main { width: 100%; }
#content { float: left; width: 712px; height:auto; }
#footer { margin-top: 60px; }


/* Supp Styles */
#supp { float: right; width: 190px; }
#supp .component { padding-bottom: 20px; }
#supp_links li a { display: block; width: 190px; height: 25px; border-bottom: 1px solid #ccc; line-height: 3em; overflow: hidden; }
#supp_links li a:hover { text-decoration: none; background: #FFFF00;   }

/* Content Style */
#content h1, #supp h2, #feed h4 { font-size: 14px; border-top: 4px solid #1A1A1A;  margin-bottom:15px; color:#000; padding-top: 10px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }


.col1 { float: left; width: 170px; }
.col1 li a { display: block; width: 170px;height: 25px; border-bottom: 1px solid #ccc; line-height: 3em; overflow: hidden; }
.col1 li a:hover { text-decoration: none; background: #FFFF00;   }
.sel { display: block; width: 170px; height: 25px; border-bottom: 1px solid #ccc; line-height: 3em; overflow: hidden; background: #FFFF00;  }

.col2 { float: right; width: 512px;  padding:0px; overflow: hidden;  }
#col2 { float: right; width: 515px;  padding:0px; overflow: hidden;  }
.col2 h4 { font-size: 18px; line-height: 2em; padding-bottom: 15px; }
#works, #works1 {  background: url(images/bg.jpg) repeat-y;  border: 1px solid #ccc; border-top: 0; }
#works img, #works1 img { width: 170px; }
#works1 { border-left: 1px solid #ccc;   }
.feedcol { float: left; width:170px; height: 100%; border-right: 1px solid #ccc;  }
#feedcol3 { margin-right: 0; border-right: 0; }
#feedcol1 {margin-left: 0; }
.feedhilite { width: 100%; border-top: 1px solid #ccc; }
.feedhilite3 { width: 100%; border: 1px solid #ccc; border-right: 0px; border-left: 0px;}
.feedcol h2 { font-size: 12px;  }

.pages { margin-top: 20px; padding: 3px; border-top: 1px solid #ccc; background: #fff; }


/*-------------- DESIGNER A-Z PAGES ---------------*/
#atoz-page-container a{margin:5px 0; padding:1px 0;}
#atoz-page-container a:hover{background-color:#000000; color:#FFFFFF; text-decoration:none;}
.designer_list_col{display:inline; float:left; width:160px; margin-top: -10px;}
#atoz-page-container #final_column{width:100px;}
.designer_list_col ul{list-style:none;}
.designer_list_col ul li{margin-top: 4px; margin-bottom: 4px;}
.top-letter{font-size:215%; text-transform: uppercase; padding-bottom: 5px; padding-top: 25px;}/*big frist letter in the top row*/
#list li { display: inline; margin-right: 30px; }


/*-------------- DESIGNER A-Z PAGES ---------------*/
#desc h3 { font-size: 14px; padding-top: 15px; line-height: 1.5em; }
.works-info { line-height: 1.5em;  padding: 3px; }
.works span a { text-decoration: underline; }
.works-img {  border-bottom: 1px solid #ccc; }




/*-------------- ABOUT PAGES ---------------*/
#history li, .joinContent li { border-top: 1px solid #1A1A1A; padding: 20px 0 20px 0; }
.step { margin-bottom: 20px; }
.step li { display: inline; margin-right: 10px;  }


/*-------------- TEAM  LIST ---------------*/
.team-list li { width: 100%; border-top: 1px solid #ccc; padding-top: 15px;  }
.team-list-logo { float: left;  margin-right: 10px; padding-bottom: 15px;   }
.team-list-content {  padding-bottom: 15px;  line-height: 1.6em;}
.team-list-content h2 { font-size: 14px; line-height: 2em;  }


/*-------------- EVENTS LIST ---------------*/
.event-list { margin-top: 10px; }
.event-list li { width: 100%; border-top: 1px solid #ccc; padding-top: 10px; }
.event-list-img { float: left;  margin-right: 15px; padding-bottom: 10px;  }
.event-list-content { padding-bottom: 10px; padding-bottom: 10px;   }
.event-list-content h2 { font-size: 14px; line-height: 2em;   }


/* Default page */
.outer_img { width: 190px; height: 150px; background: #000; margin-bottom: 25px;   }
.outer_img1 { float: left; margin-left: 25px;  background: #000; width: 220px; height: 125px;  }
#main-image { background: #000; width: 710px; height: 399px;  }
.img0 a { color:#fff; display: block; width: 710px; height: 399px; position: absolute; z-index: 2;background-repeat:no-repeat !important; background-position:center center !important; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#main0-image p { font-size: 100px; }
#first_img1 { margin: 0; }
.img2 a { color:#fff; display: block; width: 190px; height: 150px; position: absolute; z-index: 2;background-repeat:no-repeat !important; background-position:center center !important; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;  }
.img3 a { color:#fff; display: block; width: 220px; height: 125px; position: absolute; z-index: 2;background-repeat:no-repeat !important; background-position:center center !important; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }	
.date { padding: 10px; color: #FFFFFF; font-size: 14px; }	
.img2  a:hover, .img3 a:hover, .img0 a:hover { filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
.news-img1 { float: left; margin-right: 25px; _margin-right: 20px; }
.works-1 {margin-left: 25px; }


/*-------------- NEWS LIST ---------------*/
#content .posts li { border-top: 1px solid #ccc; clear:both; padding-top:10px;  height: 100%; _margin-top: -10px; line-height: 1.6em;}
#content .posts h2 { font-size: 13px; margin-bottom: 10px; line-height: 1.6em; color: #1A1A1A; }
#content .posts a { color: #1A1A1A; }
#content .posts li.first { border:none; padding-top:0; _padding-bottom: 10px; _margin-top: 10px; }
#content .posts li .img { float: left; width: 450px; padding-bottom: 10px; }
#content .posts li .img_c { float: left; width: 450px; padding-bottom: 10px; display: none; }
#content .posts li .content { float: right; width: 245px; padding-bottom: 10px;  }
.longpost h4 { font-size: 18px; line-height: 2em; padding-bottom: 15px; }
.longpost li { list-style: disc; margin-left: 15px; }

#showWorks li { list-style: none; margin: 0px; padding: 0px; margin-bottom: 1.8em; }
#showWorks li .img { float: left; margin-right: 15px; }
#showWorks li .content { *float: left; }

#skillstar {  border-left: 1px solid #666; border-top: 1px solid #666 }
#skillstar td { width: 150px; text-align: center; height: 45px; padding-top: 10px; border-right: 1px solid #666;  border-bottom: 1px solid #666; }
#skillstar td .t-title { height: 60px; font-size: 24px; }


.share { margin-top: 30px; margin-bottom: 20px; }
.share li { display: inline; margin-right: 5px; margin:0; list-style: none; }

hr { border: 0; }

/* TOPNAVI Styles */
.top_navi { padding-top: 30px; }
.top_navi .prev { font-size:12px; width:100px; float:left; }
.top_navi .next { font-size:12px; width:100px; float:right; text-align:right; }
.top_navi .main { font-size:12px; margin:0px 100px; text-align:center; }

/* Download Styles */
.pdf { padding-left: 22px; padding-top: 3px;  background: url(images/pdf.gif) no-repeat; }
.doc { padding-left: 22px; padding-top: 3px;  background: url(images/doc.gif) no-repeat; }

/* Footer Styles */
#ft { padding: 0.5em 0 1em;  border-top: 1px solid #ccc;  }
#ft li { display: inline; padding-left: 5px; border-left: 1px solid #808080; margin-right: 5px; }
#ft li.first { padding: 0; border-left: 0; }
#ft li.withassociates { float:right; border-left: 0; }

/**/
#temp2{height:399px; width:710px;}
#temp2 .JQ-content-box { overflow: hidden; width:710px; height: 399px; position:relative}
#temp2 .JQ-content-box .JQ-slide-content { position:absolute;}
#temp2 .JQ-content-box li {width:710px; height: 399px;float:left;}
#temp2 .JQ-slide-nav { display:none; overflow:hidden;}