/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{margin:0 0 15px 0;}
.clear{clear:both;}
br{padding: 0 0 0 0; height: 0px; margin: 0 0 0 0;}

body { background-color: #f0eeed; font-family: verdana, arial, helvetica, sans-serif; font-size: 80%; color: #685858; height: 100%; }

#mainwrap { width: 940px; margin: 0 auto; background-image: url(images/background.gif); background-repeat: repeat-y; }

#header { width: 940px; height: 253px; background-repeat: no-repeat; }
#logo { padding: 75px 0 0 60px; }

#mainmenu {float: left; padding: 0 0 10px 0; position: relative; left: 253px;}
#mainmenu ul { margin: 0; padding: 0px; }
#mainmenu li { margin: 0 59px 0 0; float: left; list-style: none none; font-size: 100%;}
#mainmenu li a { color: #000; font-weight: bold; text-decoration: none; }
#mainmenu li a:hover { color: #da53b7; border-bottom: 3px solid #a3c038;}

#leftside { width: 200px; float:left; padding: 0 0 10px 40px; }
#sidebar { margin: 0 0 25px 5px; font-size: 115%; }
#sidebar ul li { list-style: none; }
#sidebar ul li a { color: #605c5c; text-decoration: none; font-weight: bold; }
#sidebar ul li a:hover { color: #605c5c; text-decoration: underline; font-weight: bold; }
#sidebar li{ padding:10px 5px 1px 25px; background-image:url(images/leftsidemenu-arrow.gif); background-repeat:no-repeat; background-position:0 12px; }
#leftsidetitle { font-weight: bold; margin: 10px 0 0 0;}
#leftside1st { font-size: 85%; line-height: 1.5; position: relative; right: 5px;}
.home #leftside1st { bottom: 35px;}
#leftside1stin { padding: 5px 2px 0 4px; }
#leftside1st a { color: #888888; font-weight: bold; text-decoration: none;}
#leftside1st a:hover { color: #888888; font-weight: bold; text-decoration: underline; }
#leftside2nd { width: 195px; height: 80px; background-image: url(images/teaser-back.gif); margin: 10px 0 15px 0;}
#leftside2nd img { padding: 25px 0 0 0; }
#leftside3rd { width: 195px; height: 80px; background-image: url(images/teaser-back.gif); }
#leftside3rd img { padding: 12px 0 0 0; }
#leftside4th{ width: 195px; height: 80px; background-image: url(images/teaser-back.gif);  margin: 15px 0 0 0;}
#leftside5th { width: 195px; height: 80px; background-image: url(images/teaser-back.gif);  margin: 10px 0 0 0;}
#leftside4th img,  #leftside5th img { padding: 48px 0 0 0; }

#maincontent { width: 560px; float:left; padding: 20px 0 10px 15px; line-height: 1.7; }
#maincontent h1 { color: #8e8e78; font-family: arial, verdana, helvetica, sans-serif; font-size: 250%; margin: 0 0 10px 0; line-height: 1.0;}
#maincontent a { color: #e53146; text-decoration: none; }
#maincontent a:hover { color: #e53146; text-decoration: underline; }
#maincontent ul { margin: 0; padding: 0 0 0 15px;}
#maincontent p a img{
  clear: right;
}

#hometitle { line-height: 1.0; height: 95px; margin: 0 0 10px 0; }
#hometitle h1 { font-size: 33px;  color: #8e8e78; font-family: arial, verdana, helvetica, sans-serif;}
#hometitle h1 strong { font-size: 38px;}

#homenewsleft { width: 260px; float:left; margin: 20px 20px 10px 0; font-size: 85%; }
#homenewsleft h3 { color: #686868; font-weight: bold; font-size: 165%; border-bottom: 1px solid #c8c8c8; margin: 0 0 5px 0; }
#homenewsleft a { color: #888888; font-weight: bold; text-decoration: none; }
#homenewsleft a:hover { color: #888888; font-weight: bold; text-decoration: underline; }
#homenewsright { width: 260px; float:left; margin: 20px 0 10px 0; font-size: 85%; }
#homenewsright h3 { color: #686868; font-weight: bold; font-size: 165%; border-bottom: 1px solid #c8c8c8; margin: 0 0 5px 0; }
#homenewsright a { color: #888888; font-weight: bold; text-decoration: none; }
#homenewsright a:hover { color: #888888; font-weight: bold; text-decoration: underline; }


#footer {  padding: 10px 0 0 255px; width:50%; color: #686868; font-size: 85%; font-family: arial, verdana, helvetica, sans-serif; }
#footer a { color: #686868; text-decoration: none; }
#footer a:hover { color: #686868; text-decoration: underline; }
#footerend { width:940px; margin: 0 auto; background-image: url(images/footer.gif); background-repeat: no-repeat; height: 30px; font-size: 0px; }
#downmargin { margin: 15px; }


.orderbutton{
width: 113px;
height: 141px;
float: right;
position: relative; left: 20px;
margin: 0 0 10px 0;
}

.orderbutton2{
width: 113px;
height: 141px;
float: none;
margin: 10px 0;
}
#articles10
{
padding-top: 20px;
padding-right: 10px;
}
.articles10link
{
display: block;
padding: 7px;
margin-bottom: 1px;
text-decoration: none;
color: #777;
background-color: #f0eeed;
font-size: 0.8em;
font-weight: bold;
}
/************* CONTACT FORM ***************************/
#contactwrap form{
	width: 500px;
	margin: 15px 0 40px 0;
	clear: left;
}

#contactwrap #form-left{
	width: 250px;
	float: left;
}

#contactwrap #form-right{
	width: 250px;
	float: right;
}

#contactwrap .formfield, #messagediv label{
	padding: 0 0 10px 0;
}

#contactwrap input, select, textarea{
	border: solid 1px #ddd;
	background: white;
	width: 180px;
}

#contactwrap textarea{
	width: 430px;
}

#contactform #submitdiv input{
	float: right;
	margin: 0 70px 0 0;
	background: #eee;
}

#errormsg{
	width: 350px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}
.socialbookmark
{
color: #333;
}


.clear{clear:both;}
    .case-left, .case-right {margin: 0 0 10px 0; }
    .case-left div{ width: 350px; float: left; display: block; margin: 0 0 0 10px; }
    .case-right div{ width: 350px; float: left; display: block; margin: 0 5px 0 0; }
    .case-left img{ float: left;  border: 1px solid #adadad; padding: 0; margin: 0 10px 0 0;}
    .case-right img{ float: right;  border: 1px solid #adadad; padding: 0; margin: 0 0 0 10px;}
    .case-title {font-weight: bold; clear: both; font-size: 110%; }
    .casepad { margin-top: 5px;}