/* 
	project: mccabe (mccabelawoffices.com)
	author: medianova (medianova.hr)
*/

* { margin: 0; padding: 0; }
:active, :focus { outline: 0; }
body { font: .74em arial, sans-serif, tahoma, verdana; background: #b7b7b7 url(../img/btb.gif) repeat-x; color: #555; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; }
h1 { font-size: 25px; }
h2 { font-size: 1.6em; border-bottom: 1px solid #ddd; margin: 0 0 15px; padding: 0 0 5px; }
h3 { font-size: 15px; }
ol, ul { list-style: none; }
a { text-decoration: none; color: #204D77; }
a:hover { text-decoration: underline; color: #033059; }
p { margin: 0 0 15px; line-height: 1.7em; }

.clear { clear: both; }
#wrapper { width: 990px; margin: 10px auto; background: #fff; border: 1px solid #fff; }
#header { background: url(../img/header.jpg) no-repeat; padding: 5px 0 0; margin: 3px 3px 5px; }
	#header-img { float: right; margin: 0 5px 2px 0; }
#menu { clear: both; height: 35px; }
	#menu li { display: inline; font-size: 1.2em; font-weight: bold; text-transform: uppercase; }
		#menu li a { float: left; padding: 10px 17px 9px; color: #A8C2DB; }
		#menu li a.current { color: #fff; background: url(../img/tab.gif) repeat-x; }

#cases { float: left; width: 180px; font-size: .9em; padding: 20px 0 0 10px; margin: 0 15px 0 0; }
	#cases h4 { font-size: 1.1em; border-bottom: 1px solid #ddd; font-weight: bold; }
	#cases h2 { font-size: .9em; font-weight: bold; padding: 5px 0; margin: 0; }
		
	#subcats { }
	#subcats li a { display: block; background: #A8C2DB; color: #022B53; font-weight: bold; padding: 7px 10px; }
	
#main { float: left; width: 450px; margin: 0 0 10px 0; padding: 20px 0 0 10px; }
	#main li { list-style: square; line-height: 1.6em; margin: 0 0 0 20px; }
	.wider { }
#side { float: right; width: 300px; margin: 0 4px 5px 0; }
	#video { margin: 0 0 20px; border-bottom: 1px solid #ddd; padding: 0 0 5px; }
	#side label { width: 65px; float: left; }
	#side input.text, #side textarea { width: 210px; }
		#side textarea { height: 150px; }
		#side input.submit { margin: 0 0 0 65px; background: #083B6A; color: #fff; padding: 6px; border: 0; font-size: .9em; font-weight: bold; }
		
	#cform { border: 1px solid #ddd; padding: 6px; background: #f4f4f4; }
	#cform h3 { font-weight: bold; background: #022B53; color: #fff; padding: 5px; margin: 0 0 10px; }
		
	
#bottom { clear: both; padding: 15px 0 5px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  }
	#col { float: left; width: 300px; background: url(../img/vcicon.gif) no-repeat 5px 0; padding: 0 40px 0 80px; }
	.left { float: left; margin: 0 20px 0 0; padding: 0 0 0 10px; }
	.right { float: left; padding: 15px 20px 0 0; }
	#cor { float: left; width: 260px; padding: 5px 20px 0 0; }
	#lins { float: right; margin: 0 20px 0 0; }

#bottom p { float: left; }
#footer { clear: both; font-size: .9em; background: #fff url(../img/ftb.gif) repeat-x; padding: 14px 10px; }
#footer ul { float: left; margin: 0 25px 0 0; }
#footer li { margin: 0 0 5px; }
#footer .pright { text-align: right; float: right; color: #808080; }

/* sNews */
textarea, input.text, select { padding: 3px; width: 350px; border: 1px solid #ccc; }
fieldset { padding: 10px; background: #f4f4f4; border: 1px solid #ddd; margin: 0 0 15px; }
	fieldset input[type=text] { width: 350px; }
	fieldset textarea { width: 550px; height: 250px; }
#calc { width: 35px; }