/************************************************

	Template: Expanding Portfolio
	Author:   Luka Cvrk (www.solucija.com)

*************************************************/

/* GENERAL DEFINITIONS */
*{ margin: 0; padding: 0; outline: 0; }
body {
	font: .94em Arial, Sans-Serif;
	background: #f4f4f4 url(../images/bg.gif) repeat-x;
	color: #777;
	text-align: center;
}
a { color: #333; text-decoration: none; }
p { line-height: 1.6em; margin: 0 0 10px; }
img { border: 0; }
.x { clear: both; }

/* LOGO */
h1 { float: left; margin: 20px 0 64px; font-size: 1.4em; letter-spacing: 6px; }
h1 a { color: #999; text-transform: uppercase; padding: 0 0 4px; }
h1 span { color: #B5DFD7; padding: 0 0 4px; }
h1 a:hover{ border-bottom: 1px dotted #444; }
.bottom {
	text-align: center;
	clear: both;
	float: none;
	width: 960px;
}

	
h2 { font-size: 1.3em; color: #222; margin: 0 0 15px; line-height: 1.5em; }
h2 a { color: #222; }

/* CONTENT WRAPPER */
#content {
	clear: both;
	width: 960px;
	text-align: left;
	height: 50px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* MENU */
#menu { text-transform: uppercase; }
#menu li { display: inline; list-style: arrow; }
#menu li a {
	float: left;
	color: #777;
	padding: 5px;
	margin: 0 0 0 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#menu li a:hover { color: #fff; }
#menu li a.current { color: #B5DFD7; }

/* PITCH */
#pitch {
	clear: both;
	height: 220px;
	margin: 0 0 15px;
}	
#pitch-left {
	clear: both;
	width: 960px;
	float: left;
	color: #777;
	font-weight: bold;
	height: auto;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
}
#pitch-right {

	width: 300px;
	float: right;
	color: #777;
	font-weight: bold;
	height: 205px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#pitch-left img { border-bottom: 2px solid #111; }
#caption {
	clear: both;
	float: left;
	position: absolute;
	margin: 80px 0 0 -11px !important;
	margin: -67px 0 0 -5px;
	height: 55px;
	background: url(../images/caption.gif) repeat-x;
}
#caption span { float: left; background: url(../images/featured-span.gif) no-repeat; height: 52px; width: 11px; }
#caption h2 { padding: 21px 30px 0 15px; float: left; color: #222; text-transform: uppercase; font-size: 1.2em; letter-spacing: 3px; }
			

.templ, .tempr {
	float: left;
	margin: 0 0 20px 0;
	width: 145px;
	height: 205px;
	border-bottom: 2px solid #111;
}
.tempr { float: right; }
.zoom { position: relative; float: left; width: 35px; height: 37px; margin: -44px 0 0 -6px; background: url(../images/zoom.gif) no-repeat; }
#expl { clear: both; text-align: justify; color: #fff; padding: 0 5px 0 0; font-weight: normal; font-style: italic; color: #999; font-size: 1.2em; height: 97px !important; height: 92px; }
#browse { padding: 9px 17px 9px 26px; background: #fff url(../images/browse.gif) no-repeat 8px 13px; font-size: 1.2em; font-weight: bold; color: #444; border-bottom: 2px solid #111; }
#browse:hover { background: #eee url(../images/browse.gif) no-repeat 8px 13px; color: #000; }

/*  COLUMNS (1/3) */
.col { float: left; width: 270px; background: #fff; padding: 15px !important; padding: 15px 15px 2px; margin: 0 30px 35px 0; text-align: justify; border-top: 1px dotted #ddd; }
.col.last { margin-right: 0; }
.col p { margin: 0 0 15px; }
.more {
	float: left;
	position: relative;
	margin: 0 0 0 -21px;
	background: url(../images/more.gif) no-repeat;
	padding: 11px 21px 6px 8px;
	color: #fff;
	font-size: 0.85em;
	font-weight: bold;
}

.line { clear: both; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }

/* LISTS */
#lists {
	float: left;
	width: 960px;
	margin: 0 0 22px;
	padding: 18px 0 0 10px;
}
#lists ul { float: left; margin: 0 50px 0 0; }
#lists ul.last { margin: 0; }
#lists li { background: url(../images/bullet.gif) no-repeat 0 10px; list-style: none; padding: 5px 0 0 12px; color: #555; }
#lists li.title { color: #222; font-size: 1.2em; font-weight: bold; font-weight: bold; padding-bottom: 9px; text-transform: uppercase; } 
	
/* QUOTE */
#quote {
	float: right;
	width: 270px;
	padding: 20px 15px;
	background: #ddd url(../images/quote.gif) no-repeat 7px 7px;
	height: auto;
	color: #444;
	font-style: normal;
}
#author { font-weight: bold; padding: 10px 0 0;  }
	
/* FOOTER */
#footer { clear: both; color: #999; font-size: .94em; border-top: 1px dotted #ccc; padding: 25px 10px; }
#flinks { float: right; }
.colmare {
	float: left;
	width: 600px;
	background: #fff;
	padding: 15px !important;
	padding: 15px 15px 2px;
	margin: 0 30px 15px 0;
	text-align: justify;
	border-top: 1px dotted #ddd;
}
.titluinpagina {
	clear: both;
	margin: 0 0 10px;
	border-bottom: 1px dotted #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}