/**** /css/base.css ****/
* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border { border: none!important; }



html { color: #444; font-size:62.5%; }
body { background:#fff; font:normal 1.3em/1.3em "Trebuchet MS", Tahoma, Helvetica, Arial, sans-serif; }

a,a:link,a:active,a:visited { font-size:1em; color:#009; text-decoration:underline;  }
a:hover { text-decoration:none; color:#900; }
a img { border:none; }

blockquote { margin-left:5em; }

h1,h2,h3,h4,h5,h6 { font:normal 1em/1.3em "PALATINO LINOTYPE", "MINION PRO", Georgia, serif; color:#BCBAB8; margin:0.7em 0; }
h1 { font-size:2.7em; }
h2 { font-size:2.5em;   }
h3 { font-size:1.9em; border-bottom:1px dotted #BCBAB8; }
h4 { font-size:1.5em; }
h5 { }
h6 { }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { border-bottom:1px dotted #BCBAB8; text-decoration:none!important; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { }


hr { height: 1px; background: #fff; color: #fff; border: 0; }

img { border:none; vertical-align:middle; }

dl {  }
dt { margin: 0; font-weight:bold; }
dd { margin:0 0 0 2em; }
dl.short dt, dl.wide dt { margin:0.5em 0; }
dl.short dd { margin:-2em 0 0 6em; }
dl.wide dd { margin:-1.8em 0 0 14em; }

em, i { font-family:Arial; }

p { margin:0.8em 0; }

pre code { display:block; overflow:auto; }
* html pre { width:100%; overflow-x:auto; padding-bottom:16px; }

small { font-size: 85%; }
sub, sup { font-size: 80%; font-family:Tahoma; line-height:1em; }

table { border:0px; border-collapse:collapse; border-color:#999; }
table td { padding:0px; }

ul, ol { padding:0 0 0 2em; display:table; }
ul { }
li { margin:3px 0 3px 1.5em; }


form {  }
fieldset { }
legend { }
input, select, textarea { font:normal 11px/1.3em Tahoma, Verdana, sans-serif; width:97%; margin:2px 0; vertical-align:middle; }
select { padding:0; width:100%; }
textarea { height:100px; }
label { display:block; line-height:1.1em; float: left; width: 35.99%; padding: 0 2%; }

.f-row { overflow: hidden; margin-bottom: .5em; }
.f-inputs { padding-left: 40%; }
.f-actions { padding-top: 1em; }

input.text { }
input.password { }
input.checkbox, input.radio { border-width:0; width:1em; padding:0 0 0 10px; }
input.submit, input.reset, input.button {
	background:#f00; border:1px solid #f00; color:#fff; font-weight:bold; padding:2px 0 1px 0;
}
input.image { width:auto!important; }
input.requiried, textbox.requiried { border-color:#c00;}


.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

.fixed-font font { font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }



.columns { width: 100%; overflow: hidden; margin-bottom:0; }
.column { float: left; overflow: hidden; }
.col-first { padding-left: 0px!important; }
.col-last { padding-right: 0px!important; }


.w-5 { width:5%; }
.w-10 { width:10%; }
.w-15 { width:15%; }
.w-20 { width:20%; }
.w-25 { width:25%; }
.w-28 { width:28%; }
.w-30 { width:30%; }
.w-33 { width:33.3%; }
.w-35 { width:35%; }
.w-40 { width:40%; }
.w-45 { width:45%; }
.w-50 { width:50%; }
.w-55 { width:55%; }
.w-60 { width:60%; }
.w-65 { width:65%; }
.w-66 { width:66.5%; }
.w-70 { width:70%; }
.w-72 { width:72%; }
.w-75 { width:75%; }
.w-80 { width:80%; }
.w-85 { width:85%; }
.w-90 { width:90%; }
.w-95 { width:95%; }
.w-100 { width:100%; }


img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin:0.5em 1em 0 0; }
img.f-right { margin:0.5em 0 0 1em; }


/**** /css/template.css ****/
body { padding:0 20px 2em 20px; }
#w { clear:both; }

#portfolio {margin:2em 0 0; padding:0 0 60px; }
    .work {
        width: 202px;
        *width:202px;
        display: -moz-inline-stack; 
        display:inline-block;
        margin: 0 25px 15px 0;
        min-height:150px;
        vertical-align:text-top;
        zoom:1; 
        *display:inline; 

    }
    .work h4 { color: #444; font-size:1.2em; line-height:1.2em; margin-bottom:2px; }
    .work a.profile { font-weight:bold; float:right; }
    .work .meta p { margin-top:0; }
	#portfolio div.thumb-img { display:block; height:142px; }
	    #portfolio div.thumb-img img { border:solid 1px #BCBAB8; background:url(../img/system/1p.gif) top center no-repeat; }
	    #portfolio div.thumb-img img.thumb { margin:0 5px; }
	    #portfolio div.thumb-img img.orig { display:none; }
	        #portfolio div.thumb-img:hover { position:relative; }
	        #portfolio div.thumb-img:hover img.thumb { display:none; }
	        #portfolio div.thumb-img:hover img.orig { display:block; position:absolute; top:0; left:0; z-index:100; }

.meta p { margin-bottom:5px; color:#aaa; font:normal .9em/1.2em Trebuchet MS; }
    .meta a { }
    .meta a.blank { background:url(../img/icons.png) 100% -78px no-repeat; padding-right:12px; }

#contacts {
    color:#BCBAB8; font-size:1.1em; 
}
    #contacts a { padding-left:14px; }
    #contacts a.mail { background:url(../img/icons.png) 0 -34px no-repeat; }
    #contacts a.jabber { background:url(../img/icons.png) 0 -14px no-repeat; }
    #contacts a.skype { background:url(../img/icons.png) 0 6px no-repeat; padding-left:12px; }


/**** /css/core.css ****/
.table { display:table; }

a.more { font-size:90%!important; }
a.more:hover {  }

.more-info { font-size:90%!important; font-weight:bold; }

.img-border { padding:0; margin-right:1em; }

.border-large, .border-medium, .border-small, .border-tiny { border:1px solid #BCBAB8; background:#ddd; padding:1px!important; }
.img-zoom { border:1px solid #BCBAB8; }


.pagination { text-align:center; }
.pagination a {text-decoration:none; border-right:solid 1px #999;padding:0 6px;}
.pagination .active,.pagination .prev-off{border-right:solid 1px #999;}
.pagination .next{border:none;}
.pagination .prev, .pagination .next, .pagination .prev-off, .pagination .next-off{font-weight:bold;padding:0 12px;}
.pagination .active{font-weight:bold;padding:0 6px;}
.pagination .prev-off,.pagination .next-off  { color:#aaa; }

div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #999;

}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
}

.jqZoomPup img
{
	border: 0px;
}

.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../img/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{
	border:1px solid #BCBAB8; background:#ddd;
}