/*
+---------------------------------------------------------------------------+
|									
|	Project:  http://www.mladiradnik.com	
|	Copyright (c) 2008 Marketing agency Tactic	
|									
|	File Information:						
|	- Website layout CSS Style			
|								
+---------------------------------------------------------------------------+
*/

/*  -------	General body	------- */


body {
	background : white url(images/page-bg.jpg) repeat-x;
}
* {
	padding : 0;
	margin : 0;
	border : 0;
	outline : none;
}
img {
	border : 0;
}
.clear {
	clear : both;
}


/*  -------	Page Layout	------- */


#wrapper {
	margin : auto;
	width : 920px;
	background : url(images/wrap-bg-trans.png) no-repeat;
}
#header {
	padding-left : 30px;
	width : 857px;
	height : 152px;
	display : block;
	background : url(images/header-bg.jpg) no-repeat top right;
}
#content {
	width : 890px;
	margin : auto;
}
#left-sidebar {
	float : left;
	width : 217px;
	background : url(images/left-shadow-1.jpg) repeat-y top right;
}
#center-content {
	float : left;
	padding : 10px;
	width : 426px;
	margin-bottom: 30px;
}
#right-sidebar {
	background : url(images/right-shadow-1.jpg) repeat-y top left;
	float : right;
	width : 217px;
}
#gallery {
	padding-top : 50px;
	padding-bottom : 40px;
}
#footer {
	padding-top : 20px;
	padding-bottom : 30px;
	margin : auto;
	width : 100%;
	height : 100%;
	background : #e6e6e6 url(images/footer-bg.jpg) repeat-x;
	text-align : center;
}
#footholder {
	margin : auto;
	width : 605px;
	height : 22px;
	padding-top : 10px;
}

/*  -------	Navigation	------- */


#navigation {
	margin-left : 25px;
	height : 51px;
	list-style : none;
	display : block;
	float : left;
}
#nav li {
	display : inline;
}
#nav li a {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	font-weight : normal;
	outline : none;
	padding : 0 15px 0 15px;
	height : 51px;
	line-height : 52px;
	display : block;
	float : left;
	text-align : center;
	color : #656565;
	text-decoration : none;
	font-size : 0.71em;
	letter-spacing : 0.13em;
	text-transform : uppercase;
}
#nav li a:hover {
	background : url(images/nav-hover.jpg);
	color : #cf0e00;
	font-weight : normal;
	text-decoration : underline;
}
#nav li a.active {
	background : url(images/nav-active.jpg) repeat-x;
	color : #cf0e00;
	cursor : default;
}

/*  -------	Headings , typography, links, buttons	------- */


h1 {
	display : block;
	width : 413px;
	height : 152px;
	text-indent : -9009px;
	background : url(images/logo-bg.jpg) no-repeat 70px 60px;
}
h1 a {
	display : block;
	width : 100%;
	height : 100%;
}
.left-heading {
	margin-top : 15px;
	margin-left : 10px;
	width : 200px;
	text-indent : -9009px;
	display : block;
	background : url(images/h2-links.jpg) no-repeat left center;
}
.center-heading {
	width : 227px;
	padding-top : 10px;
	text-indent : -9009px;
	display : block;
	background : url(images/h2-news.jpg) no-repeat left center;
}
.right-heading {
	width : 200px;
	padding-top : 10px;
	text-indent : -9009px;
	display : block;
	background : url(images/h2-banners.jpg) no-repeat left center;
}
.left-links a {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	width : 190px;
	margin : auto;
	display : block;
	line-height : 28px;
	height : 27px;
	font-size : 0.7em;
	color : #b4b4b4;
	text-decoration : none;
	border-bottom : 1px solid #e1e1e1;
}
.left-links a:hover {
	width : 180px;
	background : url(images/nav-hover.jpg) left top;
	color : #bf1403;
	padding-left : 10px;
	border-bottom : 1px solid #bebebe;
}
.title {
	line-height : 35px;
	background : url(images/title-bg.jpg) no-repeat bottom left;
	display : block;
	padding : 0 0 0 20px;
	font-size : 0.7em;
	color : #750902;
	font-family : Verdana, sans-serif;
	text-transform : uppercase;
	letter-spacing : 0.55px;
	font-weight : bold;
}
.news {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	font-size : 0.71em;
	line-height : 1.3em;
	color : #676767;
	padding : 5px 5px 5px 15px;
}
#right-sidebar span a {
	margin : 10px;
	display : block;
	width : 190px;
	height : 68px;
}

/*  -------	Right sidebar banners	------- */

/*  -------	Fudbalski savez	------- */
.fkss a {
	background : url(images/fkss.jpg) no-repeat left top;
}
.fkss a:hover {
	background : url(images/fkss.jpg) no-repeat 0 -66px;
}
/*  -------	Opstina	------- */
.oppo a {
	background : url(images/oppo.jpg) no-repeat left top;
}
.oppo a:hover {
	background : url(images/oppo.jpg) no-repeat 1px -65px;
}
/*  -------	Marketing agencija Tactic	------- */
.tact a {
	background : url(images/tact.jpg) no-repeat left top;
}
.tact a:hover {
	background : url(images/tact.jpg) no-repeat 0 -73px;
}
/*  -------	Gorionik	------- */
.gorionik a {
	background : url(images/gorionik.jpg) no-repeat left top;
}
.gorionik a:hover {
	background : url(images/gorionik.jpg) no-repeat 0 -73px;
}

/*  -------	Left - Right bottom shadows	------- */
.left-shadow {
	height : 68px;
	display : block;
	width : 217px;
	background : url(images/left-shadow-2.jpg) no-repeat bottom right;
}
.right-shadow {
	height : 68px;
	display : block;
	width : 200px;
	background : url(images/right-shadow-2.jpg) no-repeat bottom left;
}
#center-content span {
	margin-left : 10px;
}
#center-content img {
	margin-left : 10px;
}
.position {
	float : left;
	width : 133px;
	display : block;
	height : 20px;
	padding-left : 10px;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 0.7em;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0.3px;
	line-height : 2em;
	color : #838383;
}
.name {
	background : url(images/tablebg.jpg) repeat-x bottom left;
	display : block;
	font-family : Verdana, sans-serif;
	font-size : 0.71em;
	font-style : normal;
	font-weight : normal;
	text-transform : uppercase;
	letter-spacing : 0.1em;
	line-height : 2em;
}
.name a:hover {
	text-decoration : underline;
	color : #838383;
}
.name a {
	text-decoration : none;
	color : black;
}
.normal {
	padding-left : 10px;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 0.75em;
	font-style : normal;
	font-weight : normal;
	letter-spacing : normal;
	line-height : 1.5em;
}
.pdf {
	display : block;
	background : url(images/pdf.jpg) no-repeat left bottom;
	height : 65px;
	text-align : center;
	line-height : 5.2em;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 0.75em;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0.3px;
	color : #838383;
}
.pdf:hover {
	color : #700d0c;
}

/*  -------	Contact form	------- */


.formholder {
	width : 300px;
	padding-left : 20px;
}
.inquiry1field {
	float : left;
	width : 250px;
}
.formholder label {
	font-family : Helvetica, Arial, sans-serif;
	font-size : 0.7em;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0.3px;
	line-height : 2em;
	color : #838383;
	display : block;
	color : #666;
	padding-bottom : 4px;
	padding-left : 2px;
	padding-top : 10px;
}
.field, .field40, .field100 {
	border : 1px solid #cfcfcf;
	background : #fff url(images/inputbg.jpg) repeat-x 0 0;
	font-family : Tahoma, Arial, Verdana, sans-serif;
	font-size : 11px;
	color : #000;
	padding : 6px;
	margin-bottom : 2px;
}
.field:focus, .field40:focus, .field100:focus {
	border : 1px solid #a4a4a4;
}
.fielderror, .field40error, .field100error {
	border : 1px solid #700d0c;
	background : #a70000 url(images/inputerror.jpg) repeat-x 0 0;
	font-family : Tahoma, Arial, Verdana, sans-serif;
	font-size : 11px;
	color : #fff;
	padding : 6px;
}
.field40, .field40error {
	height : 40px;
}
.field100, .field100error {
	height : 100px;
}
.buttonholder {
	padding-top : 15px;
}
.buttonholder input {
	float : left;
}
.buttonholder span {
	display : block;
	float : left;
	font-size : 10px;
	padding-left : 10px;
	padding-top : 10px;
	color : #999;
}
.button {
	background : url(images/emailbutton.jpg) repeat-x top left;
	font-family : Tahoma, Arial, Verdana, sans-serif;
	padding-left : 10px;
	font-family : Helvetica, Arial, sans-serif;
	font-size : 0.7em;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0.2em;
	line-height : 2em;
	color : #a4a4a4;
	height : 39px;
	padding : 6px;
	width : 113px;
}
.button:hover {
	background : url(images/emailbutton.jpg) repeat-x bottom left;
	color : #700d0c;
}
.note {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	margin-top : 4px;
}
p.contact {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	width : 360px;
	margin : auto;
	display : block;
	line-height : 28px;
	padding-left : 10px;
	height : 27px;
	font-size : 0.7em;
	color : #b4b4b4;
	text-decoration : none;
	border-bottom : 1px solid #e1e1e1;
}
p.contact:hover {
	background : url(images/inputbg.jpg) 0 -1px;
	color : #740a00;
}


/*  -------	Footer holder	------- */


#footholder p {
	font-family : Tahoma, Arial, Verdana, sans-serif;
	color : #b5b5b5;
	font-size : 0.6em;
	text-align : left;
	width : 525px;
	margin-top : 5.5px;
	float : left;
}
#footholder a{
	font-family : Tahoma, Arial, Verdana, sans-serif;
	color : #b5b5b5;
	font-size : 1em;
	text-decoration: none;
}
#footholder a:hover {
	font-size : 1em;
	color : #bf1403;
}
#madeby {
	width : 80px;
	height : 22px;
	float : right;
}
#madeby a {
	display : block;
	width : 80px;
	height : 22px;
	background : url(images/madeby.jpg) no-repeat 0px 5px;
	text-indent : -9009px;
}
#madeby a:hover {
	background : url(images/madeby.jpg) no-repeat 0px -26px;
}
.ssnet {
margin: auto;
padding: 3px;
width: 400px;
}
.footer{
color: gray;
}
.caption {
background: black;
}
span.semafor {
display: block;
margin-left: 27px;
}
td.caption {
background: white;
}
/*  -------	www.tactic.rs	------- */