@charset "utf-8";
/**
 * StyleName : _base
 * -Side contents styles
 */


/** Side contents 
------------------------------ **/

/** Ads **/
#sideAds250
{
	margin-bottom:20px;
	display:none;
}

/** Services **/
#sideServices
{
	width:60%;
	min-width: 320px;
	float:left;
	margin-bottom:45px;
}
.sideServices h2
{
	overflow:hidden;
	font-size:16px;
	padding:25px 26px 20px 45px;
	line-height:1.6;
	color:#FFF;
}
.sideServices ul
{
	overflow:hidden;
}
.sideServices ul li
{
	display:block;
	padding:10px 30px 10px 15px;
	text-decoration:none;
	font-size:1em;
	float:left;
}

.sideServices ul li a
{
	display:block;
	padding:10px 15px 10px 27px;
	text-decoration:none;
	color:#333;
}
.sideServices ul li a:hover
{
	text-decoration:underline;
}


/** Free **/
.freeHtml {
	width:100%;
	clear:both;
	margin:30px 0;
	font-size:1em;
}
.freeHtml_outer {
	padding:15px;
}
.freeHtml img {
	width:280px;
}
.freeHtml a {
	text-decoration:none;
}
.freeHtml a:hover {
	text-decoration:underline;
}

/** Mobile **/
#sideMobile
{
	width:40%;
	float:right;
	min-width:320px;
}
#sideMobile_outer{
	padding:0 30px 30px 0;
}
.sideMobile h2{
	padding:25px 0 20px 45px;
	margin-bottom:5px;
	font-size:16px;
	color:#FFF;
}
.sideMobile .qrcode
{
	margin:10px 20px;
	float:left;
}
.sideMobile p
{
	padding:5px 5px 0 0;
	margin:0 3px;
	line-height:2em;
	font-size:12px;
}

/** Contact **/

#sideContact{
    clear: both;
    float: left;
    left: 50%;
    margin-left: -160px;
    margin-bottom: 40px;
    position: relative;
}
#sideContact a{
	width:320px;
	height:0px;
	padding-top:60px;
	overflow:hidden;
	background: url(colors/contactbtn.png) no-repeat;
	display:block;
}
#sideContact a:hover {
	background: url(colors/contactbtn.png) no-repeat 0 bottom;
}
/** Feed **/

#sideFeed{
	display:none;
}
#sideFeed a
{
	padding:20px;
	display:block;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

/** Banners **/
#sideBanners
{
	width:100%;
	margin:25px 0 45px 0;
	clear:both;
}
#sideBanners ul{
	overflow: hidden;
}
#sideBanners li{
	margin:20px;
	text-align:center;
	float:left;
}
#sideBanners li img{
	padding:2px;
	background-color:#f9f9f9;
}

/** Blogs **/
#sideBlogCategories,
#sideBlogDates
{
	float: left;
	width: 60%;
	min-width: 320px;
	margin-bottom: 45px;
}

.sideBlogCategories h2,
.sideBlogDates h2
{
	position: relative;
    font-size: 16px;
    padding: 25px 26px 20px 45px;
    line-height: 1.6;
	color: #fff;
}

.sideBlogCategories h2:before,
.sideBlogDates h2:before,
.sideBlogCategories h2:after,
.sideBlogDates h2:after
{
	position: absolute;
	content: "";
	width: 13px;
	height: 13px;
	top: 50%;
	left: 5px;
	background: #fff;
}

.sideBlogCategories h2:before,
.sideBlogDates h2:before
{
	margin-top: -15px;
}

.sideBlogCategories h2:after,
.sideBlogDates h2:after
{
	margin-left: 15px;
}

.sideBlogCategories li,
.sideBlogDates li
{
	display: inline-block;
	padding: 10px 30px 10px 15px;
}

.sideBlogCategories a,
.sideBlogDates a
{
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
}

.sideBlogDates dd
{
	margin-bottom: 20px;
}

.sideBlogDates dd:last-of-type
{
	margin-bottom: 0;
}