/*
Theme Name: Wedesignthemes
Theme URI: http://wedesignthemes.com/
Description: It's a sample marketing theme for showing themeforest items.
Author: designthemes
Author URI: http://themeforest.net/user/designthemes/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://iamdesigning.com/licensing/
Tags: gray, black, white
Text Domain: DT
*/
:link, :visited {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
	font-size: 1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, hr {
	margin: 0;
	padding: 0;
}
a img, :link img, :visited img, hr {
	border: none;
}
address {
	font-style: normal;
}
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing: -0.04em;
	text-align:center;
	color:#898989;
	background:#c1c3c8 url(images/mt-bodybg.gif) repeat-x top;
	-webkit-text-size-adjust:none;
}
#header {
	height:70px;
	width:100%;
}
.mtlogo a {
	display:block;
	width:267px;
	height:27px;
	position:absolute;
	top:20px;
	left:40px;
	cursor:pointer;
	z-index:999;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/mtlogo.png');
}
.mtlogo[class] a {
	background: url(images/mtlogo.png) no-repeat;
}
.mt-navholder {
	display: block;
	position: static;
	top: auto;
	width: auto;
	float: right;
	margin: 10px 15px 15px;
	width: 100%;
}

.loginholder li:first-child { width: 30px; height: 20px; }
.loginholder li {
    float: left;
    margin-right: 5px;
    margin-left: 155px;
}
.loginholder li a {
	display:block;
	background:url(images/navsprite001.png) no-repeat;
}
.loginholder li a.mtlogin {
	width:55px;
	height:20px;
	background-position: 0px 0px;
}
.loginholder li a.mtlogin:hover, .loginholder li a.mtlogin:focus {
	background-position: 0px -45px;
}
.loginholder li a.topphone {
	display:block;
	width:98px;
	height:23px;
	background-position: -60px 0px;
}
#contentholder {
	background:#fff;
	width:100%;
	padding-bottom:30px;
}
#content, #footerdiv {
	text-align:left;
	width:1230px;
	margin:0 auto;
}
#footer {
	background:url(images/mt-footerbg.gif) repeat-x;
}
.supportfooter {
}
a.supportnumber {
	display:block;
	width:137px;
	height:16px;
	margin:30px 20px;
	background:url(images/supportfooter001.png) no-repeat;
}
.supportfooter p {
	display:block;
	float:left;
	font-size:11px;
	color:#ddd;
}
.supportfooter p a, .supportfooter p a:visited, .supportfooter p a:link {
	color:#fff;
}
.fl-right {
	float:right;
}
.fl-left {
	float:left;
}
.cl-right {
	clear:right;
}
.cl-left {
	clear:left;
}
.cl-both {
	clear:both;
}
.clearfix {
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}
a, a:link, a:visited {
	color:#242424;
	text-decoration:none;
}
a:hover, a:active {
	color:#004A80;
	text-decoration:underline;
}
a em {
	position:absolute;
	left:-9999px;
}
.toplnk > em {
    background-color: #585b61;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    left: auto;
    margin-top: 1px;
    padding: 0 7px;
    right: 175px;
    text-transform: uppercase;
}
#subhead {
	padding:30px 0 0 0;
}
h1 {
	font-size: 24px;
	font-weight:normal;
	margin:0;
	padding: 0 0 15px 0;
	color:#004A80;
}
em.hostname {
	display:block;
	float:right;
	margin:0 10px;
	padding:10px 0 0 0;
	font-style:normal;
	color:#898989;
}
hr {
	background-color:#eee;
	color:#eee;
	display:block;
	height:6px;
	width:100%;
}
p {
	margin:0;
	line-height:24px;
	padding:25px 0;
}
#checklist {
	margin:0px;
	padding:10px 0 30px;
}
#checklist ul {
	display:block;
}
#checklist ul li {
	display:block;
	float:left;	
	text-align:center;
}

.isotope .column.no-space { margin-left:0; }
		
.isotope-hidden { display:none !important; }

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:         top, left, opacity;
		  transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}
		
#checklist .sorting-container { width:100%; float:left; clear:both; margin-bottom:30px; }
#checklist .sorting-container li { margin-right:10px; margin-bottom: 10px; }
#checklist .sorting-container li a { padding:5px 10px; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;  }
#checklist .portfolio-container { float:left; width:100%; }
#checklist .portfolio-container li { width:600px; height:402px; }
#checklist .portfolio-container li a img { width: 100%; height: auto; }
#checklist ul li strong {
	color:#242424;
	display:block;
	padding:15px 0 5px;
	font-size:14px;
	font-weight:normal;
}
#checklist ul li a {
	background:#FFFFFF;
	border:1px solid #dcdfe0;
	padding:8px;
	display: block;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-align:center;
	text-decoration:none;
}
#checklist ul li a:hover, #checklist ul li a:focus, #checklist .sorting-container li a.active-sort {
	background-color:#CADFED;
	border-color:#B5C8D5;
}
#checklist .right {
	margin-right:0;
}
#kblinks {
	padding:20px 0;
}
#kblinks dl, #kblinks dt, #kblinks dd, #kblinks span, #kblinks a {
	display:block;
}
#kblinks dt {
	padding:10px 0;
	color:#242424;
	background:#eee url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/help_16.gif) no-repeat 15px 50%;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
#kblinks dt span {
	margin-left:45px;
}
#kblinks dt a {
	float:right;
	font-size:12px;
	line-height:16px;
	margin:0 15px 0 0;
	color:#999;
}
#kblinks dt a:hover {
	color:#004A80;
	text-decoration:none;
}
#kblinks dd {
	float:left;
	width:25%;
	padding:20px 0 0 0;
	background-repeat:no-repeat;
	background-position:20px 20px;
}
*html #kblinks dd {
	width:24%;
}
#kblinks dd div {
	height:75px;
	border-right:1px solid #eee;
}
#kblinks dd div span {
	margin-left:80px;
	padding:10px 0 0 0;
	color:#004A80;
}
.plesk_guide {
	background-image:url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/icon_plesk_guide.gif);
}
.add_domain {
	background-image:url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/icon_add_domain.gif);
}
.add_email {
	background-image:url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/icon_add_email.gif);
}
.data_backup {
	background-image:url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/icon_data_backup.gif);
}
#kblinks .enddd div {
	border:none;
}
#kblinks a.launch {
	background: url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/launchguide.gif) no-repeat;
	height:30px;
	margin:8px 0 0;
	width:67px;
}
#kblinks a.launch:hover {
	background-position:-67px top;
}
#kblinks .video span {
	background:url(http://wedesignthemes.com/wp-content/themes/wedesignthemes/images/vidguide.gif) no-repeat 85px 37px;
}
/* screenshot preview */
#screenshot {
	position:absolute;
	border:5px solid #dcdfe0;
	background:#FFFFFF;
	font-size:18px;
	padding: 3px;
	display:none;
	color:#242424;
	z-index:1000;
}
#screenshot img {
	padding:0px 0px 5px 0px;
}
/* To Top */
#toTop {  position:fixed; display:none; text-decoration:none; bottom:30px; right:30px; overflow:hidden; width:40px; height:40px; border:none; text-indent:100%; background:url(images/ui.totop.png) no-repeat left top; z-index:9999; }	
#toTopHover { background:url(images/ui.totop.png) no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }	
#toTop:active, #toTop:focus { outline:none;	}

@media only screen and (min-width:551px) and (max-width:1280px) {
	
	#content, #footerdiv { width: 90%; }
	#checklist .portfolio-container li { height: auto; margin: 0 1% 30px; }
	#checklist .portfolio-container li:nth-child(odd) { margin-left: 0; }
	#checklist .portfolio-container li:nth-child(even) { margin-right: 0; }
	
}


@media only screen and (min-width:1024px) and (max-width:1280px) {	
	
	#checklist .portfolio-container li { width: 47.6%; }	
	
}

@media only screen and (min-width:768px) and (max-width:1023px) {	

	#checklist .portfolio-container li { width: 47%; }		
	
}

@media only screen and (min-width:551px) and (max-width:767px) {	

	#checklist .portfolio-container li { width: 46%; }	
	
	h1.mtlogo { width: 100%; height: 70px; }
	h1.mtlogo a { right: 0; left: 0; margin: 0 auto; }
	
	ul.loginholder { width: 100%; position: absolute; top: 0; }
	ul.loginholder li a { float: left; position: absolute; left: 0; top: 23px; width: 100px; }
	ul.loginholder li:last-child { display: none; }
	ul.loginholder li:first-child { position: absolute; left: 0; }
	ul.loginholder li:nth-child(2) { position: absolute; right: 0; }
	
	ul.loginholder li a.mtlogin { right: 0px; left: auto; }
		
}

@media only screen and (max-width:550px) {
	
	h1.mtlogo { width: 100%; height: 70px; }
	h1.mtlogo a { right: 0; left: 0; margin: 0 auto; }
	h1.mtlogo[class] a { background-size: 55%; background-position: center; z-index: 0; left: -8px; }
	
	ul.loginholder { width: 100%; position: absolute; top: 0; }
	ul.loginholder li a { float: left; position: absolute; left: 0; top: 23px; width: 100px; }
	ul.loginholder li:last-child { display: none; }
	ul.loginholder li:first-child { position: absolute; left: 0; }
	ul.loginholder li:nth-child(2) { position: absolute; right: 0; }
	
	ul.loginholder li a.mtlogin { right: 0px; left: auto; }
	
	#content, #footerdiv { width: 90%; }
	#checklist .portfolio-container li { width: 100%; height: auto; margin: 0 0 30px 0; }
	
	.supportfooter { text-align: center; float: none; display: inline-block; width: 100%; }
	a.supportnumber { margin: 30px 0 0 0; }
	
	a.supportnumber, .supportfooter p { width: 100%; float: none; display: inline-block; text-align: center; background-position: center; }
	.supportfooter p { margin: 0; padding-top: 20px; }
	
}