/*  
Theme Name: WordPress theme 345
Theme URI: http://wordpress.org/
Description: A theme from Template-Help.com Collection 
Version: 2.2
Author: Template_Help.com 
Author URI: http://www.Template-Help.com/ 
*/

/* CSS Document */
body{
	padding:0; 
	margin:0;
	background:#FFFFFF;	  
	width:100%; 
	vertical-align:top;
	font-family: verdana, arial;
/*	color:#2F373A; line-height:17px; font-size:11px; */
	color:#444444; line-height:17px; font-size:11px; 
}

img { border:0;}

.col {
	float:left;
}

form, div, input, textarea { margin:0; padding:0;}

input, textarea {font-size:1.21em;}

input {vertical-align:top;}


.postmetadataalt {
	font-size:0.81em; 
}
.pagetitle {font-size:1.51em; padding-bottom:17px;}


p {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

a {color:#2F373A;}
a:hover {text-decoration:none;}

#respond {font-size:1.51em;}

#links_with_style  {
	vertical-align:top;
}
#archives  {
	vertical-align:top;
}
#meta  {
	vertical-align:top;
}
#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}
#categories  {
	vertical-align:top;
}
#calendar_wrap {
	vertical-align:top;
	font-size:1.01em;
	padding:10px 0px 0px 5px;
}
#calendar {
	vertical-align:top;
}
#calendar_wrap a {
	text-decoration:underline;
	font-weight:bold;
}
#calendar_wrap a:hover {
	text-decoration:none;
	font-weight:bold;
}
#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
.textwidget {
	text-align:left;
	padding:10px 0px 0px 0px;
	font-size:1.01em;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}

.spacer {font-size:0px; line-height:0px;}
.clear {clear:both;}


.navigation {padding:10px 0px 10px 0px; display:table; width:100%;}

.alignleft {width:40%; float:left; color:#000000; padding-left:18px;}
.alignright {width:40%; float:right; text-align:right; color:#000000; padding-right:18px;}
.alignleft a {color:#000000; font-size:1.01em; font-weight:bold;}
.alignright a {color:#000000; font-size:1.01em; font-weight:bold;}


.side {color:#5F5144;}
.side a {color:#5F5144;}

.statusbar p {padding:7px 20px 10px 30px; font-weight:normal;}

h1, h2, h3 {margin:0px; padding:0px; color: #333333; font-family: arial, verdana;}

h3 {font-size:1.51em;}



h1 {font-size:2.41em; font-family:tahoma; text-transform:uppercase; line-height:normal; font-weight:normal; letter-spacing:1px;}
h1 a{color:#FFFFFF; text-decoration:none; padding-left:30px;}
.slogan {color:#FFFFFF; line-height:0.81em; text-transform:uppercase; padding-left:30px; font-size:0.81em;}



.main {width:726px; margin:0px 20px 0px 20px; text-align:left;}


.head {background:url(images/bg_head.jpg) bottom left no-repeat;}

.t_search {padding-top:14px;}
.t_search .input {width:157px; margin-right:5px; border:1px solid #878CA3; padding:2px 0px 2px 0px;}

.w_search {padding-top:10px;}
.w_search .input {width:100px; margin-right:5px; border:1px solid #878CA3; padding:2px 0px 2px 0px;}

.search {padding-top:10px;}
.search .input {width:350px; margin-right:5px; border:1px solid #878CA3; padding:2px 0px 2px 0px;}


.menu ul {margin:0px; padding:19px 0px 0px 0px; list-style:none; line-height:normal; font-size:1.21em;}
.menu ul li {display:inline; padding:0px 12px 10px 28px; background:url(images/arrow_1.gif) top left no-repeat;}
.menu ul li a {text-decoration:none; text-transform: lowercase;}
.menu ul li a:hover {text-decoration:underline;}


.cont {background:url(images/bg_cen.gif) left repeat-y; width:100%;}
.cont_bot {background:url(images/bg_bot.gif) left bottom no-repeat; width:100%;}


.widget {padding:0px 25px 19px 30px;}
.widget h2 {color:#373D40; font-size:1.21em;}
.widget ul {margin:10px 0px 0px 0px; padding:0px; list-style:none; line-height:18px; font-size:1.0em;}
.widget ul li {padding-left:10px; padding-top: 3px; background: url('images/li.gif') no-repeat 0 0.6em;}

.widget ul li a {text-decoration:none;}
.widget ul li a:hover {text-decoration:underline;}

#categories ul li a {color:#567083;}

#links_with_style ul {margin:0px; padding:0px; list-style:none; line-height:normal;}
#links_with_style ul li {padding:0px; background:none;}
#links_with_style ul li ul {margin:11px 0px 0px 0px; padding:0px; list-style:none; line-height:24px;}
#links_with_style ul li ul li {padding-left:19px; background:url(images/arrow_2.gif) top left no-repeat;}



.margin {margin:0px 30px 0px 30px;}

.content {padding-bottom:28px;}
.content h2 {font-size:1.51em; padding-bottom:7px;}
.content h2 a {color:#333333; text-decoration:none;}
.content h2 a:hover {text-decoration:underline;}

.line {height:1px; font-size:0px; line-height:0px; background:url(images/line_1.gif) left top repeat-x;}

.content .text {padding-top:16px;}

.content .author {padding-top:7px; color:#A7B4B9;}
.content .author a {color:#A7B4B9; text-decoration:none;}
.content .author a:hover {text-decoration:underline;}

.content .comment {padding-top:7px; text-align:right; color:#7EBE1C;}
.content .comment a {color:#A7B4B9; text-decoration:none;}
.content .comment a:hover {text-decoration:underline;}

.footer {height:67px; background:url(images/bg_footer.gif) top left no-repeat;}
.blog {color:#FFFFFF; text-align:center; font-size:1.01em; padding:20px 0px 15px 0px;}
.blog a {color:#FFFFFF; text-decoration:underline;}
.blog a:hover {text-decoration:underline;}



/*BREADCRUMB*/

.breadcrumbs 
{
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	clear: both;
}

.breadcrumbs  img
{
	float: left;
	padding-top: 0px;
}

.breadcrumbs  span {padding-top: 0px; padding-left: 0px;}

/*custom styles*/
.text p 
{
	padding: 0 0 12px;
}

/***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.right {
	padding: 0;
	margin: 0 0 2px 10px;
	display: inline;
}

img.left {
	padding: 0;
	margin: 0 10px 2px 0;
	display: inline;
}

.right {
	float: right;
}

.left {
	float: left
}

.buttons_small {
	float: right;
	display: inline;
	padding-top: 0px;
	
}

.product {
	display: block;
	width: 100%;
	padding-bottom: 40px;
	margin-bottom: 10px;
	background:url(images/line_1.gif) left bottom repeat-x;
}

/* common text classes */
.content a {
	color:#0066CC;
}

.content h3 
{
	display: block;
	color:#373D40; 
	font-size:1.2em;
	margin-bottom: 15px;
}

.content h4 {color:#373D40; font-size:1.1em;}
.content h4 a {text-decoration: none;}
.content h4 a:hover {text-decoration: underline;}

.content ul {	
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.content ul li {padding-top:5px;}



/* buttons classes */
a.button {
    background: transparent url('images/bt-right.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 10px tahoma, sans-serif;
    height: 19px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	outline: none; 
	-moz-outline-style: none;
}

a.button span {
    display: block;
    line-height: 10px;
    padding: 4px 0 5px 26px;
}

a.button span.download {
    background: transparent url('images/bt-left-download.png') no-repeat scroll top left;
} 

a.button span.info {
    background: transparent url('images/bt-left-info.png') no-repeat scroll top left;
} 

a.button span.web {
    background: transparent url('images/bt-left-web.png') no-repeat scroll top left;
} 

a.button span.order {
    background: transparent url('images/bt-left-order.png') no-repeat scroll top left;
} 

a:active.button {
	background-position: bottom right;
	color:#0066CC;
}

a:hover.button {
	outline: none; 
	-moz-outline-style: none;
	color:#0066CC;
}

a:active.button span {
	outline: none; 
	-moz-outline-style: none;
	background-position: bottom left;
}

.news_list dl
{
	margin-left: 10px;
}

.news_list dt
{
	margin-top: 5px;
	margin-left: 10px;
	font-size: 9px;
	font-weight: normal;
}

.news_list dd {margin-left: 10px;}