/*------------------------------------------------------

CSS overview: 

	1. RESET
	2. ERROR 404 PAGE
	3. MAIN CONTENT
	4. FULLWIDTH MEDIA
	5. SCROLL TO TOP
	6. PRIMARY MENU 
	7. SECTION TITLE
	8. FOOTER
	9. TWITTER
	10. PHOTOSTREAM
	11. COLUMNS
	12. SERVICES GRAPH
	13. TEAM
	14. BUTTONS
	15. HIGHLIGHTS
	16. DROPCAPS
	17. DIFFERENT UL STYLES
	18. TOGGLE 
	19. ACCORDION
	20. TABS
	21. PORTFOLIO
	22. PORTFOLIO THUMBNAIL HOVER
	23. PORTFOLIO FILTERABLE NAVIGATION
	24. GALLERY
	25. CONTACT
	
---------------------------------------------------------*/

/*--------------------------------------------------
				      RESET
---------------------------------------------------*/
pre,code{
	font-family:"Times New Roman", Times, serif;
	white-space:pre;
	padding:20px;
	letter-spacing: 0.1em;
}
pre{
	padding:5px;
}
code{
	background:#f7f7f7;
	font-size:11px;
	color: #666666;
	padding: 3px;
	padding-left: 10px;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
}
html, body {
	height: 100%;
	width: 100%;
}
::-moz-selection{ color: #fff; background: #EC5B43; }
::selection { color: #fff; background: #EC5B43; }
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #555;
	background-color: #fff;
}
h1,h2,h3,h4,h5,h6{
	margin-bottom: 14px;
	font-weight: bold;
	clear: both;
}
h1{
	font-size:28px;
	line-height: 34px;
}
h2{
	font-size: 22px;
	line-height: 27px;
}
h3{
	font-size:18px;
	line-height: 22px;
}
h4{
	font-size:16px;
	line-height: 20px;	
}
h5{
	font-size:14px;
	line-height: 17px;
}
h6{
	font-size:12px;
	line-height: 16px;
}
ul, ol	{
	display: block;
	padding: 0px;
	margin: 0 0 14px 17px;
}
blockquote {
	font: italic 17px/1.25em Georgia, "Times New Roman", Times, serif;
	color: #aaa;
	background: url(../images/sprite.png) no-repeat scroll 0 -617px transparent;
	padding: 0 0 15px 55px;   
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
blockquote.left, blockquote.right {
	width: 60%;
}
blockquote.left {
	margin-right: 25px;
}
blockquote.right {
	float: right;
	margin-left: 25px;
}
blockquote small {
    font-size: 11px;
}
p {
	margin-bottom: 14px;
}
p:last-child {
	margin-bottom: 0;
}
em {
	font-style: italic;
}
strong, b {
	font-weight: bold;
}
input, textarea, select {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	-webkit-transition: all 0.2s ease-out 0s;   
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s; 
	outline: medium none;
	font: normal 12px/1.3em Helvetica, Arial, sans-serif;
	color: #bbb;
	background-color: #f7f7f7;
	border: 1px solid #e5e5e5; 
	padding: 8px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #8DC5C5;
	background-color: #fff;
	color: #676767;
	box-shadow:0 0 4px rgba(82,168,236,.5);
	-moz-box-shadow:0 0 4px rgba(82,168,236,.5);
	-webkit-box-shadow:0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
	cursor:pointer;
	text-align:center;
	font: bold 11px/1.3em Helvetica, Arial, sans-serif;
	text-transform: uppercase;
    color: #fff;
	text-decoration:none !important;
	background-color: #333;	
	padding: 7px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
input.submit:hover {
    color: #333;
}
a { 
	-webkit-transition:all 0.14s ease 0s; 
	-moz-transition:all 0.14s ease 0s; 
	-o-transition:all 0.14s ease 0s; 
	outline:none;
	color: #555;
}
a:hover {
	color: #999;
	text-decoration: none;
}
.title, .title a { 
	text-decoration: none;
}
.title a:hover {
}
.more-link {
	font: bold italic 12px/17px Helvetica,Arial,sans-serif;
}
.alignleft {
	float:left;
	margin: 5px 10px 0 0;
}
.alignright {
	float:right;
	margin: 5px 0 0 10px;
}
.aligncenter {
	display: block;
	margin: 10px auto 10px auto;
}
.text-align-right {
	text-align: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.right {
	float: right;
}
.left {
	float: left;
}
.divider {
	height: 40px;
	clear: both;
}
.divider-border {
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
}
/*--------------------------------------------------
			ERROR 404 PAGE
---------------------------------------------------*/
.error {
	background-color: #333;
	overflow: hidden;
	margin-bottom: -100px;
	width:100%;
}
.error .left, .error .right {
	float: left;
	width:46%;
	margin: 0;
	padding: 300px 2%;
}
.error .left {
	background-color: #333;
	text-align: right;
}
.error .right {
	color: #333;
}
.error h1 {
	font: bold 142px/1em Helvetica, Arial, sans-serif;
	margin-left: -10px;
}
.error h2 {
	font-size:24px;
	line-height: 30px;
}
/*--------------------------------------------------
			MAIN CONTENT
---------------------------------------------------*/
#content-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}
.content {
	margin: 0 2%;
	padding: 25px 0 0 0;
	border-top: 1px solid #eee;
}
#wrapper img, #wrapper iframe {
	max-width:100%;
}
#header-wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 25px 0;
	background-color: #fff;
	opacity:0.97;
	filter:alpha(opacity=97);
	z-index: 100;
}
.header {
	margin: 0 2%;
}
#logo, #logo a {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 8px;
}
/*--------------------------------------------------
		FULLWIDTH MEDIA
---------------------------------------------------*/
.fullwidth {
	margin-bottom: -1px;
}
.fullwidth.showreel {
	margin-bottom: -100px;
}
.fullwidth img, .fullwidth iframe {
	width: 100%;
    display: block;
    position: relative;
}
/*--------------------------------------------------
			SCROLL TO TOP
---------------------------------------------------*/
#back-top {
    display: none;
}
#back-top a {
	display: block;
	font-size: 11px;
	position: relative;
	z-index: 1000;
	width: 31px;
	height: 31px;
	float: right;
	margin: 7px 1px 2px 0;
	padding: 0px;
	background: url(../images/sprite.png) no-repeat scroll 9px -540px #333;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	text-indent: -9999px;
}
#back-top a:hover {
	background: url(../images/sprite.png) no-repeat scroll 9px -514px;
}
/*--------------------------------------------------
			PRIMARY MENU 
---------------------------------------------------*/
#primary-menu {
	float: left;
	margin: 17px 0 0 55px;
}
#primary-menu select {
	display:none;
}
#primary-menu select {
	background: none repeat scroll 0 0 #f7f7f7;
	border: 1px solid #eee;
    cursor: pointer;
	padding: 6px;
	margin: 0;
	box-shadow:0 0 0 rgba();
	-moz-box-shadow:0 0 0 rgba();
	-webkit-box-shadow:0 0 0 rgba();
	color: #555;
}
#primary-menu ul {
	margin: 0;
	list-style-type: none;
}
#primary-menu ul li:hover { 
	visibility: inherit; 
}
#primary-menu ul li {
	position: relative;
	display: inline;
	float: left;
}
#primary-menu ul li:before {
    content: "/";
	color: #ccc;
	font-size: 11px;
}
#primary-menu ul li:last-child:before, #primary-menu ul ul li:before {
    content: "";
}
#primary-menu ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	color: #333;
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0 3px 15px 3px;
}
#primary-menu ul li a:hover, #primary-menu ul li.sfHover a, #primary-menu ul li a.current {
	color: #bbb;
}
#primary-menu ul li span {
	color: #ccc;
	font-size: 11px;
}
#primary-menu ul ul {
	position: absolute;
	top: -9999em;
	z-index: 9999;
}
#primary-menu ul ul li { 
	width: 100%; 
}
#primary-menu ul li:hover ul {
	left: 7px;
	top: 27px;
}
#primary-menu ul li:hover li ul { 
	top: -9999em; 
}
#primary-menu ul li li:hover ul {
	left: 181px;
	top: 0;
}
#primary-menu ul ul {
	padding: 0;
	margin: 0;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5)
}
#primary-menu ul ul li {
	margin: 0;
	background: none;
	border-bottom: 1px solid #555;
}
#primary-menu ul ul li:last-child {
	border-bottom: none;
}
#primary-menu ul ul li a {
	font-size: 11px;
	padding: 12px 15px;
	margin: 0;
	width: 150px;
    background: #333; 
}
#primary-menu ul ul li a:hover { 
    color: #333;    
}
/*--------------------------------------------------
		  SECTION TITLE
---------------------------------------------------*/
.section-title {
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 0;
}
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h5, .section-title h6 {
	margin: 0;
	display: inline;
}
.section-title h1 {
    font: bold 30px/1.2em Helvetica, Arial, sans-serif;
}
/*--------------------------------------------------
						 FOOTER
---------------------------------------------------*/
#footer-wrapper {
	font-size: 11px;
	float: left;
	width: 100%;
	margin: 100px 0 0 0;
	position: relative;
}
.footer {
	color: #777;
	border-top: 1px solid #eee;
	margin: 0 2%;
	padding: 30px 0;
	overflow: hidden;
}
.footer a, .footer-hidden-content a {
	font-weight: bold;
}
.footer a:hover, .footer-hidden-content a:hover {
	color: #999;
}
.footer ul, .footer-hidden-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer ul li, .footer-hidden-content ul li {
	float: left;
	width: 100%;
	margin-bottom:15px;
}
.footer .photostream img {
	height: 36px;
	width: 36px;
}
.footer-hidden {
	width: 100%;
	position: absolute;
	display: none;
	left: 0;
	z-index: 9999; 
	background-color: #fff;
	box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.23);
}
.footer-hidden-content {
	margin: 0 2%;
	padding: 45px 0;	
	overflow: hidden;
	font-size: 12px;
}
ul.latest-posts li span.date {
	color: #aaa;
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
}
/*--------------------------------------------------
				TWITTER
---------------------------------------------------*/
.tweets ul, .widget .tweets ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.tweets li, .widget .tweets li {
	margin-bottom: 30px;
	word-wrap: break-word;
}
.widget .tweets li {
	color: #555;
}
.tweet_even:last-child, .tweet_odd:last-child {
	margin-bottom: 0;
}
.tweets .tweet_text {
	list-style-type: none;
	display: block;
}
.tweets .tweet_text a {
	display: inline;
	font-weight: bold;
	font-style: italic;
}
.tweets .tweet_time {
	display: block;
	margin-top: 5px;
}
.tweets .tweet_time a {
	font: normal 0.9em/1.2em Helvetica,Arial,sans-serif;
	font-style: italic;
	color: #999;
	padding: 5px 0 5px 17px;
	background: url(../images/sprite.png) no-repeat 0 -574px;
}
.tweets .tweet_time a:hover {
	color: #555;
}
/*--------------------------------------------------
			PHOTOSTREAM
---------------------------------------------------*/
.photostream-wrapper, .footer .photostream-wrapper {
	float: left;
}
.photostream ul, .footer .photostream ul, .widget .photostream ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: -7px;
}
.photostream ul li, .footer .photostream ul li, .widget .photostream ul li {
	width: auto;
	float: left;
	margin: 0 0 7px 7px;
}
.photostream a, .footer .photostream a {
	display: block;
}
.photostream img, .footer .photostream img {
	height: 50px;
	width: 50px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.photostream a:hover img, .footer .photostream a:hover img {
	opacity:1;
	filter:alpha(opacity=100);
}
/*--------------------------------------------------
				      COLUMNS
---------------------------------------------------*/
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; margin-right:4%; }
.one { width: 100%; margin-right: 0; }
.one-half {	width: 48%; }
.two-third { width: 65.33%; }
.one-third  { width: 30.66%; }
.one-fourth { width: 22%; }
.last { margin-right: 0 !important; }
/*--------------------------------------------------
		   SERVICES GRAPH
---------------------------------------------------*/
.skills-graph {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.skills-graph li, .skills-graph li span {
	-moz-border-radius: 300px 300px 300px 300px; 
	-webkit-border-radius: 300px 300px 300px 300px;
	border-radius: 300px 300px 300px 300px;
}
.skills-graph li {
	margin-bottom: 10px;
	font-size: 11px;
	text-transform: uppercase;
}
.skills-graph li p {
	margin-bottom: 0;
}
.skills-graph li strong {
	margin-left: 5px;
}
.skills-graph li span {
	height: 13px;
}
/*--------------------------------------------------
			TEAM
---------------------------------------------------*/
.team {
	background-color: #f7f7f7;
	position: relative;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);   
}
.team-member-info {
	padding: 20px;
	overflow: hidden;
}
.team img {
    width: 100%;
}
.team-member-info strong {
	font-size:11px;
	text-transform: uppercase;
	line-height: 17px;
}
.team-member-info p {
	margin-top: 15px;
}
.team-member-info h4, .team-member-info strong, .team-member-info p {
	margin-bottom: 0;
}
.team-member-info .social-personal {
	margin: 13px 0 0 0;
	padding: 13px 0 0 0;
	list-style-type: none;
	border-top: 1px dotted #CCCCCC;
}	
.team-member-info .social-personal li {
	display: inline;
}	
.team-member-info .social-personal li a {
	padding: 0 5px;
	font-size:10px;
	text-transform: uppercase;
	font-weight: bold;
}
.team-member-info .social-personal li span {
	font-size: 10px;
}
/*--------------------------------------------------
		    BUTTONS
---------------------------------------------------*/
.button {
	cursor:pointer;
	text-align:center;
	display:inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.button.right {
	float:right;
}
.button, .button:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-transform:uppercase;
}
.button:hover {
	background-color: #333;
}
.button.grey:hover {
    color: #333;
}
.small {
	padding:0 6px;	
	font-size: 10px;
	line-height: 15px;
}
.medium {
	font-size:11px;
	padding: 7px 14px !important;
}
.large {
	padding: 11px 19px 11px 19px !important;
	font-size: 17px;
}
.rounded {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius:20px;
}
.grey { background-color:#333; }
.yellow { background-color:#FEEB43; color: #333; }
.orange { background-color:#ff8850; }
.green { background-color:#78d18b; }
.tealgreen { background-color:#3ea9a1; }
.blue { background-color: #7CC0CB; }
.navyblue { background-color: #657383; }
.purple { background-color:#9a86a2; }
.magenta {background-color:#C25283; }
.pink { background-color:#F9A7B0; }
.red { background-color:#dc4f49; }
.cream { background-color:#C9C299; }
/*--------------------------------------------------
			HIGHLIGHTS
---------------------------------------------------*/
.highlight1 {
    color: #333;
	padding: 1px 5px;
}
.highlight2 {
	background-color: #333;
	color: #FFFFFF;
	padding: 1px 5px;
}
.highlight3 {
	border-bottom: 1px dotted;
}
/*--------------------------------------------------
			DROPCAPS
---------------------------------------------------*/
.dropcap1 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #444;
	margin: 0 8px 0 0;
	font-weight: bold;
}
.dropcap2 {
    background-color: #333;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 32px;
    margin: 6px 8px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 44px;
}
.dropcap3 {
    background-color: #333;
    border-radius: 55px 55px 55px 55px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 44px;
    margin: 6px 8px 0 0;
    text-align: center;
    width: 44px;
}
/*--------------------------------------------------
			DIFFERENT UL STYLES
---------------------------------------------------*/
.check-list, .arrow-list, .star-list {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.check-list li, .arrow-list li, .star-list li {
	margin-bottom: 5px;
	padding-left: 20px;
}
.arrow-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll -82px 5px transparent;
}
.check-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll -42px -45px transparent;
}
.star-list li {
	background: url(../images/bullet-ul.png) no-repeat scroll 0px -82px transparent;
}
ul.colored-counter-list {
	counter-reset:li;
	margin-left:0; 
	padding-left:0; 
}
ul.colored-counter-list > li {
	position:relative; 
	list-style:none;
	padding-left: 35px;
	margin-bottom: 13px;
}
ul.colored-counter-list > li:before {
	content:counter(li); 
	counter-increment:li; 
	position:absolute;
	top:0;
	left:0;
	width:25px;
	margin-right:8px;
	padding: 3px 0;
	text-align:center;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-color: #333;
	color: #fff;
}
/*--------------------------------------------------
			TOGGLE
---------------------------------------------------*/
.toggle-wrap {
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
.trigger a {
	display: block;
	padding: 10px;
	padding-left: 40px;
	text-decoration: none;
	font-weight: bold;
	color: #555;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	background: url(../images/bullet-toggle.png) no-repeat 15px 15px #f7f7f7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.trigger.active a { 
	background: url(../images/bullet-toggle.png) no-repeat 15px -30px #f7f7f7;
}
.toggle-container {
	overflow: hidden;
	float: left;
	padding: 15px 5px;
}
/*--------------------------------------------------
	     ACCORDION
---------------------------------------------------*/
.trigger-button {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 4px;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bullet-toggle.png) no-repeat 15px 15px #f7f7f7;
	cursor:pointer;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.trigger-button.active { 
	background: url(../images/bullet-toggle.png) no-repeat 15px -30px #f7f7f7;
}
.trigger-button span {
	padding-left: 40px;
}
.accordion {
	float: left;
	padding: 15px 5px;
}
/*--------------------------------------------------
			 	TABS
---------------------------------------------------*/
ul.tabs {
	list-style: none;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
ul.tabs li {
	overflow: hidden;
	position: relative;
	margin-right: 2px;
	float: left;
}
ul.tabs li {
}
ul.tabs li a {
	display: block;
	padding: 7px 15px;
	background-color: #f7f7f7;
	color: #555;
}
ul.tabs li a:hover, ul.tabs li.active a {
	background-color: #333;
	color: #fff;
}
.tab-container{
	width: 100%;
	border-top: 1px solid #333;	
	background-color: #f7f7f7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);  
}
.tab-container {
	margin: 0px;
	padding: 0px;
	float: left;
}
.tab-content {
	padding: 20px;
}
/*--------------------------------------------------
				PORTFOLIO
---------------------------------------------------*/
.portfolio-grid ul li a.hide {
	display: none;
}
.portfolio-grid  {
	display: block;
	list-style-type: none;
	width: 101%;
	float: left;
	margin: 0 0 0 -1%;
	padding: 0px;
}
.portfolio-grid ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.portfolio-grid ul li {
	float: left;
	padding: 0 0 1% 1%;
}
.item {
	position: relative;
   	overflow: hidden;
	background-color: #f7f7f7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10);   
}
.isotope {
    -moz-transition-property: height, width;
}
.isotope-hidden {
    z-index: 0 !important;
}
.isotope-item {
    z-index: 1;
}
@media screen and (min-width: 1821px) {
.portfolio-grid ul li { width: 15.665%; } /* catch-all for huge screen sizes */
}
@media screen and (max-width: 1820px) {
.portfolio-grid ul li { width: 18.995%; }
}
@media screen and (max-width: 1560px) {
.portfolio-grid ul li { width: 18.995%; }
}
@media screen and (max-width: 1300px) {
.portfolio-grid ul li { width: 23.995%; }
}
@media screen and (max-width: 1040px) {
.portfolio-grid ul li { width: 32.32%; }
}
@media screen and (max-width: 780px) {
.portfolio-grid ul li { width: 48.90%; }
}
@media screen and (max-width: 520px) {
.portfolio-grid ul li { width: 100%; padding: 0 0 20px 0; }
}
@media screen and (max-width: 260px) {
.portfolio-grid ul li { width: 100%; padding: 0 0 20px 0; }
}
.item-info {
	padding: 10px 15px;
	float: left;
	height: 37px;
	max-height: 60px;
}
.item-info h3 {
	font-weight: normal;
}
.item-info h3, .item-info-overlay h3 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.item-info h3.title a {
	color: #555;
}
.item-info-overlay h3.title a {
	color: #555;
}
.item-info-overlay h3.title a:hover {
	color: #999;
}
.item-info h4, .item-info-overlay h4 {
	font-size: 11px;
	font-weight: normal;
	line-height: 17px;
	text-transform: uppercase;
	margin-bottom: 0;
}
/*--------------------------------------------------
		    PORTFOLIO THUMBNAIL HOVER
---------------------------------------------------*/
.item-info-overlay {
	color: #555;
	font-size:11px;
}
.item-info-overlay {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	display: none;
    z-index: 99;
	background-color: #f7f7f7;
}
.item-info-overlay div {
	padding: 0 9% 9% 9%;
}
.item-info-overlay h3 {
	padding: 9% 9% 0 9%;
}	
.item-info-overlay p {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #bbb;
}	
.item-info-overlay a.preview, .item-info-overlay a.view {
	position: absolute;
	bottom: 0px;
	-webkit-transition-duration: 0s; 
	-moz-transition-duration: 0s; 
	-o-transition-duration: 0s; 
	text-indent: -9999px;
	height: 37px;
	width: 37px;
    z-index: 110;
}
.item-info-overlay a.view {
	background: url(../images/sprite.png) no-repeat scroll 11px 13px #333;
	right: 0px;
}
.item-info-overlay a.view:hover {
	background: url(../images/sprite.png) no-repeat scroll 11px -18px #333;
}
.item-info-overlay a.preview {
	background: url(../images/sprite.png) no-repeat scroll 12px -50px #333;
	right: 38px;
}
.item-info-overlay a.preview:hover {
	background: url(../images/sprite.png) no-repeat scroll 12px -83px #333;
}
/*--------------------------------------------------
		PORTFOLIO FILTERABLE NAVIGATION
---------------------------------------------------*/
.filterable {
	margin: 15px 0 0 0;
	padding: 0;
	float: right;
	width:70%;
}
.filterable ul {
	float: right;
	margin: 0;
	padding: 0;
}
.filterable ul li {
	display: inline;
	float: left;
	padding-bottom: 5px;
}
.filterable li:before {
    content: "/";
	color: #ccc;
	font-size: 11px;
}
.filterable ul li:last-child:before {
    content: "";
}
.filterable li:first-child {
	padding-left: 0;
}
.filterable li a {
	color: #bbb;
	font-size: 11px;
	line-height: 16px;
	text-transform: uppercase;
	float: left;
	margin: 0 8px;
}
.filterable li a:hover {
	color: #333; 
}
.filterable li.active a, .filterable li.current a {
	color: #333;
}
/*--------------------------------------------------
			GALLERY
---------------------------------------------------*/
.gallery-item {
	float: left;
   	overflow: hidden;
   	position: relative;
}
.gallery-item img {
   	display: block;
   	position: relative;
	float: left;
}
.gallery-item h2 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.gallery-item h3 {
   	font-size: 14px;
}
.gallery-item a.view {
	position: absolute;
	z-index: 110;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	text-indent: -999px;
}
.gallery-item .mask {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 80%;
	width: 80%;
	padding: 10%;
	text-align: center;
	text-transform: uppercase;
    color: #333;
}
.thumb .mask {
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(255,255,255, 0.85);
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   -ms-transition: all 0.25s ease;
   transition: all 0.25s ease;
}
.thumb:hover .mask {
   filter: alpha(opacity=100);
   opacity: 1;
}	
/*--------------------------------------------------
			CONTACT
---------------------------------------------------*/
.google-map {
	height: 500px;
}
.form p {
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	width: 100%;
    float: left;
    margin-bottom: 0;
	position: relative;
}
.form p label {
	width: 100%;
    float: left;
}
.form input, .form textarea {
	width: 65%;
	margin-bottom: 19px;
}
.form textarea {
	width: 100%;
	height: 150px;
}
.form .submit {
	width: 130px;
    margin-bottom: 0;
}
.form .contact-error {
    color: #EC5B43;
	font: bold 11px/1.2em Helvetica,Arial,sans-serif;
    position: absolute;
    bottom: 3px;
    left: 0;
}
.contact-success {
	overflow: hidden;
	margin: 20px 0 30px 0;
}


/*--------------------------------------------------
				     PANEL
---------------------------------------------------*/
#panel {
	position: fixed;
	top: 100px;
	z-index: 999;
}
#panel-admin {
	float: left;
	width: 170px;
	padding: 20px;
	background: #333;
	color: #999999;
}
.open{
	background: url(../images/style-panel-button.png) no-repeat -5px 0 transparent;
	display: block;
	height: 190px;
	width: 33px;
	float: right;
}
#panel-admin select, #panel-admin select:focus {
	width: 100%;
	padding: 3px;
	margin: 10px 0 15px 0;	
	font-size: 12px;
	border: none;
	background-color: #fff;
}

/*---------------iPad landscape---------------*/
@media only screen and (min-width : 768px) and (max-width : 1040px) {
.google-map { height: 300px; }
.error .left, .error .right { padding-top: 120px; padding-bottom: 120px; }
.error h1 { font-size:122px; }
}

/*---------------iPad portrait---------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 4%; }
.header .social-bookmarks { display:none; }
.google-map { height: 300px; }
.error .left, .error .right { padding-top: 250px; padding-bottom: 250px; }
.error h1 { font-size:122px; }
.portfolio-grid { }
.portfolio-grid ul li { height: auto; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #eee;	padding: 0 0 25px 0; float: left; }
}

/*---------------iPhone landscape---------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
body { -webkit-text-size-adjust: none; }
#header-wrapper { position: relative; overflow: hidden; }
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 5%; }
.header .social-bookmarks, #back-top a { display:none; }
#primary-menu select { display:block; }
#primary-menu { margin: 7px 0 0 0; float: right; }
#primary-menu ul { display:none; }
.google-map { height: 150px; }
.error .left, .error .right { padding-top: 70px; padding-bottom: 70px; }
.error h1 { font-size:52px; margin-left: 0; }
.error h2 {	font-size:14px; line-height: 17px; }
.portfolio-grid  { margin: 0; }
.portfolio-grid ul li{ height: auto; }
.filterable { float: left;	width:100%; margin: 15px 0 0 0; }
.filterable ul { float: left; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #eee;	padding: 0 0 25px 0; float: left; }
}

/*---------------iPhone portrait---------------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#header-wrapper { position: relative; overflow: hidden; }
.header, .content, .footer, .footer-content, .footer-hidden-content { margin: 0 5%; }
.header .social-bookmarks, #back-top a { display:none; }
#logo, #logo a { margin: 0 0 20px 0; float: none; text-align: center;}
#primary-menu select { display:block; width: 100%; }
#primary-menu { margin: 0; width: 100%; }
#primary-menu ul { display:none; }
blockquote.left, blockquote.right {	width: 100%; }
.google-map { height: 150px; }
.error .left, .error .right { padding-top: 70px; padding-bottom: 70px; }
.error h1 { font-size:52px; margin-left: 0; }
.error h2 {	font-size:14px; line-height: 17px; }
.portfolio-grid  { margin: 0; }
.portfolio-grid ul li{ height: auto; }
.filterable { float: left;	width:100%; margin: 15px 0 0 0; }
.filterable ul { float: left; }
.one, .one-half, .two-third, .one-third, .one-fourth { float:left; position:relative; width: 100%; margin-right: 0; margin-bottom: 25px; }
.footer .one, .footer .one-half, .footer .one-third, .footer .one-fouth { text-align: center; margin-bottom: 3px; }
.footer-hidden-content .one, .footer-hidden-content .one-half, .footer-hidden-content .two-third, .footer-hidden-content .one-third, .footer-hidden-content .one-fourth {  margin-bottom: 50px; }
.form {	border-bottom: 1px solid #eee;	padding: 0 0 25px 0; float: left; }
}

/*-------------------*/
/*    BY 1GK'S F     */
/*-------------------*/

@charset "utf-8";

@font-face {
 font-family:'Roboto';
 src: url('/images/gUdfxEth.ttf');
}

/* Forum Start */
.td_stats {padding:10px 50px;border-bottom:1px solid #eaeaea;}
.td_stats2 {padding:10px 50px;}
.user_stats div {float:left; height:30px; line-height:30px; border:1px solid #eaeaea; border-radius:3px;margin:0 8px 0 0;padding:0 15px; color:#242422;}
.user_stats div.one {background:#eaeaea;}
.td_stats_us ul.uz {padding:10px 50px;border-bottom:1px solid #eaeaea;overflow: hidden;}
.td_stats_us li {float:left;}
.td_stats_us li:after {margin:0 5px 0 0; content:',';}
.td_stats_us li:last-child:after {content:'';}

.gTableSubTop, table.legendTable, div.userRights, .fFastSearchTd, .fFastNavTd, .forumNamesBar, #forum_filter {display:none;}
.bottomPathBar, .forumModer, .forumModerBlock {display: none;}
.forumPostTd, .threadViewTd {display:none}
.forumNamesBar {padding:0 !important; height:0px;}
.funcBlock {display: block !important;background: #fff;padding: 10px !important;border-bottom: 1px solid #ececec;}
.pagetable .funcBlock {border:0;}
.forumModer {color:#3b71a3; font-size:11px;margin: 2px 0 0 0;}
.forumModer a {color:#3b71a3; font-size:11px;display:inline-block;}

.gTable {width: 100%;border-collapse:separate; border-spacing:0px; background:none; border:none;}
.gTableTop {height:49px;line-height: 48px;padding: 0 50px;background:#fff; border-bottom:1px solid #dfdfdf;color:#000;font-size:14px;position: relative;}
.gTableTop a {color:#000;font-size:14px;}

.gTableTop:before {content: '';position: absolute;width: 50px;height: 1px;right: 0;bottom: -1px;background: #3b71a3;}
.gTableTop:after {content: '';position: absolute;width: 50px;height: 1px;left: 0;bottom: -1px;background: #3b71a3;}
.last_gTableTop:before {content: '';position: absolute;width: 50px;height: 1px;right: 0;bottom: -1px;background: #242422;}
.last_gTableTop:after {content: '';position: absolute;width: 50px;height: 1px;left: 0;bottom: -1px;background: #242422;}

a.forumBarA {color:#3b71a3;}

.gTableSubTop_stats {height: 30px;padding: 0 50px;background:#fff;border-bottom:1px solid #ececec;}
.forumMemNum, .forumMemSwch {height: 30px;padding: 0 50px;background:#fff;}
.gTableLeft, .gTableRight, .gTableBody1, .gTableBottom, .gTableBody {padding:9px !important;background:#fff;border-bottom:1px solid #ececec;}

.postPoll {padding:4px 9px;background:#fff;border-bottom:1px solid #ececec;}

.forumdiv {margin: 0;padding:0 18px 0 0;color:#959595;font-size:11px; text-align:right;transition: all 0.2s ease-in;border-right:1px solid #ececec;}

a.forum {color:#000;font-size:14px;}
a.forum:hover {text-decoration: underline;}
.subforumDescr {margin: 3px 0 0 0;color:#000000;font-size:11px;}
.subforumDescr a {color:#000000;font-size:11px;text-decoration: none;position:relative; margin: 0 0 0 -10px;padding:0 15px 0 5px;background: #fff;transition: all 0.2s ease-in;}
.subforumDescr a:before {content:"";position:absolute; right: 4px;top: 5px; background:#000; width: 4px; height: 4px;border-radius:50%;}
.subforumDescr a:first-child {margin: 0 1px 0 0 !important;}
.subforumDescr a:last-child:before {display:none;}
.subforumDescr a:hover {color: #4f6883;}
.forumDescr, .threadDescr {color:#a1a1a1;font-size:12px;margin: 2px 0 0 0;}

.forumIcoTd, .forumNameTd, .forumLastPostTd, .forumThreadTd,
.threadPostTd,.threadIcoTd, .threadNametd, .threadAuthTd, .threadLastPostTd {padding:9px;background:#fff;border-bottom:1px solid #eaeaea;transition: all 0.2s ease-in;}
table.gTable tr:hover td .subforumDescr a, table.gTable tr:hover td.forumLastPostTd, table.gTable tr:hover td.forumIcoTd, table.gTable tr:hover td.threadIcoTd, table.gTable tr:hover td.forumNameTd, table.gTable tr:hover td.threadNametd, table.gTable tr:hover td.forumPostTd, table.gTable tr:hover td.threadPostTd, table.gTable tr:hover td.threadViewTd, table.gTable tr:hover td.threadAuthTd, table.gTable tr:hover td.forumThreadTd, table.gTable tr:hover td.threadLastPostTd, table.gTable tr:hover td.forumLastPostTd {background:#f9f9f9;}

.forumIcoTd {width: 55px;padding: 9px 7px 9px 50px;}
.threadIcoTd {width: 55px;padding: 9px 7px 9px;}
.threadIcoTd:first-child {padding: 9px 7px 9px 50px;}
.threadLastPostTd {width:18%;padding:9px 50px 9px 20px;color:#000000; font-size:11px;text-align: left;}
.forumLastPostTd {width: 18%;padding:9px 50px 9px 20px;color:#000000; font-size:11px;text-align: left;}

.threadLastPostTd a, .forumLastPostTd a {color:#000000; font-size:11px;}
.threadPostTd, .forumThreadTd {width: 10%;padding: 9px 0 9px 9px;}
.threadAuthTd {width: 13%;padding: 9px 0;}
.threadAuthor {margin: 0;padding: 18px 9px;color:#959595;font-size:11px; text-align:center !important;border-right:1px solid #ececec;display: block;}

.threadsType,.forumOnlineBar, .threadsDetails {height: 30px;padding: 0 50px;background:#fff;border-bottom:1px solid #ececec;}
.threadsType {font-weight: bold;}
a.threadPinnedLink {color: #000;font-weight:bold;}

.uTable {margin: 0;border-collapse:separate; border-spacing:0px; background:none; border:none;}
.uTopTd {height: 30px !important;line-height: 30px;padding: 0 49px !important;background:#fff;border-bottom:1px solid #ececec;border-top:1px solid #ececec;}
.uTd {padding: 10px 50px !important;background:#fff;border-bottom:1px solid #ececec;}
.userSchFrm {padding: 10px 50px !important;background:#fff;}
.forumModerFuncs {padding: 5px 0 0 0 !important;}

.pagetable {background:#fff;border-bottom:1px solid #ececec;padding: 9px 50px;}
.daqe4 {margin-top: 10px;}
.fbutton, a.fbutton {height:29px; line-height:29px; color: #000;font-size: 12px; padding: 0 15px;display:inline-block;background: #fff;border-radius:2px;transition: all 0.2s ease-in;border: 1px solid #eaeaea;position: relative;}
.fbutton:hover, a.fbutton:hover {background: #eaeaea;}
.fbutton i {font-size: 14px;}
a.fbutton.closed {color:#000;background:#F5F5F5;border-radius:2px;}
.switches {margin:0 !important;}
.switches td {height:29px;padding: 0 1px;}
.pagesInfo {background:#eaeaea; color:#242422; border-radius:2px;padding:0 13px !important;}
.swiActive {height:29px; line-height:29px; color: #000;font-size: 12px; padding: 0 13px; background: #eaeaea;border: 1px solid #eaeaea;border-radius:3px;cursor: default;}
a.switchBack:link, a.switchBack:visited, a.switchNext:link, a.switchNext:visited, a.switchDigit:link, a.switchDigit:visited {height:29px; line-height:29px; color: #000;font-size: 14px; padding: 0 13px;display:block;background: #fff;border-radius:2px;border: 1px solid #ececec;transition: all 0.2s ease-in;}
a.switchBack:hover, a.switchNext:hover, a.switchDigit:hover {color:#000; background: #eaeaea;}
a.switchBack:active, a.switchNext:active, a.switchDigit:active {color:#000;background:#eaeaea;}

.gTableLeft2 {padding: 9px 50px;background:#fff;border-bottom:1px solid #ececec;}
.postNameFl, .postDescrFl, .postPollFl, .postQuestionFl {width: 99% !important;background:#fff;border: 1px solid #e7e7e7 !important;padding: 5px;}

.postTable {margin: 0 0 4px 0;padding: 0;box-shadow: 0 1px 0 #e0e0e0, 0 2px 0 #eaeaea, 0 3px 0 #fff, 0 4px 0 #f5f5f5;}
.vidForum {height: 30px !important;line-height: 30px;padding: 0;border-bottom:1px solid #ececec;}
.vidForum a {color: #504f4f;}
.vidForumName {width:260px;text-align:center;float:left;color:#504f4f; font-weight:bold;position:relative;}
.postTdTop {padding:0 10px; text-align:right;color:#504f4f; font-weight:bold;}

.postTdInfo {width:250px;padding: 12px 5px 12px 4px;background: url(/images/forum_line.png) repeat-y right 0 #fff;}
.postTdInfo2 {width:250px;padding: 6px 5px 6px 4px;background: url(/images/forum_line.png) repeat-y right 0 #fff;}

.posttdMessage {padding:12px 50px 12px 15px;background:#fff;position:relative;}
.posttdMessage2 a {color:#2478c6; text-decoration: underline;}
.posttdMessage2 {padding:6px 50px 6px 15px;background:#fff;position:relative;}
.posttdMessage:before {content: '';position: absolute;left: -3px;top: 13px;width: 8px;height: 13px;background: url(/images/rarrow.png) no-repeat 0 0;}

.postBottom {padding:5px 5px 10px 5px;background: url(/images/forum_line.png) repeat-y right 0 #fff;}
.postBottom1 {padding:5px 50px 10px 15px;background:#fff;}
.signatureView {margin:25px 0 5px 0; padding: 40px 20px 15px 20px; background:url(/images/signatureView.png) no-repeat left top;}

.post_name {width:150px;margin:0 auto; padding:0; color:#000; font-size:14px; text-align:center;position: relative;}
.post_name a {color:#000; font-size:14px;}
.post_name .rcol {position: absolute;top: -1px;right: 0;}
.post_date {margin:0 0 20px 0;padding:0; color:#959595; font-size:12px;}
.post_avatar {width:150px;height:150px; margin:13px auto 10px;padding:0;border-radius:50%;}
.post_avatar img {width:150px;height:150px;border-radius:50%;}
.post_group { width:150px;height:30px;line-height:28px;border-radius:3px; margin:6px auto 0; padding:0; color:#fff;font-size:12px; text-align:center;}
.post_group.black {color:#000;}
.post_verify {width:148px;height:30px;line-height:28px;border-radius:3px; margin:6px auto 0; padding:0; color:#a1a1a1;font-size:12px;text-transform: uppercase;text-align:center;border:1px solid #eaeaea;}

.f_new_table {width: 148px; margin:5px auto 0;padding:0; border: 1px solid #eaeaea;border-radius: 3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);}
.f_new_table div {height:30px; line-height:30px;padding:0 15px; border-bottom: 1px solid #eaeaea; color:#959595; font-size:11px;}
.f_new_table div:last-child {border:0;}
.f_new_table span {color:#242422; font-size:12px; margin:0;float:right;}
.f_new_table span a {color:#242422; font-size:12px;}

.f_new_title {width:130px; margin:8px auto 0;padding:8px 10px; color:#000;text-align:center;background:#f6f6f6;border-radius:3px;position: relative;}
.f_new_title a {color:#000;}
.f_new_title:before {content: "";position: absolute;top: -6px;left: 25%;border-width: 0px 0px 6px 7px;border-style: solid;border-color:#f6f6f6 transparent;}
.posttdMessage img {max-width: 100%;}

.eAttach, .edited {height: 40px;line-height: 40px;font-size: 12px;padding: 0 15px;display: inline-block;background:#fff;border: 2px solid #ececec;}
.bbCodeName, .bbQuoteName {position: relative;height: 30px;line-height: 30px; color:#000;font-size:12px !important; font-weight:normal !important; margin:10px 0 0 0;padding:0 15px !important; border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;} 
.bbCodeName b, .bbQuoteName b {font-weight:normal !important;}
.codeMessage, .quoteMessage { margin:0 0 5px 0;border:0 !important; padding:15px; background:#e0e7ee;}
.bbQuoteName {background: #FFFFFF url(/images/Quote.png) no-repeat 17px 7px;padding:0 50px !important;}
.uSpoilerButBl {border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;position: relative;}
.uSpoilerText {background: #f2f2f2;padding: 15px;}
input.uSpoilerButton {background: 0;border: 0;}

.uSpoilerClosed {margin:10px 0;}
.uSpoilerClosed.uSpoilerOpened .uSpoilerButBl:before {content: '-'; position:absolute;top: 5px;left: 15px;width: 18px;height: 18px;line-height: 18px;color: #6191a2;background: #FFFFFF;border: 2px solid #3b71a3;border-radius: 50%;text-align: center;}
.uSpoilerClosed .uSpoilerButBl:before {content: '+'; position:absolute;top: 5px;left: 15px;width: 18px;height: 18px;line-height: 18px;color: #a1a1a1;background: #FFFFFF;border: 2px solid #a1a1a1;border-radius: 50%;text-align: center;z-index: 1;}
.posttdMessage input.uSpoilerButton {cursor: pointer;width: 100%;text-align: left;border: 0 none;outline: 0 none;padding: 8px 50px 9px 45px;z-index: 2;position: relative;}
.posttdMessage input.uSpoilerButton::-moz-focus-inner{border:0 none;}
.tipsy {padding:5px; font-size:11px;background:url(/images/tipsy.gif) no-repeat;} 
.tipsy-inner {padding:6px 8px; background:#f2f2f2; color:#959595; max-width:170px; text-align:center;} 
.tipsy-inner {-moz-border-radius:3px; -webkit-border-radius:3px;} 
.tipsy-north {background-position:top center;} 
.tipsy-south {background-position:bottom center;} 
.tipsy-east {background-position:right center;} 
.tipsy-west {background-position: left center;}

.phtop {height:50px; border-bottom:1px solid #dfdfdf; margin:0 0 -51px 0;padding:0;overflow:hidden;}
.prof_title {height:50px; line-height:50px; border-bottom:1px solid #dfdfdf; margin:0;padding:0 50px;position: relative; color:#242422; font-size:14px;}
.prof_title:before {content: '';position: absolute;width: 50px;height: 1px;right: 0;bottom: -1px;background: #3b71a3;}
.prof_title:after {content: '';position: absolute;width: 50px;height: 1px;left: 0;bottom: -1px;background: #3b71a3;}
.prof_title form {display:inline-block; margin:0 0 0 10px;}

.prof_cont {margin:0; padding:0 50px 15px 50px;overflow:hidden;}
.prof_cont li {padding: 13px 15px 12px 15px;border-bottom:1px solid #eaeaea; color:#a1a1a1; font-size:11px;overflow: hidden;}
.prof_cont li span {color:#242422;}
.prof_cont h4 {margin:0;height:50px;line-height:50px;padding:0 15px;border-bottom:1px solid #eaeaea; color:#242422; font-size:14px;}

.profileinfo {width:990px; margin:0 auto;padding:0;overflow: hidden;box-shadow: 0 0px 10px rgba(0,0,0,0.20);}

.prof_lcol {width:150px; margin:0 25px 0 0; padding: 15px 0 0 0;float:left;overflow: hidden;}
.prof_lcol .prof_avatar {margin:0 0 5px 0;width:150px; height:150px; text-align:center;overflow: hidden;}
.prof_lcol .prof_avatar img {width:150px; height:150px;}
.prof_panel {margin:0 0 5px 0;padding:0; overflow:hidden;}
.prof_panel li {height: 32px;float:left;border:0;margin: 0 7px 0 0;padding:0;font-size: 14px;}
.prof_panel li a {display:block; color:#a1a1a1;height: 30px;line-height: 30px;border:1px solid #eaeaea; border-radius:3px;padding:0 15px;font-size: 14px;}
.prof_panel li a:hover {color:#000;}
.prof_panel li:last-child {margin:0;}

#reputation {margin:0;padding:0;}
#reputation .item .description {padding:10px;color:#a1a1a1;}
#reputation .item .progress {margin: 0 0 1px 0;padding:0; height:1px; background:#f2f2f2; border-radius:2px;position: relative;overflow: hidden;}
#reputation .item .progress .progress-bar {height:1px;position: absolute;left: 0;top: 0;}
#reputation .item .progress .progress-bar.green {background:#79d089;}
#reputation .item .progress .progress-bar.red {background:#e87a6e;}

.other_info {width:260px;padding:15px 0 0 0; float:left; background: url(/images/side_bar.png) repeat-y left 0;overflow: hidden;}
#listawards {margin: 15px 0 23px 0;text-align:center;overflow:hidden;}
#listawards img {margin:0 7px;}
.other_info .description {margin: 0 10px 6px 10px;}
.other_info li a {color:#a1a1a1;}
.other_info li a span {color:#000;}
.main_info {width:455px;margin:0; padding:15px 0 0 0;overflow: hidden; float: left;}
/* Forum End */