body { 	margin: 0; padding: 0px; padding-bottom: 0px; font-family:Calibri, Trebuchet MS, Arial; font-size: 12pt; line-height: 1.7em; color:#d5d5d5; background: transparent url(../site_images/body_bg.jpg) 0 0 fixed; text-align: center; }
form {margin:0px; padding:0px;}
br{font-size:1em;}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#3E96C1; text-decoration:underline;} 
a:hover { text-decoration:none;}

/*h1, h2, h3, h4, h5, h6 {color: #3b3b3b; margin:0px;	padding:0px;font-size:1.5em;}

h1 { font-weight:normal; color:#51a41f; font-size:2em; margin: 18px 0px 8px 0px; text-transform: uppercase; line-height:120%; text-shadow:1px 1px 4px #49931c;}
h1 a:link, h1 a:visited { color: #e37a1c;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }*/

h2.title{font-weight:normal; color:#51a41f; font-size:2em; margin: 22px 0px 8px 0px; text-transform: uppercase; line-height:120%; text-shadow:1px 1px 4px #49931c;}

h2 {margin:7px 0px 6px 0px; color: #fff; font-weight:normal; font-size:1.2em; line-height:125%; padding-bottom:6px;  }
h2 a:link, h2 a:visited {color: #46981e; text-decoration: underline;}
h2 a:hover {text-decoration: none; }

h3, h4, h5, h6 {color:#1f6092; font-size:1.3em; text-transform: none; margin:5px 0px 8px 0px;}
h3{ text-transform: uppercase;text-shadow:1px 1px 4px #1a537f;}
h3 a:link, h3 a:visited { color:#1f6092; text-decoration: none; }
h3 a:hover {text-decoration: underline; color: #557d97;}

p {	margin:0px;	padding-bottom: 7px;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}
ul li, ol li { margin: 0; padding: 0; }

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(../cms_images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] { background-color:transparent; border:0 none; cursor:pointer; font-family:sans-serif; font-size:small; padding:0; }

.clear { clear:both; }
/* Clearfix */
.clearfix:after { content: "." !important; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; }
.clearfix { display: inline-block !important; clear: both; }  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1% !important;}
.clearfix {display: block !important;}
/* End Holly Hack */

#header{position: absolute; left:0px; background: transparent url(../site_images/head_bg2.jpg) -50px 0px repeat; display: block; height: 200px; width: 100%; top:-17px;}
#container{width:825px; margin-top: 90px; padding-bottom: 20px; position: absolute; /*margin-left: 20px;*/ text-align: left; left: 20px;}

#head_info{width: 800px; padding-bottom: 12px; /*height: 250px;*/ background: transparent url(../site_images/sandi_milohanic.png) 0 0 no-repeat; }
#head_info h1{color: rgba(255, 255, 255, 0); font-size: 56px;}
#head_info h2{padding-top: 50px;}

.menu_head{position: absolute; width:615px; text-align: right; left: 0px; font-size: 10pt;}
.menu_head a, .menu_head a:visited{display:inline-block; margin-left: 8px; background: transparent url(../site_images/button_bg.png) 0 0 no-repeat; text-align:center; width: 92px; height: 33px; margin-top: -3px; color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; padding-top: 2px;}
.menu_head a:hover{background-position: 0px 2px; padding-top: 3px;}

#my_work { width: 825px; /*background:red;*/ margin-top: 25px;}
#my_work li { /*background-color: #000;*/ margin-bottom: 30px;}
#my_work li span{color:#fff;}
#my_work:hover{ color: #fff; cursor: default;}

#my_work li img.my_work_preview{width: 550px;background:transparent url(../site_images/contentImageBg2.png) repeat scroll 0 0; border:0 none; float:none; padding:5px;}
#my_work li .my_work_info {float:right; width: 250px;}
#my_work .my_work_description { color: #969696; display: block; font-size:12pt;}
#my_work .my_work_description a, #my_work_description a:visited { color: #82c0df }
#my_work li .my_work_technology {display: block; margin-top: 12px;}
.my_work_technology strong em a, .my_work_technology strong em a{border-bottom: dotted 1px #fff; cursor: pointer; color:#969696;}
.on{color:green;}
.off{color:red;}
#my_work li .my_work_status {display: inline-block; font-size: 12pt; padding-top: 8px;}
#my_work li .my_work_link {color: #46981e; display: inline-block;}
#my_work li h4 { color: #fff; font-size: 16pt; font-weight: bold; padding-bottom: 0px;}
#my_work li .my_work_link a, #my_work li .my_work_link:visited { color: #46981e; text-decoration: none; font-weight: bold;}
#my_work li .my_work_link a:hover { text-decoration: none;  text-shadow:1px 1px 4px #49931c;}

#contact_form{width:590px; float:left;}
.iframe_contact{width: 580px;}
.online_form{float:left; margin-top: 12px;}
.online_form p{float:left;}
.online_form label{display: block;}
.online_form p.contactFloat{float: left;}
.online_form input{background-color:#162538; border: none; margin-right: 12px; padding: 5px;}
.input_text{width:279px;}
.online_form .input_last{margin-right: 0px;}
.input_textarea{background-color:#162538; border: none; height: 120px; width: 579px; padding: 5px;}
input.input_button{width: 80px; text-transform: uppercase; font-weight: bold; cursor: pointer;}
.error{display: inline-block; color: #ff0000;}

.boxColumn{float:left; margin-right: 50px;}

.footer{float: left; margin-top: 20px;}