/* Reset all padding, margins and borders
===============================================================================
 */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/background/background.png) repeat-x;
	background-color: #373737;
	text-align: center;  /* To center site in browser in ie */
	letter-spacing: 0.6px;
}

/* type
===============================================================================
 */

h1 { 
	font-size: 30px; 
	color: #000; 
}

h2 { 
	font-size: 30px; 
	color: #000; 
}

h3 { font-size: 1.0em; margin: 5px 25px 10px 25px; color: #666;}

p { font-size: 1.0em; margin: 5px 25px 10px 25px; color: #666;}
ul { margin-bottom: 0px; margin-left: 60px; color: #666;}
ul ul{margin-left: 20px;}

a { font-size: 1.0em; font-weight: bold; text-decoration: underline; }
a:link { color: #FF9933; }
a:visited { color: #FF9933; }
a:hover { color: #ff7602; }
a:active { color: #ff7602; }

.float_left { float: left; }
.float_right { float: right; }

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { clear: both; }

.top_margin { margin-top: 25px; }
.right_margin { margin-right: 25px; }

/* frame
===============================================================================
 */
div.mainframe {
	margin: 0 auto; /* To center site in browser in ff */
	text-align: left; /* To cancel the center site in browser in ie, realign text left */
	width: 964px;
	background-color: #FFF;
	border: 1px solid black;
}

div.banner {
	float: left;
	width: 964px;
	height: 168px;
	border-bottom: 1px solid black;
	background: #333333 url(../img/banners/home.jpg) no-repeat;
}

.nav{
	margin-top: 10px;
	float: right;
	background: url(../img/nav/navback.png) repeat;
	height: 32px;
}

.nav a {
	line-height: 32px;
	vertical-align: middle;
}

.nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.nav ul li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	height: 32px;
}

.nav ul li a{ 
	float: left;
	margin: 0px;
	padding: 0 10px;
	height: 28px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.nav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0px;
	display: none;
	z-index: 100;
	border: 1px solid #000;
	margin-top: 0px;
	background: url(../img/nav/navback.png) repeat;
	width: 200px;
}

.nav li ul.subnav li {
	margin: 0;
	padding: 0px;
	position: relative;
	list-style: none;
	border-top: 1px solid #000;
}

.nav li ul.subnav li a {
	float: left;
	padding: 0 10px;
	background: url(../img/navback.png) repeat;
	margin: 0;
	width: 180px;
	font-weight: bold;
	color: #fff;
	border: 0px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
.nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(../img/navroll.png) repeat;
	color: #fff;
}

.nav li.nav_1 ul.subnav li a:hover { border-bottom: 4px solid #ff9e4c; color: #ff9e4c;}
.nav li.nav_7 ul.subnav li a:hover { border-bottom: 4px solid #fffd4c; color: #fffd4c; }
.nav li.nav_2 ul.subnav li a:hover { border-bottom: 4px solid #beff4c; color: #beff4c; }
.nav li.nav_9 ul.subnav li a:hover { border-bottom: 4px solid #4cc6ff; color: #4cc6ff; }
.nav li.nav_8 ul.subnav li a:hover { border-bottom: 4px solid #7a4cff; color: #7a4cff; }
.nav li.nav_11 ul.subnav li a:hover { border-bottom: 4px solid #db4cff; color: #db4cff; }
.nav li.nav_10 ul.subnav li a:hover { border-bottom: 4px solid #ff63ac; color: #ff63ac; }
.nav li.nav_12 ul.subnav li a:hover { border-bottom: 4px solid #ec0000; color: #ec0000; }

div.footer {
	float: left;
	width: 964px;
	height: 61px;
	border-top: 1px solid black;
	background: #333333 url(../img/footers/home.jpg) no-repeat;
}

div.foot {
	float: right;
	height: 32px;
	margin-top: 84px;
	background: url(../img/nav/navback.png) repeat;
}

div.foot a{
	float: left;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
	height: 18px;
	float: left;
	margin-top: 10px;
	text-decoration: none;
}

div.foot span{
	float: left;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 10px;
	height: 18px;
	float: left;
	margin-top: 10px;
}

div.foot a:hover{
	border-bottom: 4px solid #fff;
}

li.nav_1 a:hover { border-bottom: 4px solid #ff9e4c; color: #ff9e4c;}
li.nav_7 a:hover { border-bottom: 4px solid #fffd4c; color: #fffd4c; }
li.nav_2 a:hover { border-bottom: 4px solid #beff4c; color: #beff4c; }
li.nav_9 a:hover { border-bottom: 4px solid #4cc6ff; color: #4cc6ff; }
li.nav_8 a:hover { border-bottom: 4px solid #7a4cff; color: #7a4cff; }
li.nav_11 a:hover { border-bottom: 4px solid #db4cff; color: #db4cff; }
li.nav_10 a:hover { border-bottom: 4px solid #ff63ac; color: #ff63ac; }
li.nav_12 a:hover { border-bottom: 4px solid #ec0000; color: #ec0000; }

li.nav_1 a.active { border-bottom: 4px solid #ff9e4c; color: #fff;}
li.nav_7 a.active { border-bottom: 4px solid #fffd4c; color: #fff; }
li.nav_2 a.active { border-bottom: 4px solid #beff4c; color: #fff; }
li.nav_9 a.active { border-bottom: 4px solid #4cc6ff; color: #fff; }
li.nav_8 a.active { border-bottom: 4px solid #7a4cff; color: #fff; }
li.nav_11 a.active { border-bottom: 4px solid #db4cff; color: #fff; }
li.nav_10 a.active { border-bottom: 4px solid #ff63ac; color: #fff; }
li.nav_12 a.active { border-bottom: 4px solid #ec0000; color: #fff; }

div.footer_links a { padding: 0 6px; }

a.skype_but { float: left; background: url(../img/misc/skype.png); width: 125px; height: 48px; margin-left: 27px;}
a.linkedin_but { float: left; background: url(../img/misc/linkedin.png); width: 125px; height: 36px; margin-left: 27px; margin-top: 10px;}
a.skype_butw { float: left; background: url(../img/misc/skype_w.png); width: 125px; height: 48px; margin-left: 27px;}
a.linkedin_butw { float: left; background: url(../img/misc/linkedin_w.png); width: 125px; height: 36px; margin-left: 27px; margin-top: 10px;}
a.twitter_but { float: left; background: url(../img/misc/twitter_small.png); width: 118px; height: 34px; margin-left: 27px; margin-top: 10px;}
a.twitter_butw { float: left; background: url(../img/misc/twitter_w.jpg); width: 118px; height: 34px; margin-left: 27px; margin-top: 10px;}
a.youtube_but { float: left; background: url(../img/misc/youtube.png); width: 130px; height: 67px; margin-left: 27px; margin-top: 10px;}



/* a.bot_phone { background: url(../img/footers/phone.png); width: 202px; } */
a.bot_email { background: url(../img/footers/email.png); width: 191px; }

div.foot span { float: left; height: 32px; background-position: 0 0; background-repeat: no-repeat; }
span.bot_phone { background: url(../img/footers/phone.png); width: 202px; }

table {
	border-collapse: collapse;
	border-spacing: 0px; 
}

tr {
	vertical-align: top;
}

td.left {
	width: 190px;
	background-color: #515151;
}

td.main {
	width: 774px;
}

td.main_blog {
	width: 574px;
}

td.blogside {
	width: 200px;
}

div.heading { 
	height: 27px;
	width: 222px;
	margin-top: 10px;
	margin-bottom: 16px;
}

div.hrback { 
	float: left;
	height: 27px;
	width: 250px;
	margin-top: 10px;
	margin-bottom: 16px;
	background: url(../img/misc/h1back_1.png) repeat-x;
	position: relative;
	clear: left;
}

div.heading_2 { 
	height: 27px;
	width: 273px;
	margin-top: 10px;
	margin-bottom: 16px;
}

td.sidebar {
	text-align: center;
}

td.sidebar hr {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #fff;
	background-color: #fff;
	height: 1px;
}

td.sidebar p {
	color: #fff
}

div.htmltagcloud {
	font-size: 10px;
	font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;
	line-height:2.4em;
	word-spacing:normal;
	letter-spacing:normal;
	text-decoration:none;
	text-transform:none;
	text-align:center;
	text-indent:0ex;
	margin:0em 1em;
	padding:0em 2em;
}


div.htmltagcloud a { font-weight: normal; text-decoration: none; }
div.htmltagcloud a:link { color: #FFF; }
div.htmltagcloud a:visited { color: #FFF; }
div.htmltagcloud a:hover { color: #FF9933; }
div.htmltagcloud a:active { color: #FF9933; }

a.tagcloud0 { font-size:1.0em; }
a.tagcloud1 { font-size:1.4em; }
a.tagcloud2 { font-size:1.8em; }
a.tagcloud3 { font-size:2.2em; }
a.tagcloud4 { font-size:2.4em; }
a.tagcloud5 { font-size:2.6em; }
a.tagcloud6 { font-size:2.8em; }
a.tagcloud7 { font-size:3.0em; }
a.tagcloud8 { font-size:3.2em; }
a.tagcloud9 { font-size:3.4em; }
a.tagcloud10 { font-size:3.6em; }

div.content_img {
	float: right;
	margin-right: 40px;
	margin-top: -20px;
}

img.suporters{
	float: right;
}

div.webdesign_side{ 
	float: left;
	width: 250px;
}

div.footer_links { 
	float: left;
	background: url(../img/misc/footer_links.png) repeat-x;
	margin-top: 18px;
	height: 32px;
}

div.footer_links p{ 
	margin: 8px 10px;
}

div.footer_links span{ 
	color: #000;
}

div.footer_links a:link { color: #fff; }
div.footer_links a:visited { color: #fff; }
div.footer_links a:hover { color: #FF9933; }
div.footer_links a:active { color: #FF9933; }

div.w3c_footer { 
	float: right;
	margin: 25px 20px 0 0;"
}

.main input, .main textarea {
	border: 1px solid #333;
	margin-bottom: 10px;
	padding: 2px;
}

.main label {
	width: 80px;
	margin-left: 25px;
	float: left;
	margin-bottom: 10px;
	color: #666;
}

.main_blog input, .main_blog text area {
	padding: 4px;
}

input.submit_but {
	background: url(../img/misc/submitbut.png);
	width: 63px;
	height: 24px;
	float: left;
	border: 0;
	margin-left: 105px;
}

input.download_but {
	background: url(../img/misc/download.png);
	width: 84px;
	height: 24px;
	float: right;
	border: 0;
	margin-bottom: 0;
	margin-right: 20px;
}

input.search_but {
	background: url(../img/misc/search_but.png);
	width: 59px;
	height: 24px;
	float: left;
	border: 0;
}

input.submit_comment {
	background: url(../img/misc/submit_but.png);
	width: 84px;
	height: 24px;
	float: left;
	border: 0;
	padding: 0;
}

input.submit_but:hover, input.download_but:hover, input.search_but:hover, input.submit_comment:hover {
	background-position: 0 -24px;
}

input.download_input {
	float: left;
	height: 18px;
	width: 140px;
	border: 1px solid #787879;
	margin-right: 10px;
}

span.formtext {
	float: left;
	margin: 6px 10px 0 10px;
	color: #333;
}

input.signup {
	float: left;
	height: 18px;
	width: 110px;
	border: 1px solid #787879;
	border-right: 0px;
	padding: 2px;
}

.blogside ul {
	margin-left: 20px;
}

.blogside h2 {
	font-size: 16px;
}

.innerfade {
	margin: 0 0 10px 0;
	height: 300px!important;
	width: 720px;
	display: block;
}

.innerfade li{
	margin-left: 25px;
	list-style: none;
}
div.port_left {
	float: left;
	width: 774px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #cccccc;
}

div.port_left img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

div.port_left ul{
	float: left;
	margin-left: 20px;
	width: 380px;
	margin-bottom: 16px;
}

div.port_right ul{
	float: left;
	margin-left: 40px;
	width: 380px;
	margin-bottom: 16px;
}

div.port_right {
	float: left;
	width: 774px;
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 20px;
}

div.port_right img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
div.shopfeatures {
	float: left;
	width: 730px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.ratesfeatures {
	float: left;
	width: 730px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div.features {
	float: left;
	width: 280px;
}

div.lightshop {
	float: left;
	width: 150px;
}

div.integratedshop {
	float: left;
	width: 150px;
}

div.fullshop {
	float: left;
	width: 150px;
}

div.shopfeatures ul, div.ratesfeatures ul{
	list-style: none;
	margin-left: 0;
}

div.shopfeatures li, div.ratesfeatures li{
	border-bottom: 1px dashed #cccccc;
	padding: 6px;
}

div.shopfeatures p, div.ratesfeatures p{
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	padding: 6px;
	font-weight: bold;
	background-color: #f2f2f2;
}

div.ratesfeatures div.features {
	float: left;
	width: 400px;
}

div.features p{
	text-align: left;
}

div.lightshop li, div.integratedshop li, div.fullshop li {
	text-align: center;
}

div.lightshop li.featuresyes, div.integratedshop li.featuresyes, div.fullshop li.featuresyes{
	background: url(../img/misc/yesbullet.png) no-repeat center center;
}

div.lightshop li.featuresno, div.integratedshop li.featuresno, div.fullshop li.featuresno{
	background: url(../img/misc/nobullet.png) no-repeat center center;
}

div.lightshop span.yesfeature, div.integratedshop span.yesfeature, div.fullshop span.yesfeature{

}

li.buybutton {
	text-align: center !important;
	border-bottom: 0px !important;
}

a.buybut {
	display: block;
	background: url(../img/misc/buybut.png);
	width: 101px;
	height: 24px;
	margin-left: 24px;
}

a.buybut:hover {
	background-position: 0 -24px;
}

div.commonwebsites {
	float: left;
	width: 450px;
	border: 1px solid #333333;
	margin-left: 25px;
	background: #e6e6e6 url("../img/misc/commonboxback.png") repeat-x;
}

div.commonwebsites h2{
	float: left;
	font-size: 18px;
	text-align: left !important;
	width: 430px !important;
	background:url("../img/misc/h1back_1.png") repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #333333;
	margin-top: 0 !important;
	padding: 4px 10px;
	height: 19px !important;
}

div.commonwebsites p{
	margin: 10px;
}

a.rss_but { 
	float: left;
	padding-left: 20px;
	height: 16px;
	background: url(../img/misc/rss.png) no-repeat;
}