/*
Theme Name: maxatec
Description: This is a customize wordpress theme.
Version: 1.0
Author: Zeta Commerce Ltd.
Author URI: http://www.zeta.net/
Tags: fixed width, two columns
*/
body{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#221e1f;
	text-align:center;
	background:#f7f7f7 url(./images/bdyRptX.gif) repeat-x left top;
}

/*======= Common Styles ============*/
*{margin:0; padding:0}
img,fieldset{border:0}
h1 a i{display:none; visibility:hidden}
a{color:#fff; text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
p{margin-bottom:16px}
p a{color:#5abdd2}
h2, h3, h4, h6{
	color:#19aaab;
	font-size:18px;
	line-height:18px;
	margin-bottom:8px;
}
h2{
	font-weight:normal;
	margin-bottom:11px;
}
h2 a{color:#221e1f}
h4{
	font-size:12px;
	line-height:16px;
	margin-bottom:21px;
}
h5{
	color:#221e1f;
	font-size:12px;
	margin-bottom:2px
}
h6{
	font-size:11px;
	line-height:10px;
	margin-bottom:5px;
}



#wrap{
	width:749px;
	margin:0 auto 0 0;
	padding:0px 0 100px;
	text-align:left;
}
/*=================================
			HEADER
===================================*/
h1{
	width:546px;/*575*/
	height:21px;/*36*/
	background:url(./images/hdrBg.gif) no-repeat;
	padding:8px 13px 7px 16px;
	overflow:hidden;
	margin:0 0 14px 6px;
}
h1 a{
	width:164px;
	height:0;
	padding-top:21px;
	display:block;
	background:url(./images/logo.gif);
	overflow:hidden;
	text-decoration:none;
	float:left;
}
h1 small{
	width:333px;/*360*/
	padding-left:27px;
	float:right;
	line-height:20px;
	background:url(./images/iconsPhoneMsg.gif) no-repeat;
	font-size:11px;
}
h1 small a{
	width:auto;
	height:auto;
	padding-left:30px;
	padding-top:0;
	float:none;
	display:inline;
	color:#000000;
	margin-left:30px;
	background:url(./images/iconsPhoneMsg.gif) no-repeat 8px -33px;
}

/*.nav{
	width:739px;
	height:25px;
	padding-left:10px;
	background:url(./images/navRptY.gif) repeat-y;
	overflow:hidden;
}
.nav li{
	line-height:25px;
	display:block;
	border-right:1px solid #999;
	padding:0 10px;
	font-weight:bold;
	font-size:11px;
	float:left;
}*/
/*=======Containers==========*/
.container{
	width:740px;/*749*/
	padding:26px 0 0 15px;
	overflow:hidden;
	clear:both;
}
.lftCont{
	width:490px;
	float:left;
}
.rgtCont{
	width:240px;
	float:right;
}

/*-------Rounded Box--------*/
.roundedBox, .roundedBox2{
	width:100%;
	background:url(./images/roundedBoxBg.gif) repeat-y -490px top;
	margin-bottom:11px;
}
.roundedBox .latestHeader{ padding-left:5px;}	/*arif*/
.rBoxBtm{background:url(./images/roundedBoxBg.gif) no-repeat -980px bottom}
.rBoxTp{
	width:455px;/*490*/
	background:url(./images/roundedBoxBg.gif) no-repeat;
	padding:19px 18px 15px 17px;
}
/*----Rounded Box2(Over-write)--------*/
.roundedBox2{
	width:240px;
	background:url(./images/roundedBoxBg2.gif) repeat-y -240px top;
	margin-bottom:20px;
}
.roundedBox2 .rBoxBtm{background:url(./images/roundedBoxBg2.gif) no-repeat -480px bottom}
.roundedBox2 .rBoxTp{
	width:185px;/*240*/
	background:url(./images/roundedBoxBg2.gif) no-repeat left -118px;
	padding:20px 30px 15px 25px;
}
.roundedBox2 li{
	width:165px;/*185*/
	background:url(./images/bulletsArrow.gif) no-repeat left -31px;
	padding-left:20px;
	margin-bottom:12px;
	font-size:11px;
}
.roundedBox2 li a{color:#221e1f}
/*----Rounded Box Shaded(Over-write)-----*/
.shadedRBox .rBoxBtm{background-position:-720px bottom}
.shadedRBox .rBoxTp{
	width:204px;/*240*/
	padding:20px 18px 15px 18px;
}
.shadedRBox h3{padding-left:7px; width:70%;}
#rss { float:right;z-index:99;margin-top:-5px; }
#rss a { color:#e78012 !important;text-decoration:underline;font-size:10px; }
#rss a.txt { padding-right:3px;float:left;display:block;height:14px;padding-top:7px; }
.shadedRBox ul{
	background:url(images/ul-bg.gif);
}
.shadedRBox li{
	width:100%;
	height:37px;
	margin-bottom:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	background-position:7px -22px;
}
.shadedRBox li a{
	width:165px;/*192*/
	padding-left:27px;
	line-height:36px;
	display:block;
}
.shadedRBox li a:hover{
	text-decoration:none;
	color:#19aaab;
}
/*-----Blog--------*/
.blog{
	margin-top:18px;
	padding-top:16px;
	border-top:1px solid #19aaab;
}
.firstBlog{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
.blogContent{
	width:445px;/*455*/
	padding:0 5px 0;
}
.blogContent h2 a:hover{color:#19aaab; text-decoration:none;}
.blog img{margin:0 16px 15px 27px}
.blogButns{
	width:100%;
	line-height:25px;
	background:url(./images/blogButnsBg.gif) no-repeat;
	font-weight:bold;
	margin:0;
}
.blogButns a{
	padding-left:20px;
	background:url(./images/bulletsArrow.gif) no-repeat left 4px;
	margin:0 18px;
	color:#fff;
}
.prePost a{ display:block; float:left; background:url(images/prePost.gif) no-repeat left 8px; }
.nxtPost a{ display:block; float:left; background:url(images/nxtPost.gif) no-repeat right 8px; padding-left:0; padding-right:20px; }
/*-----Post Read-----*/
.postRead{padding-top:10px}
.postRead h6{margin-bottom:20px}
.postRead img{margin:0 2px 70px 5px}
.postRead .contactInfo h6{margin:15px 0 5px}
.contactInfo label{display:block}
.commentBox{ padding:15px 0 0}
.postRead .commentBox .butnSubmit img{margin:0}
.addComment{
	display:block;
	height:26px;
	width:127px;
	background:url(images/butnAddComment.gif) no-repeat;
}
.addComment:hover{
	background:url(images/butnAddComment.gif) no-repeat 0px -26px;
}
.butnSubmit{
	display:block;
	float:right;
	margin-top:7px;
	width:87px;
	height:24px;
	background:url(images/butnSubmit.gif) no-repeat;
}
.butnSubmit:hover{
	background-position: 0 -24px;
}
.comments{
	padding:0;
	border-top:1px solid #19aaab;
	margin:22px 0 22px;
}
.comments dd{padding:20px 0 2px 10px}
.commentEven{background-color:#eef7f9}
.commentBox form{
	border-top:1px solid #19aaab;
	margin:22px 0 0;
	padding-top:22px;
}
.commentBox form big{
	font-size:18px;
	margin-bottom:9px;
	display:block;
}
.commentBox form label{
	font-size:11px;
	display:block;
	font-weight:bold;
}
.commentBox form input{
	width:270px;
	height:18px;
	padding:2px 0 0 2px;
	margin-bottom:8px;
	border:1px solid;
	border-color:#acadb2 #e3e3eb #e2e9ef;
}
.commentBox form .butnSubmitComment{
	width:148px;
	height:26px;
	display:block;
	margin:0;
	border:none;
}
.commentBox textarea{
	width:445px;
	height:112px;
	padding:2px 0 0 3px;
	margin-bottom:14px;
	border:1px solid;
	border-color:#acadb2 #e3e3eb #e2e9ef;
}
/*-----Plugins-----*/
.plugins label{display:block}
/*--------------*/
.formSubmit{
	width:100%;
	overflow:hidden;
}
.formSubmit dl{width:221px; float:left}
.formSubmit dd{width:100%; float:left; padding-bottom:7px}
.formSubmit dd input{width:11px; height:11px; float:left; margin:0 9px 0 0; border:1px solid #8e8f8f}
.formSubmit dd label{width:190px; float:left; line-height:13px; font-size:10px}
.formSubmit div{width:221px; float:right}
.formSubmit div strong{font-size:11px; padding-bottom:3px; float:left}
.formSubmit div input{
	width:211px;/*213*/
	height:18px;/*19*/
	padding:1px 0 0 2px;
	border:1px solid;
	border-color:#ccc #f2f2f2 #f2f2f2 #ccc;
}
.formSubmit div input.butnSubmit{
	width:87px;
	height:24px;
	padding:0;
	border:none;
	float:right;
	margin-top:8px;
}
/*=====================
		Footer
======================*/
#ftr{
	width:679px;/*749*/
	padding:32px 55px 26px 15px;
	background:url(./images/logo2.jpg) no-repeat right top;
	font-size:10px;
	color:#666;
	overflow:hidden;
}
#ftr label{float:left}
#ftr small{float:right; font-size:10px}
#ftr a{color:#487c87; font-weight:bold; text-decoration:underline}


select option{/* background:url(./images/icon-digg.jpg) no-repeat left top;*/ padding-left:20px;}


.entry h4{ color:#000000; font-weight:normal; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




/*-------------------------------------------site css-----------------------------------------*/

/* CSS Document */


#dropMenus {
	display:none;
	}
	
#dropMenus.nav {
	display:block;
	}

	
#container {
	width:996px;
	}

#pageContainer {
	background-color:#f7f7f7;
	width:770px;
	float:left;
	
	}
	
#advertContainer {
	width:225px;
	float:right;
	}

/*.color {color:#5ABED3}*/
.color {color:#487C87}
	
.header {
	height:63px;
	background-image:url("images/bg/header_bg.jpg"/*tpa=http://www.maxatec-europe.com/images/bg/header_bg.jpg*//*tpa=http://www.maxatec-europe.com/images/bg/header_bg.jpg*/);
	background-repeat:repeat-x;
	}
	
.header .logo {
	padding:20px 0px 0px 25px;
	}
	
.nav {
	background-image:url("images/bg/nav_grad.jpg"/*tpa=http://www.maxatec-europe.com/images/bg/nav_grad.jpg*//*tpa=http://www.maxatec-europe.com/images/bg/nav_grad.jpg*/);
	background-repeat:repeat-y;
	padding:0px 0px 0px 5px;
	background-color:#5abed3;
	height:25px;
	display:block;
	}


.nav ul {
	margin:0px;
	padding: 0px;
	width:590px;
	z-index:10;
} 

body div.nav ul li {
	margin: 0px;
	list-style: none;
	float:left;
	padding:0px;
	background-image:none;
	position:relative;
	line-height:normal;
	z-index:10;
	
	font-weight:bold;
	font-size:11px;
}

.nav ul li.first {
	background-image:none;
	}




.nav ul li a {
	display:block;
	padding: 5px 10px 5px 10px;
	color:#ffffff;
	text-decoration:none;
	border-right:1px solid #999999;
	}
	
div.nav ul li:hover {
	background-color:#333333;
	}
	
div.nav ul li a:hover {
	color:#ffffff;
	}
	
	
.nav ul ul {
	clear:both;
	position:absolute;
	
	background-image:url("images/bg/menus/menu_maxatec.jpg"/*tpa=http://www.maxatec-europe.com/images/bg/menus/menu_maxatec.jpg*//*tpa=http://www.maxatec-europe.com/images/bg/menus/menu_maxatec.jpg*/);
	background-color:#5abed3;
	background-repeat:repeat-y;
	background-position:left top;
	z-index:10;
	visibility:hidden;
	
	padding-top:1px;
	
	border-bottom:1px solid #000000;
	
	width:220px;
	}
	

body div.nav ul li li {
	
	width:220px;
	
	border:0px;
	
	}


.nav ul li.supportMenuLi ul {
	width:260px;
}

body div.nav ul li.supportMenuLi li {
	width:260px;
	}
	
body div.nav ul li li a {
	padding: 5px 10px 5px 20px;
	font-weight:normal;
	/*color:#444444;
	border-top:1px solid #999999;*/
	border-right:1px solid #000000;
	line-height:normal;
	position:relative;
	margin:0px;
	left:0px;
	display:block;
	font-weight:bold;
	background-image:url("images/bg/menus/menu_div_maxatec.jpg"/*tpa=http://www.maxatec-europe.com/images/bg/menus/menu_div_maxatec.jpg*//*tpa=http://www.maxatec-europe.com/images/bg/menus/menu_div_maxatec.jpg*/);
	
	background-position:left top;
	background-repeat:no-repeat;
	}

body div.nav ul li li a:hover {
	/*color:#444444;*/
	}


body div.nav ul li li:hover {
	
	background-color:#000000;
	}
	

.nav ul ul ul {
	position:absolute;
	left:219px;
	top:0px;
	
	}
	

div#dropMenus.nav ul li:hover ul ul {
	visibility:hidden;
	}

div#dropMenus.nav ul li:hover ul {
	
	visibility:visible;
	}
	
div#dropMenus.nav ul li ul li:hover ul {
	
	visibility:visible;
	}
	

	
div#dropMenus.nav ul li ul li {
	display:block;
	
	}
	
	
/*=====================
		Footer
======================*/
.footer{
	width:679px;/*749*/
	padding:32px 55px 26px 15px;
	background:url(../images/logo2.jpg) no-repeat right top;
	font-size:10px;
	color:#666;
	overflow:hidden;
}
.footer label{float:left}
.footer small{float:right; font-size:10px}
.footer a{color:#487c87; font-weight:bold; text-decoration:underline}
div.sociable { margin: 10px 0; }
.postRead h3 { font-size:16px;margin-bottom:5px; }
.postRead h4 {	margin-bottom:6px; }
.postRead ul { list-style: disc outside; margin:6px 0 16px 15px; }


