* { padding: 0; margin: 0; outline: 0; }


/* ---------------------------------------------------------------- 
 * Šî–{
 * ---------------------------------------------------------------- 
*/


body {
font-size: 12px;
line-height: 18px;
font-family: Arial, sans-serif;
color: #ac8b72;
background: url(../../css/images/bg.jpg) repeat 0 0;
text-align: left;
}

.cl {
font-size: 0; 
line-height: 0;
 height: 0;
 clear: both;
 }

a img { border: 0; }
a { color: #fffd73; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.center {display: block; margin: 0 auto;}

.shell {margin: 0 auto; width: 964px;}

#header {background: url(../../css/images/header-bg.jpg) repeat-x 0 0;}
#header .shell {background: url(../../css/images/header.jpg) no-repeat 0 0; height: 403px; padding-top: 50px; padding-left: 52px; width: 862px !important; padding-right: 50px;}


#header-t {background: url(../../css/images/header-bg.jpg) repeat-x 0 0;}
#header-t .shell-t {height: 403px; padding-top: 50px; padding-left: 52px; width: 862px !important; padding-right: 50px;  margin-left: 220px;}


/* ---------------------------------------------------------------- 
 *  header
 * ---------------------------------------------------------------- 
*/

#header-logo {
float: left;
 width: 600px;
position: relative;
}

h1#logo {
line-height: 25px;

}

h1#logo a{
text-decoration: none;
color: #333;
 font-family: 'Aclonica', serif;
 text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ccc, 0 0 30px #ccc, 0 0 40px #ccc, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
letter-spacing: 5px;
font-weight: bolder;
cursor: pointer;

}
h1#logo a:hover{
font-size: 35px;

}


h2#sub {
font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
font-size: 12px;
font-style: italic;
font-weight: normal;
color: #fff;
}

/* ---------------------------------------------------------------- 
 *  social
 * ---------------------------------------------------------------- 
*/


#social { 
margin-top: 8px;
width: 195px;
height: 30px;
float: right;
padding-top: 5px;
padding-left: 7px;
padding-right: 10px;
}

#social ul{
list-style-type: none;
padding-left:3em;
padding-top:1em;
}

#social li{
float:left;
padding-left:1em;
}


/* ---------------------------------------------------------------- 
 *  slider
 * ---------------------------------------------------------------- 
*/


#slider {
padding-top: 52px;
padding-left: 25px;
width: 800px;
position: relative;
}

ul#mycarousel {
position: relative;
}

ul#mycarousel li {
float: left; 
display: inline; 
height: 184px; 
width: 270px;
}
.jcarousel-clip {
 height:184px; 
width:800px; 
overflow:hidden; 
position:relative;
}

.jcarousel-prev ,
.jcarousel-next {
background: url(../../css/images/next.gif) no-repeat 0 0; 
width: 28px; 
height: 30px; 
display: block; 
float: left; 
position:absolute; 
top:143px; 
left: 870px; 
cursor: pointer; 
}
.jcarousel-prev {
 background: url(../../css/images/prev.gif) no-repeat 0 0; 
left: -39px;
}


/* ---------------------------------------------------------------- 
 *  menu
 * ---------------------------------------------------------------- 
*/

.menu {
margin: 25px 0 50px 50px;
padding-bottom: 5px;
padding-left:1em;
font-size: 16px;
}

.menu a{
text-decoration: none;
color: #ac8b72;
}

.menu a:hover{
text-decoration: none;
color: #fffd73;
font-size: 20px;
}


.menu ul{
list-style-type: none;
padding-left:4em;
height: 20px;
padding-left: 20px;

}

.menu li{
float:left;
padding:0px 30px 0px 30px;
list-style-image: url(../../css/images/b3.png);
list-style-position: inside
}

/* ---------------------------------------------------------------- 
 *  menu-t
 * ---------------------------------------------------------------- 
*/

.menu-t {
margin: -305px 0 50px 50px;
padding-bottom: 5px;
padding-left:1em;
font-size: 16px;
}

.menu-t a{
text-decoration: none;
color: #ac8b72;
}

.menu-t a:hover{
text-decoration: none;
color: #fffd73;
font-size: 20px;
}


.menu-t ul{
list-style-type: none;
padding-left:4em;
height: 20px;
padding-left: 20px;

}

.menu-t li{
float:left;
padding:0px 30px 0px 30px;
list-style-image: url(../../css/images/b3.png);
list-style-position: inside
}


#main { margin-top: -102px;}
#main h2 {color: #ffb600; font-size: 18px; font-style: italic; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; padding-bottom: 10px;}
#main p {padding-bottom: 15px;}
#main .shell {width: 945px;}


.article {
padding-bottom: 55px;

}

/* ---------------------------------------------------------------- 
 * scope
 * ---------------------------------------------------------------- 
*/


.title {
float:left;
width: 680px;
margin: -40px 0 20px 50px;
font-size: 50px;
padding: 20px;
font-family: "Astigmatic", sans-serif;
color: #ffb600;

}
#scope {
float:left;
width: 450px;


}

#scope img{
border: 7px solid #ac8b72;
}

.scope {
float:left;
width: 400px;
height: 50px;
background-color:#ac8b72;
 border-radius: 10px;       
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
font:120% Georgia, "Times New Roman", Times, serif;
margin-top: 30px;
margin-left: 30px;
text-align:center;
}

.scope a{
text-decoration: none;
color: #fffd73;
font-size: 40px;
}

/* ---------------------------------------------------------------- 
 * info
 * ---------------------------------------------------------------- 
*/


#info {
float: left;
width: 220px;
margin: 50px 0 20px 20px;
padding: 10px;
text-align:center;
border-bottom: 3px dotted #ac8b72;
}

#info h2{
font-style: Italic;
font-size: 37px;
}

#info p{
margin-top: 15px;
}


#info-meta {
float: left;
width: 220px;
margin: 5px 0 20px 20px;
padding: 10px;
text-align: left;
}

#info-meta p{
margin: 10px 0 0 30px;
}

#info-meta ul li{
margin-left: 60px;
}

h3 {
font-style: Italic;
text-align:center;
margin-bottom: 40px;
}

.gallery {padding-bottom: 20px;}

a.view-all {color: #f1ac01; float: right;}

.portfolio-item {float: left; padding-right: 20px; padding-bottom: 35px;}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {padding-right: 0 !important;}


.img-cnt {background: url(http://infinityforest.net/images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}


.column-cnt {width: 554px; float: left;}
.column {width: 260px; float: left; padding-right: 17px;}
.column label, .column-big label {display: block; font-size: 13px; font-family: "Lucida Sans", "Trebuchet MS", sans-serif; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: left; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-family: arial, sans-serif; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(../../css/images/text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
span.text-area {background: url(../../css/images/textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}

/* ---------------------------------------------------------------- 
 *  foot
 * ---------------------------------------------------------------- 
*/


#footer
	{
	bottom: 0;        
	position: relative;
	width: 100%;
	font-size: 12px;
	line-height: 1.5em;
	line-height: 40px;
	color: #868686;
	background: #000 url(../../css/images/footer-glow.png) no-repeat top center;
	margin-top: 25px;
	border-top: 1px solid #555;

	}

#footer .bottom-text{
	overflow: hidden;
	margin-left: 100px;	
}

#footer .bottom-text a{
	color: 	#ac8b72;
}


/* ---------------------------------------------------------------- 
 *  page-title
 * ---------------------------------------------------------------- 
*/

#page-title{
	overflow: hidden;
	height: 53px;
	margin-bottom: 30px;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
	margin-top: 15px;
	
}

#page-title .title{
	display: block;
	float: left;
	font-family: 'Ubuntu', arial, serif;
	font-size: 40px;
	line-height: 73px;
	margin-left: 30px;
	color: #ac8b72;
}

#page-title .subtitle{
	display: block;
	float: left;
	font-size: 14px;
	margin-top: -14px;
	line-height: 73px;
	color: #929191;
	font-style: italic;
	margin-left: -450px;	
}

/* ---------------------------------------------------------------- 
 *  tabs
 * ---------------------------------------------------------------- 
*/

.tabs { 
	list-style:none; 
	margin-left: 30px;
	padding: 0px;	
	height: 32px;
	background: url(../../css/images/tabs-divider.png) no-repeat bottom center;
}

body.home .tabs { 
	padding: 0px 30px;

}

/* single tab */
ul.tabs li { 
	display: block;
	float:left;	 
	text-indent:0;
	padding:0;
	margin: 0px 5px 0px 0px !important;
	list-style-image: none !important; 
	
}

ul.tabs a { 
	background: url(../../css/images/tabs.png) no-repeat -420px 0;
	font-size:14px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
		
}

ul.tabs a span{ 
	display:block;
	height: 100%;
	padding-right: 10px;
	background:  url(../../css/images/tabs.png) no-repeat right -40px;
	
}

#main ul.tabs a{
	color: #ac8b72;
}

ul.tabs a:active {
	outline:none;
}

#main ul.tabs a:hover { 
	background-position: 0px -80px;
}

#main ul.tabs a:hover span,
#main ul.tabs a.current span{ 
	background-position: right -120px;
}


ul.tabs a.current,
#main ul.tabs a.current:hover,
ul.tabs li.current a {	
	cursor:default !important; 
	color:#2a2d30 !important;
	display: block;
	background-position: 0px -80px;
}


/* ---------------------------------------------------------------- 
 *  panes
 * ---------------------------------------------------------------- 
*/

#panes .pane {
	display:none;	
}

.panes>div {
    display: none;
    min-height: 200px;
   
}



#panes .blocks-thumbs{
	overflow: hidden;
	padding-top: 30px;
}

#panes .blocks-thumbs li{
	display: block;
	overflow: hidden;
	float: left;
	width: 282px;
	margin: 0px 0px 30px 30px;
	background: url(../../css/images/shadow-1-3.png) no-repeat 0px 150px;
	padding-bottom: 10px;
}

#panes .blocks-thumbs li .excerpt{
	line-height: 1.5em;
	margin-bottom: 20px;
}

#panes .blocks-thumbs li .header{
	display: block;
	font-family: 'Ubuntu', arial, serif;
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-decoration: none;
	color: #ffb600;
	border-bottom: 1px solid #c4c7c8;
	padding-bottom: 10px;
}

#panes .blocks-thumbs li a.thumb{
	display: block;
	overflow: hidden;
	width: 282px;
	height: 150px;
	margin-bottom: 20px;
	background: url(../../css/images/plus-sign.png) no-repeat center center;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}




#panes{
	margin-top: 30px;
}

body.home .panes{
	margin-top: 0px;
}

.panes .plain-text{
	padding: 30px 30px;
	line-height: 1.5em;
}

.panes .plain-text h1,
.panes .plain-text h2,
.panes .plain-text h3,
.panes .plain-text h4,
.panes .plain-text h5,
.panes .plain-text h6 {
	margin-bottom: 20px;
}

.panes .plain-text a{
	text-decoration: none;
}


/* ---------------------------------------------------------------- 
 *  link-button
 * ---------------------------------------------------------------- 
*/

.link-button{
	display: table;
	height: 38px;
	padding-left: 6px;
	text-decoration: none;
	color: #fff;
	
	border-radius: 33px;
	-moz-border-radius: 33px;
	-webkit-border-radius: 33px;
	
	background: #515558;
	background: -webkit-gradient(linear, left top, left bottom, from(#131313), to(#515558)); 
	background: -moz-linear-gradient(top,  #131313,  #515558);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#515558', GradientType=0);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
}
	
.link-button span{
	display: block;
	height: 100% ;
	font-size: 18px;
	line-height: 38px;
	padding-left: 9px;
	padding-right: 15px;
	text-shadow: 0px -2px rgba(0, 0, 0, .8);
}

.link-button:hover{
	background: #515558;

	background: -webkit-gradient(linear, left top, left bottom, from(#515558), to(#131313)); 
	background: -moz-linear-gradient(top,  #515558,  #131313);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515558', endColorstr='#131313', GradientType=0);
	
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.5); 
	box-shadow: 0px 1px 2px rgba(0,0,0,.5);
}