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

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

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

/* GENERAL DEFINITIONS */
*{ margin: 0; padding: 0; outline: 0; }
body { font: .74em Arial, Sans-Serif; background: #f4f4f4 url(../images/bg-narrow2.gif) repeat-x; color: #2b2b2b; text-align: center; }
body.home1 { background: #f4f4f4 url(../images/bg.gif) repeat-x;}
body.home2 { background: #f4f4f4 url(../images/bg2.gif) repeat-x;}
body.home3 { background: #f4f4f4 url(../images/bg3.gif) repeat-x;}
body.home4 { background: #f4f4f4 url(../images/bg4.gif) repeat-x;}
a { color: #2b2b2b; text-decoration: none; }
a:hover { color: #336699; text-decoration: none; }
p { line-height: 1.6em; margin: 0 0 10px; }
img { border: 0; }
.x { clear: both; }
.clear { clear:both; }
input, select, textarea {
	padding: 5px;
	color: #2b2b2b;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 	
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
	width: 100%;
}
input:hover, select:hover, textarea:hover {
	border-width: 1px;
	border-style: solid;
  	border-color: #75A3D1 #93b6d1 #93b6d1 #75A3D1; 	
}
input:focus, select:focus, textarea:focus {
	color: #336699;
	background: #e1ecf2;
}
input.small 
{
	margin: 2px 0;
	padding: 3px;
	font: 11px 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
input[type=submit] 
{
	width: auto;
}
input[type=submit]:hover
{
	color: #336699;
	cursor: pointer;
}

/* LOGO */
h1 { float: left; margin: 25px 0 60px; font-size: 2.8em; letter-spacing: 0px; }
h1 a { color: #336699; font-style: italic; padding: 0 0 4px; }
h1 span { color: #75A3D1; padding: 0 0 4px; font-size: 0.4em; }
	
h2 { font-size: 1.3em; color: #2b2b2b; margin: 0 0 15px; line-height: 1.5em; }
h2 a { color: #2b2b2b; }

h3 { padding-bottom: 2px; }

/* CONTENT WRAPPER */
#content { clear: both; width: 960px; margin: 0 auto; text-align: left; }

/* PITCH */
#pitch { clear: both; height: 290px; margin: 0 0 35px; }	
#pitch-left { clear: both; width: 670px; float: left; margin: 0 0 30px; color: #777; font-weight: bold; }
#pitch-left img { border-bottom: 2px solid #111; }
#caption { clear: both; float:left; position: relative; margin: -67px 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; }
body.home2 #caption span { float: left; background: url(../images/featured-span2.gif) no-repeat; height: 52px; width: 11px; }
body.home3 #caption span { float: left; background: url(../images/featured-span2.gif) no-repeat; height: 52px; width: 11px; }
body.home4 #caption span { float: left; background: url(../images/featured-span2.gif) no-repeat; height: 52px; width: 11px; }
#caption h2 { padding: 21px 30px 0 15px; float: left; color: #2b2b2b; text-transform: uppercase; font-size: 1.2em; letter-spacing: 3px; }
			
#pitch-right { height: 309px; width: 290px !important; width: 287px; float: right; }
.templ, .tempr { float: left; margin: 0 0 30px 0; width: 135px; height: 100px; 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; min-height: 180px; background: #fff; padding: 15px !important; padding: 15px 15px 2px; margin: 0 30px 35px 0; text-align: justify; border-top: 1px dotted #ddd; }
.col2 { float: left; width: 600px; min-height: 405px; background: #fff; padding: 15px !important; padding: 15px 15px 2px; margin: 0 30px 35px 0; text-align: justify; border-top: 1px dotted #ddd; }
.col2 a { border-bottom: 1px dotted #333; }
.col2 ul { list-style-type: none; padding: 5px 35px 2px; margin: 0 30px 10px 0; }
.col2 li { background-image: url(../images/bullet2.gif); background-repeat: no-repeat; padding-left: 2em; margin: 7px; line-height: 1.5em;}
.col.last { margin-right: 0; min-height: 180px;}
.col.last.contact { margin-right: 0; background: #fff url(../images/contact.gif) top right no-repeat; min-height: 0px; }
.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; color: #fff; font-size: .9em; font-weight: bold; }
.line { clear: both; margin: 0 0 10px; border-bottom: 1px dotted #ccc; }

/* LISTS */
#lists { float: left; width: 630px; margin: 0 0 22px; padding: 18px 0 0 0; }
#lists ul { width: 200px; float: left; margin: 0 15px 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: #2b2b2b; 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 top right; height: 115px; color: #444; font-style: italic; }
	
/* FOOTER */
#footer { clear: both; color: #999; font-size: .94em; border-top: 1px dotted #ccc; padding: 25px 10px; }
#flinks { float: right; }

/*ACCORDIAN PANES */
#acc {list-style:none; color:#2b2b2b; margin:0 auto 40px}
#acc h3 { padding:5px; background:#75A3D1 url(../images/add2.gif) no-repeat right; color:#FFFFFF; border:1px solid #FFF; cursor:pointer; font-weight:bold; font-size: 1.1em; line-height: 1.3em; }
#acc h3:hover { background:#336699 url(../images/add.gif) no-repeat right; }
#acc h3.selected { background:#336699 url(../images/subtract.gif) no-repeat right; }
#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {padding:15px;}