/*
	=====================================
	edited:  Stephen Kane (handpickedtomatoes.com) jan 2010
	-------------------------------------
	2009. Solucija
	=====================================
*/

/**************************** Start Portfolio Gallery Pages *****************************/

#gallery {
	width: 660px;
	margin: auto;
	overflow: auto;
	padding-bottom: 0px;
	position:static;
}

.float_left_thumb {
	float: left;
	height: 200px;
	width: 220px;
	background: url(images/gallery_thumb.png) no-repeat;
	padding: padding-top: 6px; 
	text-align: center;
}

.float_left_thumb img {border: 4px dashed #666666; padding:3px }  /*{border: 5px solid white}*/

.float_left_thumb h2 {text-align: left; padding: 10px; font-size: 1em; font-weight: 700}

.float_left_thumb p {font-size: .8em; text-align: left; padding: 0 10px}

}



.center {margin: auto;}

#no_gallery_found {width: 798; padding: 50px; margin: auto; background: red; border: 10px solid white}

/**************************** End Portfolio Gallery Pages *****************************/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}a img{border:0} 
body { font: .7em "Trebuchet MS", Tahoma, Arial, Sans-Serif; background: #eee url(../images/bg.gif) repeat-x; color: #777; }
a { text-decoration: none; color: #6796CE; }
	a:hover { color: #45134A; }
p  { margin: 0 0 15px; line-height: 1.64em; }
#wrap { margin: 0px auto 0; width: 979px; }

.clear { clear: both; }

/* #logo { float: left; margin: 35px 0 0 20px; height: 89px; }
	#logo a:hover { border-bottom: 1px solid #222; }
	#logo p { padding: 2px 0 0 4px; font-size: .9em; color: #555; }
	#logo h1 { font-size: 2.6em; margin: 0; text-shadow: 1px 1px 1px #000; }
	#logo h1 a { color: #fff; }
	#logo h2 { font-size: .8em; font-weight: normal; } */

#logo { float: left; margin: 0px 0 0 20px; height: 135px; width: 618px;}
	#logo a:hover { border-bottom: 1px solid #222; }
	#logo p { padding: 2px 0 0 4px; font-size: .9em; color: #555; }
	#logo h1 { font-size: 2.6em; margin: 0; text-shadow: 1px 1px 1px #000; }
	#logo h1 a { color: #fff; }
	#logo h2 { font-size: .8em; font-weight: normal; }

	#explore { float: right; margin: 130px -10px 0 0; }
		#explore-link { float: left; height: 25px; padding: 9px 0 0 0px; width: 170px; font-size: 1.7em; color: #fff; /* background: url(../images/explore.gif) no-repeat; */  }
			#explore-link:hover { color: #808080; }

	#menu { clear: left; float: left; height: 43px; margin: 0 0 0 10px; background: url(../images/menu.gif) repeat-x; width:750px;}
		#menu-left { background: url(../images/menu-corners.gif) no-repeat left top; float: left; width: 9px; height: 43px; }
		#menu-right { background: url(../images/menu-corners.gif) no-repeat left bottom; float: right; width: 9px; height: 43px; }
	
	#menu ul { float: left; padding: 7px 0; }
	#menu li { display: inline; text-transform: uppercase; }
		#menu li a { float: left; margin: 0 5px 0 0; padding: 12px 0 15px 20px; color: #777; position: relative; z-index: 2; }
		#menu li a span { padding: 12px 20px 15px 0; }
		#menu li a:hover, #menu li a:focus { color: #1295E4; }
		#menu li a.current { background: url(../images/tableft.gif) no-repeat; color: #000; font-weight: bold; }
		#menu li a.current span { background: url(../images/tabright.gif) no-repeat right top; }
		
	#content-top { clear: both; height: 26px; background: url(../images/content-top.gif) no-repeat; position: relative; margin: 0 !important; margin: -14px 0 0; }
	#content-middle { padding: 0 25px 25px; background: url(../images/content-middle.gif) repeat-y; }
	#content-bottom { clear: both; padding: 6px 0 7px; background: url(../images/content-bottom.gif) no-repeat left bottom; }

	#pitch { text-shadow: 1px 1px 1px #3F6AA2; background: url(../images/pitch.jpg) no-repeat; height: 159px; padding: 50px 40px 0 30px; position: relative; margin: 0 -7px 30px; font-size: 1.3em; font-style: italic; color: #fff;  }
	#pitch h1 { float: left; line-height: 1.3em; font-style: normal; font-size: 1.7em; width: 260px; padding: 0 40px 0 0; height: 150px; font-weight: normal; text-transform: uppercase; }
	#pitch h1 span { font-size: 1.2em; text-transform: lowercase; font-size: .6em; font-style: italic; color: #F4EDC1; display: block; line-height: 1.2em;  } 

h3 { font-size: 1.3em; font: bold 1.3em Arial; color: #222; margin: 0 0 10px; }

	.column { float: left; width: 283px; margin: 0 40px 0 0; line-height: 2.2em; }
	.column.last { margin-right: 0; }
	.column img { padding: 10px; border: 1px solid #ddd; margin: 0 0 5px; }
	.column p { border: 0px; }
	.column2 { float: left; width: 566px; margin: 0 40px 0 0; line-height: 2.2em; }

/* COLUMNRP SETTINGS FOR INDEX PAGE */
	.columnrp { float: left; width: 283px; margin: 0 40px 0 0; line-height: 2.2em; }
	.columnrp.last {margin: 0px } 
	.columnrp ul { padding: 10px 10px 10px 15px; border: 1px solid #ddd; margin: 0 0 0px; list-style-type: none; margin-left: 0px; margin-bottom: 10px } 
	.columnrp p { border: 0px; }
	.columnrp2 { float: left; width: 566px; margin: 0 40px 0 0; line-height: 2.2em; } 

/* COLUMNC SETTINGS FOR CALENDAR PAGE */
	.columnc2 { float: left; width: 650px; margin: 0 40px 0 0; line-height: 2.2em; }
	.columnc { float: left; width: 190px; margin: 0 40px 0 0; line-height: 2.2em; }
	.columnc.last { margin-right: 0px; margin-left: 30px; }
	.columnc img { padding: 10px; border: 1px solid #ddd; margin: 0 0 5px; }
	.columnc p { border: 0px; }
 
/* COLUMNC SETTINGS FOR PORTFOLIO PAGE */
	.columnp2 { float: left; width: 675px;  } /* 650 */
	.columnp  { float: left; width: 210px; margin-left: 10px;  }  /* 190 */
	.columnp p { border: 0px; }

/* COLUMN3 FOR SUPPORT PAGE */
	.column3 { float: left; width: 185px; margin: 0 40px 0 0; line-height: 2.2em; }
	.column3.last { margin-right: 0; }

.more a { background: url(../images/bullet.gif) no-repeat 0 7px; padding: 0 0 0 8px; color: #672A6D; font-weight: bold; font-size: .9em; }
	
#footer { padding: 20px; color: #999; }
	#links { float: right; }
		#links a { margin: 0 0 0 15px; }
.line {margin: 0 0 10px 0; }

#client h3 span { font-size: 1.2em; text-transform: lowercase; font-size: .6em; font-style: italic; color: #F4EDC1; display: block; line-height: 1.2em;  } 

/* START: SIMPLE HORIZONTAL MENU USED ON BOTTOM OF PORTFOLIO PAGE */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: left; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}

/* END: SIMPLE HORIZONTAL MENU USED ON BOTTOM OF PORTFOLIO PAGE */

/* SUBCRIBE BUTTONS */
.sub p {text-align:center; padding: 10px; border: 1px solid #ddd; margin: 0 0 5px;}
.sub h3 {text-align:center}