/*
Theme Name: ODWARE MAIN
Theme URI: http://odware.com/
Description: The Odware main template.
Version: 1.0
Author: He is greate man :)
Author URI: http://odware.com
Tags: blue, odware, main

	ODWARE v1.0

*/



/* The Core Technique
================================= */
img{border: none}

body {
	text-align: center;
}
#news {
	width:350px;
	float:left;
}
#banner {
	width:374px;
	float: right;
}
#bottomcontent {
	clear:both;
}
#wrapper {
	width: 748px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}
#mainNav {
	width: 245px;
	float: left;
}
#content {
	width: 498px;
	float: right;
}
#mainContent {
	width: 249px;
	margin: 0;
	float: left;
}
#secondaryContent {
	width: 249px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
}
#footer {
	clear: both;
}
#helpmenu {
	float: right;
	width: 240px;
}
#logo {
	height:85px;
	float:left;
	width:500px
}
.clear {
	clear:both;
}


/* --- inner ---*/
#othercols{
float:right;
width:558px;}
#navCol{
float: left;
width:176px;}

#mainCol{
float: left;
width:360px;}
#secondaryCol{
float: right;
width:184px;}



/* Banners struct
================================== */
#banners {
	clear:both;
	width:748px;
	margin:0 auto;
}
#banners ul li{
float:left;
list-style:none;
}
#first_banner{
margin-right:53px;}
#second_banner{
margin-right:53px;}


/*@import "struct.css";
@import "master.css";*/
/* Pretty Stuff
================================== */

	/* Zero down margin and paddin on all elements */
* {
	margin: 0;
	padding: 0;
}
img {
	border:none;
}
body {
font-size:12px;
font-family: Arial, Helvetica, sans-serif;

}

h1 {
	font-size: 15px;
	font-weight: bold;
	text-transform:uppercase;
	color:#12a2d7;
	padding-bottom:14px;
	padding-top:20px;
	}
h2  {
	font-size: 15px;
	font-weight: bold;
	color:#12a2d7;
	padding-bottom:10px;
	padding-top:10px;
	}
p, li {
	font-size: 12px;
	padding-bottom:10px;
	padding-top:10px;
	color:#464646;
	line-height:16px;
}
h1, h2, p {
}
.blue {
	color:#12a2d7;
	font-size:11px;
	font-weight: 900;
}
#wrapper #othercols #secondaryCol .blue
{
padding-top:40px;}
.gray {
	color:#707070;
	font-size:16px;
	font-weight: 900;
}
a {
	color:#12a2d7;
}
#wrapper {
	padding-top:30px;
	/*height: 500px;*/
}
#branding {
}
#branding h1 {
	margin: 0;
}
#mainNav {
	list-style: none;
}
#secondaryContent {
}
#footer {
	padding-bottom:30px;
}
#wrapper #bottomcontent #news ul li {
	list-style:none;
}

#wrapper #bottomcontent #newsline ul li {
	list-style:none;
}

/* Add some padding
================================== */
#mainContent p, #mainContent img{
padding-left:15px;}
#mainNav, #secondaryContent {
}
#mainNav *, #secondaryContent * {
}
#mainNav * *, #secondaryContent * * {
}
#secondaryContent p {
	padding-left:36px;
}
#mainNav * {
	padding-right:20px;
}
#logo img {
	border:none;
}
#helpmenu p {
	text-align:right;
	padding:0px;
	margin:0px;
	font-size:11px;
}
#helpmenu p a {
	margin-right:6px;
	margin-left:6px;
	font-size:13px;
	color:#000000;
	text-decoration: none;

}
.mainmenu .current_page_item a,
.mainmenu .current_page_parent a,
.mainmenu .current_page_ancestor a
 {
	background:url(images/main_menu_active.jpg) repeat-x;
}
.mainmenu a:hover {
	background:url(images/main_menu_active.jpg) repeat-x;
}
.mainmenu ul li:first-child a:hover
{
	background:url(images/main_menu_active_first.jpg) no-repeat top left;
}
.mainmenu .current_page_parent:first-child a{
	background:url(images/main_menu_active_first.jpg) no-repeat top left;
}
.mainmenu .current_page_item:first-child a{
	background:url(images/main_menu_active_first.jpg) no-repeat top left;
}

.mainmenu a {

	padding-bottom:8px;
	padding-top:9px;
	width:106px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:14px;
}
.mainmenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
.mainmenu li {
	float:left;
	margin:0;
	padding:0;
}
.mainmenu {
	margin-bottom:17px;
	clear:both;
	height:33px;
	background:url(images/main_menu_bg.jpg) no-repeat top left;
	float:left;
	width:100%;
}
.footer_menu li{float: left; list-style: none;}
/*
#wrapper #branding .mainmenu #main_menu_current .firstmainmenu {
	background:url(images/main_menu_active_first.jpg) repeat-x;
}
#wrapper #branding .mainmenu .firstmainmenu {
	width:106px;
}
#wrapper #branding .mainmenu a.firstmainmenu:hover {
	background:url(images/main_menu_active_first.jpg) repeat-x;
}
* */
#wrapper #promo {
	margin-bottom:20px;
}
#wrapper #bottomcontent #banner {
	padding-top:30px;
}
#wrapper #bottomcontent #news li {
	padding-bottom:10px;
}
#wrapper #bottomcontent #newsline li {
	padding-bottom:10px;
}
#footer a, #footer p {
	color:#959595;
	text-decoration:none;
}
#login{
	width:748px;
	height:41px;
	background:url(images/login_bg.jpg) left top no-repeat;
	display:none;
	margin:0 auto;


}
#login table{
margin-left:70px;}
#login form{
float:left;
padding:0;
margin:0;
color:#FFFFFF;}
#login label{
font-weight:bold;
font-size:14px;
}

#login form #login_array{
border:none;}
.text_field{
border:1px solid #019bd4;
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:7px;
margin-right:10px;
margin-left:10px;
color:#019bd4;
font-size:14px;
font-weight:bold;}




/* ------ submenu  ----- */
.subnav{
margin-bottom:20px;
}
.subnav li {
list-style: none;
margin:0px;
padding:0px;
}
#wrapper #navCol .subnav a{
background:url(images/sub_menu_bg.jpg) no-repeat top left;
padding-bottom:8px;
padding-top:8px;
display:block;
padding-left:20px;
text-decoration:none;
color: #12A2D7;
}
#wrapper #navCol .subnav li a:hover{
background: url(images/sub_menu_active_bg.jpg) no-repeat top left !important;
padding-bottom:8px;
padding-top:8px;
display:block;
padding-left:20px;
color:#FFFFFF !important;
}
#wrapper #navCol .subnav li:first-child a {
background: url(images/sub_menu_bg_top.jpg) no-repeat top left;
padding-bottom:9px;
padding-top:8px;
display:block;
padding-left:20px;
color: #12A2D7;
}
#wrapper #navCol .subnav li.current_page_item a{
background: url(images/sub_menu_active_bg.jpg) no-repeat top left;
padding-bottom:8px;
padding-top:8px;
display:block;
padding-left:20px;
color:#FFFFFF;
}

/* ------ end submenu  ----- */
.info_block_white{
background:url(images/info_block_white_bottom.jpg) bottom left no-repeat;
margin-bottom:20px;
padding-bottom:10px;}
.info_block_white img{
padding-left:25px;
}
.info_block_white p, .info_block_white h2{
padding-left:25px;
padding-right:25px;
}

.info_block_white h2{
margin-top:20px;
padding-bottom:10px;
padding-top:20px;
	color:#12a2d7;
	font-size:16px;
	font-weight: 900;
	background:url(images/info_block_white_header.jpg) no-repeat;
}










.info_block_blue{
background:url(images/info_block_blue_bottom.jpg) bottom left no-repeat;
margin-bottom:20px;
padding-bottom:10px;}
.info_block_blue p, .info_block_blue h2{
padding-left:25px;
padding-right:25px;
color:#FFFFFF;
}

.info_block_blue a{
color:#FFFFFF;}
.info_block_blue h2{
color:#FFFFFF;

padding-bottom:5px;
padding-top:20px;

	font-size:16px;
	font-weight: 900;
	background:url(images/info_block_blue_header.jpg) no-repeat;
}

#wrapper #othercols #mainCol .center_white_block	{
background:url(images/info_block_white_center_wrap.jpg) no-repeat left top;
height:191px;}

.infoblock_pic{
float:left;
width:131px;}
.infoblock_text{
float:right;
width:229px;
}
.infoblock_text p{
padding-top:5px;}
.infoblock_text h1{
padding-bottom:10px;}
.infoblock_text *{
padding:20px;}
#othercols #mainCol ul, #othercols ul{
margin-left:15px;}
#othercols #mainCol li, #othercols ul li{
padding-left:10px;
padding-bottom:2px;
padding-top:2px;}







big{font-size:14px}
small{font-size:11px}
.blue{color:#019bd4}
/*
#main{margin:0 auto;width:748px;padding:0 20px;text-align:left}
#main #head{padding:28px 0 15px 0}
#main #container{width:100%; padding:0 8px 20px 8px; margin:0 -8px; overflow:hidden; height:100%}
#main #container #content{width:510px; float:left; padding-top:7px}
#main #container #sub-container{width:510px; float:left}
#main #container #sub-container #left-colum{width:176px;float:left}
#main #container #sub-container #content{width:304px; float:right}
#main #container #right-colum{width:207px; float:right; padding-top:7px}
#main #footer{padding:0 0 20px 0; color:#959595}

#head #logo{float:left; height:95px; padding:4px 0 0 0}
#head #mn-site{text-align:right; margin-right:-5px}
#head #mn-site a{color:#464646; text-decoration:none; margin:0 5px}
#head #mn-site a:hover{text-decoration:underline}
#head #menu{clear:both; background:#979797 url(images/mn-1-2.gif) 0 0 repeat-x}
#head #menu table{border:0; border-collapse:collapse; width:100%; background:url(images/mn-1-1.gif) 0 0 no-repeat}
#head #menu table td.current{background:#0093dd url(images/mn-1-4.gif) 0 0 repeat-x}
#head #menu table td{padding:0}
#head #menu table td a{display:block;font-size:14px; text-decoration:none; color:#FFF; line-height:18px; text-align:center; padding:7px 5px 8px 5px; height:100%}
#head #menu table td a:hover{background:url(images/mn-1-3.gif) 0 0 repeat-x}
#head #menu table td.current a:hover{background:none}
#head #menu table td a span{cursor:pointer}
#head #menu table td#first a{padding:0}
#head #menu table td#first a span{display:block; padding:7px 5px 8px 5px}
#head #menu table td#first a:hover span{background:url(images/mn-1-1.gif) 0 0 no-repeat}
#head #menu table td#first.current a{background:url(images/mn-1-5.gif) 0 0 no-repeat}*/

.mn-left{margin:0; padding:1px 0 20px 15px; list-style:none}
.mn-left li{border:1px solid #afafaf; border-left:0; background:#FFF; height:31px; margin-top:-1px; position:relative; width:160px; font:bold 14px Arial}
.mn-left li a{display:block; height:33px; width:158px; margin:-1px -1px -1px -15px; padding:0 0 0 18px; line-height:32px; text-decoration:none; color:#0093dd; background:url(images/mn-2-1.gif) 0 0 no-repeat; position:relative}
.mn-left li a:hover{color:#464646}
.mn-left li.current{border:0; height:33px; background:#0093dd url(images/mn-1-4.gif) 0 0 repeat-x; width:161px}
.mn-left li.current a,
.mn-left li.current a:hover{margin:0 0 0 -15px; background-image:url(images/mn-2-2.gif); color:#FFF}

.ul-1{padding:0 0 14px 0; margin:0; list-style:none}
.ul-1 li{text-indent:11px}

.box-1{width:223px; margin:0 -8px 20px -8px; background:#f6f6f6 url(images/box-1-2.gif) 0 0 repeat-y; position:relative}
.box-1 .deco{background:url(images/box-1-1.gif) 0 0 no-repeat; height:100%}
.box-1 .deco .deco{background:url(images/box-1-3.gif) 0 100% no-repeat; padding:21px}

#form-1{}
.ul-form-1{margin:0; padding:0 0 7px 0; list-style:none;margin-left:0px;}
.ul-form-1 li{padding:0 0 3px 0; font-size:11px; color:#898989}
.ul-form-1 li .input{margin-top:3px; width:176px}

.ul-form-2{overflow:hidden; height:100%; padding:0 0 18px 0; margin:0; list-style:none}
.ul-form-2 li{width:90px; float:left; font-size:11px; color:#898989; height:21px; overflow:hidden; white-space:nowrap}
.ul-form-2 li label{cursor:pointer}

.but-1{display:block; height:30px; margin:0 6px; background:#3c95e2 url(images/but-1-1.gif) 0 0 repeat-x; color:#FFF; text-decoration:none; font-size:14px; float:left; text-transform:lowercase}
.but-1 b{display:block; float:left; margin:0 -12px; background:url(images/but-1-2.gif) 0 0 no-repeat; height:30px; position:relative}
html>body .but-1{margin:0 12px}
.but-1 b span{display:block; float:left; background:url(images/but-1-3.gif) 100% 0 no-repeat; height:30px; cursor:pointer; line-height:30px; padding:0 25px}
.but-1:hover{color:#baecff}

.box-index{height:100%; width:798px; margin-right:-50px}
.box-index{margin-right:-22px;widht:532px}
.box-index .box{float:left;width:212px; border:1px solid #aeaeae;position:relative; height:136px; margin:0 52px 43px 0}
.box-index .box .img{width:212px; padding:0 1px 1px 1px;position:absolute; bottom:-1px; left:-1px; text-align:right; background:url(images/box-2-2.gif) 0 100% no-repeat; height:10px; min-height:10px}

.box-index .box #VOD3{width:212px; padding:0 1px 1px 1px;position:absolute; bottom:-1px; left:-1px; text-align:right; background: #019BD4 url(images/box-2-2.gif) 0 100% no-repeat; min-height:10px;}

.box-index .box #PM2l{width:212px; padding:0 1px 65px 1px;position:absolute; bottom:-1px; left:-1px; text-align:center; background:url(images/box-2-2.gif) 0 100% no-repeat; }
.box-index .box #VOD3+a{color: #FFFFFF; }
.box-index .box #PM2l+a span b{color: #FFFFFF; }
.box-index .box #PM2l img{padding-top: -50px;}

.box-index .box img{vertical-align: bottom;}
html>body .box-index .box .img{height:auto;}
.box-index .box a{display:block; height:137px; width:214px; margin:0 -1px -1px -1px; top:-1px; background:url(img/box-2-1.gif) 0 0 no-repeat; position:relative; text-decoration:none;color:#898989}
.box-index .box a span{position:absolute; bottom:13px; left:19px; display:block; font-size:14px; line-height:17px; cursor:pointer}
.box-index .box a span b{display:block; padding-bottom:10px; font:normal 18px Arial; color:#019bd4}
.box-index .box a:hover{color:#019bd4}
.box-index .video{background:#019bd4; border:0; padding:1px}
.box-index .video a:hover{color:#baecff}
.box-index .video .img{background-image:url(img/box-3-2.gif); width:214px; padding:0; bottom:0; left:0}
.box-index .video a{color:#FFF;background-image:url(images/box-3-1.gif)}
.box-index .video a span b{color:#FFF}
.box-index .box{font-size: 0;}



#footer address{font-style:normal; float:right}
#footer a{color:#959595}

ul.no_pad li{
	padding-left:0px !important
}
ul.no_pad {
	margin-left:0px	!important
}

/* The Core Technique
================================= */


body {
	text-align: center;
}
#news {
	width:249px;
	float:left;
}
#banner {
	width:374px;
	float: right;
}
#bottomcontent {
	clear:both;
}
#wrapper {
	width: 748px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}
#mainNav {
	width: 249px;
	float: left;
}
#content {
	width: 498px;
	float: right;
}
#mainContent {
	width: 249px;
	margin: 0;
	float: left;
}
#secondaryContent {
	width: 249px;
	display: inline; /* :KLUDGE: Fixes IE double margin float bug */
	float: right;
}
#footer {
	clear: both;
}
#helpmenu {
	float: right;
	width: 300px;
}
#logo {
	height:85px;
	float:left;
	width:440px
}
.clear {
	clear:both;
}


/* --- inner ---*/
#othercols{
float:right;
width:558px;}
#navCol{
float: left;
width:176px;}

#mainCol{
float: left;
width:360px;}
#secondaryCol{
float: right;
width:184px;}



/* Banners struct
================================== */
#banners {
	clear:both;
	width:748px;
	margin:0 auto;
}
#banners ul li{
float:left;
list-style:none;
}
#first_banner{
margin-right:53px;}
#second_banner{
margin-right:53px;}




.checkbox{vertical-align:middle;}

#project_select select{min-width: 160px;}
#project_select button{width:90px;}


#projects {width: 560px;margin: 20px auto;}
#projects div.img, #projects div.small_img {border: 1px solid #12A2D7;}
#projects .img img{max-width: 250px;}
#projects .small_img{width: 100px;}
#projects  div.img{width: 250px;height: 250px;}
#projects #add_comment textarea{width:100%;}
#projects .hr{width:100%;border-bottom: 1px dotted #464646;height: 1px;}
/*#add_client input, #add_client select ,#add_project input, #add_project select{width: 100%;border: 1px solid #12A2D7;height: 16px;}*/
.submit{width: 50px !important;}
#add_client table,#add_project table{width: 300px;}
.projects{
width: 100%;
border-collapse: collapse;
color:#000000;
font-size:12px;
line-height:16px;
font-size: 14px;
text-align: center;
}
.projects td{border: 1px solid #12A2D7;padding: 5px;}
#projects ul li{float: none;list-style: none;width: auto;}
#projects p{width: 270px;}
#projects ul li,#projects ul{list-style: none;margin:0px;padding:0px 10px;text-indent:0px;}
.right{text-align:right;}
.left{text-align:left;}
input,select,textarea, table td input,select,textarea{font:normal 12px Arial; color:#464646;}
#add_project select, #add_project input,#add_client select, #add_client input{width: 100%;}{width: 100%;}
textarea, table td textarea{border:1px solid #019bd4; background:#FFF}
#projects a.pageurl{font-size: 16px;font-weight: bold; padding: 6px;}

.qtrans_language_chooser { list-style-type:none }
.qtrans_language_chooser li{list-style: none ; float: right; padding: 10px; width: 18px; height: 12px;}
.qtrans_language_chooser li.active a {border: 3px solid #12A2D7;}
.qtrans_language_chooser li a.qtrans_flag_en {
	width: 18px; height: 12px;
	font-size: 0px;
	background: transparent url('/wp-content/plugins/qtranslate/flags/uk.png') no-repeat;
	padding-left: 18px;
	padding-top: 12px;
}
.qtrans_language_chooser li a.qtrans_flag_nl {
	width: 18px; height: 12px;
	font-size: 0px;
	background: transparent url('/wp-content/plugins/qtranslate/flags/nl.png') no-repeat;
	padding-left: 18px;
	padding-top: 12px;
}










/*
.design_img{width: 200px;max-height:200px;}

.checkbox{vertical-align:middle;}
.resoures_table{width: 550px;}
.resoures_table p{text-align:left;height: 30px;}
.resoures_table p.img{height: 200px;}
.resoures_table td.td{width: 100%;height: 220px;valign-text: top;}
.resoures_table .right{text-align:right;}
.resoures_table textarea{width: 100%;}
.resoures_table .left{text-align:left;}
.comments .user{font-weight: bold;}
.comments .right{text-align:right;border-bottom: 1px dotted #000000;}
.comments .left{text-align:left;}
.comments .text{text-align:justify;background-color:#F0E7E6;padding-left: 15px;}
.comments .right{text-align:right;}
*/