﻿/*	---------------------------------------------------------------------------------------
	Sliqtools

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:		Main styles
	File:		sliqtools.css
	Version:	1.0
	Date:		February 24, 2009
	Author:		Elune Art
	---------------------------------------------------------------------------------------	*/
/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		 body {
			margin:0px;
			padding:0px;
			background: #fff url(images/bg-body-noheader.gif) repeat-x;
			
			}
			
		 html {
			margin:0px;
			padding:0px;
			background: #fff url(images/bg-body-noheader.gif) repeat-x;
			
			}
			
		body {
			font-family:Arial, Helvetica, sans-serif;
			font-size:75%;
			color:#333;
			}
		th {font-size:13px}	
		td {font-size:13px}	
		table {font-size:13px}	
		dd {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		dt {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		dl {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		li {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		ul {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		form {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		h4 {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		h3 {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		h2 {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		h1 {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		p {
			padding:0px;
			margin:0px;
			font-size:100%}
			
		p {
	line-height:18px;
	color:#464646;
	font-size:12px;

}
			
		a {
	color:#a9302f;
	outline:none;
	text-decoration:none;
	font-size:100%
}
			
		a:hover {
	color:#1a8aca;
}
		a:visited {
	color:#487f00
}	
		img {
			border:0px}
.cleary {
	clear: both;
	height: 0;
	display:block
}

#main-content-sub-right li {
	list-style:disc;
	list-style-position:inside;
	padding-bottom:10px;
}

#main-content-sub-right p {
	padding-bottom: 8px;
}

/*	---------------------------------------------------------------------------------------
	Typography
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header h1 a {font-size:30px; 
	font-family:Arial, Helvetica, sans-serif;
	color:#1a8aca;
	float:left;
	display:block;
	font-weight:normal;
	margin:28px 0 0 0}
	#header h1 a span {color:#9ab534}
	#header h2 a {font-size:18px;
	color:#8cc5e5;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	font-weight:normal;
	width:50%;
	margin:5px 0 0 0}
	#promo h3 {color:#fff;
	font-size:28px;
	font-weight:normal
	}
	#promo h3 span {font-size:13px;
	display:block;
	padding:10px 0 0 5px;
	color:#dee8ee;
	line-height:20px}
	#main-content h4 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg-maincontent-h4.png) no-repeat;
	display:block;
	width:273px;
	height:31px;
		font-size:18px;
	font-weight:normal;
	padding:0 0 0 32px;
	margin:0 0 10px 0}
	#sub-right h4 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg-maincontent-h4.png) no-repeat;
	display:block;
	width:400px;
	height:31px;
		font-size:18px;
	font-weight:normal;
	padding:0 0 0 32px;
	margin:0 0 10px 0;
	color:#a9302f}
	#main-content-sub-right h4 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg-maincontent-h4.png) no-repeat;
	display:block;
	width:400px;
	height:31px;
		font-size:18px;
	font-weight:normal;
	padding:0 0 0 32px;
	margin:0 0 10px 0;
	color:#a9302f}
	#main-content h5 {font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bg-maincontent-h5.png) no-repeat;
	display:block;
color:#487f00;
	height:24px;
		font-size:16px;
	font-weight:bold;
	padding:0 0 0 32px;
	margin:10px 0 10px 0;
	letter-spacing:-1px}
	#main-content-description h4{color:#a9302f;

	}
	#main-content-features h4 {color:#496f1b}
	#main-content-description p {padding:0 10px 10px 10px}
    p span {
	font-size:12px;
	color:#464646;
	line-height: 20px;
}
	#main-content-description p span {
	font-size:12px;
	color:#464646;
	line-height: 20px;
}
	#promo ul {font-size:18px;
	color:#ade1ff;
	font-weight:normal;
	list-style:none;
	padding:10px 0 15px 0}
	#promo ul li {display:block;
	background:url(images/promo-li.png) 0 13px no-repeat;
	line-height:30px;
	padding:0 0 0 15px}
	strong.red {color:#a9302f;
	font-size:12px}
	ul#downloads li h5 {
	color:#08537d;
	font-size:15px;
	font-weight: bold;
	margin:-10px 0 10px 100px;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
}
	ul#features li h5 {
	color:#08537d;
	font-size:15px;
	font-weight: bold;
	margin:-10px 0 10px 100px;
	background:none;
	font-family: Arial, Helvetica, sans-serif;
}
div.bigbox h6 {
	color:#08537d;
	font-size:13px;
	font-weight: bold;
	margin:-10px 0 5px 130px
}
div#extras h6 {
	color:#fff;
	font-size:18px;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background:url(images/extras-h5.png) 0 3px no-repeat;
	display:block;
	padding:0 0 0 20px;
	font-weight:normal;
	margin:0 0 15px 0
}
#footer p{
	color:#c9ebff;
	padding: 0 0 0 5px;
}
#extras p{
	color:#c9ebff;
	padding: 0 0 0 5px;
}
#extras blockquote {margin:10px 10px 20px 10px;
padding:0;
color:#fff;
font-size:11px;
line-height:18px
}
#extras blockquote span.name {font-style:italic;
color:#c9ebff;
display:block;
text-align:right;
margin:10px 0 0 0}
#footer a{color:#fff}
#footer p a:hover {color:#fff; text-decoration:underline}
#footer p {padding:5px 0}
#sub-right p {padding:0 10px 10px 10px;
line-height:20px}
#sub-right .box p {padding:0 10px 10px 10px;
line-height:20px}
#main-content-sub-right .box p {padding:0 10px 10px 10px;
line-height:20px}
#sub-right .box p span {font-size:12px}
#main-content-sub-right .box p span {font-size:12px}
#main-content-sub-left ul {list-style:none;
margin:10px 0 20px 0;
padding:20px 0 20px 0;
border-bottom:1px solid #C7D2D7;
font-size:11px}
#main-content-sub-left ul.noborder {border:none}
#main-content-sub-left ul li img{float:left;
margin:0 10px 5px 0}
#main-content-sub-left  img {margin:10px}
#main-content-sub-left  h6 {color:#08537d;
	font-size:13px;
	font-weight: bold;
	margin:0;
	padding:0 10px 10px 10px}
	#main-content-sub-left ul li ul {list-style:none;
	margin:0;
	padding:0 0 10px 0;
	line-height:22px;
	font-size:11px;
	border:none}
	#main-content-sub-left ul li ul li {display:block;
	background:url(images/sub-arrow.png) 0 8px no-repeat;
	padding:0 0 0 10px
	}
	#main-content-sub-left p {padding:10px 10px 10px 0px}
#main-content-sub-right .download-box h5 {color:#063c5b;
background:none;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
padding:0}
#sub-right .download-box span {color:#1a8aca;
font-size:13px;
display:block;
margin:10px 0;
font-weight:bold}
 #main-content-sub-right .download-box span {color:#1a8aca;
font-size:13px;
display:block;
margin:10px 0;
font-weight:bold}
 ul#downloads li span {color:#1a8aca;
font-size:13px;
display:block;
margin:5px 0;
font-weight:bold}
#sub-right .download-box span.cleary {
margin: 0;
font-weight:bold}
#main-content-sub-right .download-box span.cleary {
margin: 0;
font-weight:bold}
li.download p {padding:10px}
li.feature p {padding:10px}
/*	---------------------------------------------------------------------------------------
	Layout boxes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#container{ width:940px;
margin:auto;
padding:0 10px}
#header {height:108px}
.paypal {
	float:right;
	}
}
#header #logo a {float:right;
display:block;
background:url(images/logo.png) no-repeat;
width:175px;
height:74px;
margin:24px 0 0 0}
#promo {height:233px;
padding:18px 0 0 0}
#promo-description{width:460px; margin:0 20px 0 0;
float:left;
}
#main-content-features{width:460px;
float:left}
#promo-image{width:460px;
float:left}
#main-content {padding:30px 0 0 0}
#main-content-description {padding:0 20px 0 0;
width:440px; margin:0 20px 0 0;
float:left;}
#sub-right {padding:0 20px 40px 0;
width:440px; margin:0 20px 0 0;
float:left;}
#extras {
background-color:#357193;
border-top:1px solid #365566;
padding:20px 20px 30px 20px}
#extras  a {color:#fff}
#extras  a:hover {text-decoration:underline}
#footer {background:#074c72 url(images/bg-footer.gif) repeat-x;
min-height:195px;
text-align:center
}
#main-content-sub-left {padding:0 20px 0 0;
width:280px; margin:0 20px 0 0;
float:left;}
#main-content-sub-right {width:920px;
float:left}

/*	---------------------------------------------------------------------------------------
	Layout elements
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
ul#navigation {display:block;
height:42px;
padding:1px 0;
margin:0;
font-size:16px;
text-transform:uppercase;
color:#fff;
}
ul#navigation li {list-style:none;
display:block;
float:left;
margin:0 35px  0 0;
padding:0}
ul#navigation li a{color:#fff;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
display:block;
height:28px;
padding:12px 10px 0 10px
}
ul#navigation li a:hover {background:url(images/menu-hover.gif) no-repeat;
color:#08537d}

ul#downloads {margin:33px 0 0 0; font-size:12px}

ul#features {margin:33px 0 0 0; font-size:12px}
ul#features li.feature1 {
	background:url(images/feature-bg.png) no-repeat scroll 0px bottom;
	width:460px;
	list-style:none;
	display: block;
	padding: 0 0 2px 0;
	margin:0 0 25px 0

}
ul#features li.feature {
	background:url(images/feature-bg.png) no-repeat scroll 0px bottom;
	width:460px;
	list-style:none;
	display: block;
	padding: 0 0 2px 0;
	margin:0 0 25px 0

}
ul#downloads li.download {
	background:url(images/bg-download.png) no-repeat scroll 0px bottom;
	width:460px;
	list-style:none;
	display: block;
	padding: 0 0 2px 0;
	margin:0 0 25px 0

}


ul#features li.feature1 .top  {
position: relative;
display:block;
height: 10px;
top: -9px;
background:  url(images/feature-bg.png) no-repeat scroll 0px 0px;}


ul#features li.feature .top  {
position: relative;
display:block;
height: 10px;
top: -9px;
background:  url(images/feature-bg.png) no-repeat scroll 0px 0px;}
ul#downloads li.download .top  {
position: relative;
display:block;
height: 10px;
top: -9px;
background:  url(images/bg-download.png) no-repeat scroll 0px 0px;}
ul#downloads li.download img{float:left;
margin:0 20px 40px 20px;
padding:0 0 20px 0}
ul#features li.feature1 img{float:left;
margin:0 20px 40px 20px;
padding:0 0 20px 0}
ul#features li.feature img{float:left;
margin:0 20px 40px 20px;
padding:0 0 20px 0}
ul#downloads ul {
	list-style:none;
	line-height:18px;
	margin:0 0 0 110px;
	display:block;
	
}
ul#features ul {
	list-style:none;
	line-height:18px;
	margin:0 0 0 110px;
	display:block;
	
}
ul#features ul.first  {
	list-style:none;
	line-height:18px;
	margin:0 80px 0 -120px;
	display:block;
	float:right
	
}
ul#features li.feature1 img.ribbon  {
	position:relative;
	top:-35px;
	left: 242px;
	margin: 0;
}
ul#features li.feature img.ribbon  {
	position:relative;
	top:-35px;
	left: 242px;
	margin: 0;
}
div.bigbox {
	background:url(images/bg-bigbox.png) no-repeat scroll 0px bottom;
	width:930px;
	padding: 0 0 2px 0;
	margin: 40px auto 20px auto

}


div.bigbox .top {
position: relative;
display:block;
height: 10px;
top: -9px;
background:  url(images/bg-bigbox.png) no-repeat scroll 0px 0px;}
div.bigbox img {float:left;
margin:-20px 20px 10px 20px}
 .content {width:940px;
margin:auto;
padding:0 10px}
#extras .content #inv_features  {width:460px;
float:left;
margin:0 20px 0 0}
#extras .content #templates  {width:460px;
float:left;
margin:0 20px 0 0}
#extras .content #templates ul li {
	list-style:none;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	margin:15px 0 0 15px;
	text-align: left;
	display: block;
}
#extras .content #inv_features ul li {
	list-style:none;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	margin:15px 0 0 15px;
	text-align: left;
	display: block;
	line-height:12px
}
#extras .content #templates ul li span {display:block;
text-align:left;
width:100%}
#extras .content #templates ul li a img {float:left;
border:5px solid #08537d;
margin:10px 15px 0 0}
#extras .content #testimonials img {margin:20px}
#extras .content #templates ul li a img:hover{border:#1a8aca 5px solid}
#extras .content #testimonials {width:420px;
float:left;
padding: 0 20px
}
ul#bottom-navigation {
	display:block;
	height:42px;
	padding:1px 0;
	margin:0 0 10px 0;
	font-size:13px;
	text-transform:uppercase;
	color:#fff;
}
ul#bottom-navigation li {list-style:none;
display:block;
float:left;
margin:0 10px  0 0;
padding:0}
ul#bottom-navigation li a{color:#fff;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
display:block;
height:28px;
padding:12px 10px 0 10px
}
ul#bottom-navigation li a:hover {
color:#1a8aca}
#sub-right a.screenshots  {background:url(images/magnify.png) top left no-repeat;
display:block;
font-size:11px;
font-weight:bold;
margin:5px 0 20px 20px;
padding:3px 0 0 23px;
cursor:pointer;
color:#1a8aca}
#main-content-sub-right a.screenshots  {background:url(images/magnify.png) top left no-repeat;
display:block;
font-size:11px;
font-weight:bold;
margin:5px 0 20px 20px;
padding:3px 0 0 23px;
cursor:pointer;
color:#1a8aca}
#sub-right a.screenshots2 {
	background:url(images/plus.png) top left no-repeat;
font-size:11px;
font-weight:bold;
margin:10px 0 20px 20px;
padding:0px 0 0 23px;
cursor:pointer;
display:block;
color:#1a8aca}
#main-content-sub-right a.screenshots2 {
	background:url(images/plus.png) top left no-repeat;
font-size:11px;
font-weight:bold;
margin:10px 0 20px 20px;
padding:0px 0 0 23px;
cursor:pointer;
display:block;
color:#1a8aca}
#sub-right a img {float:left;
border:4px solid #8CC5E5;
margin:10px 0px 0 20px}
#main-content-sub-right a img {float:left;
border:4px solid #8CC5E5;
margin:10px 0px 0 20px}
#sub-right a img:hover{border:#1a8aca 4px solid}
#main-content-sub-right a img:hover{border:#1a8aca 4px solid}
.download-box {width:527px;
background-color:#dbf2ff;
border:6px solid #ade1ff;
display:block;
padding:0 20px 0px 20px;
font-size:11px;
margin: 0 0 20px 0}
#main-content-sub-left ul.free-dl-features {list-style:none;border:none; margin:0px
}
#main-content-sub-left ul.free-dl-features h5 {margin:-10px 0 10px 20px}
#main-content-sub-left ul.free-dl-features li {display:block;
background:none;
padding:10px;
font-size:12px;
border-bottom:1px solid #D7E3E9}
#main-content-sub-left ul.free-dl-features li img {float:left}
table.address {margin: 0 0 30px 0}
table.address td {padding:10px 20px 10px 20px}
table.address td{border-bottom:1px dashed #1A8ACA}

/*	---------------------------------------------------------------------------------------
	Buttons
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a.green-button {display:block;
	background:url(images/button-green.png) no-repeat;
	width:176px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif}
	a.green-button:hover {color:#08537d}
	a.green-button-very-long {display:block;
	background:url(images/button-green-even-longer.png) no-repeat;
	width:276px;
	height:38px;
	color:#2b440c;
	font-size:20px;
	text-align:center;
	padding:9px 10px 0 0;
	cursor:pointer;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif}
	a.green-button-very-long:hover {color:#08537d}
	#extras a.green-button-long {display:block;
	background:url(images/button-green-longer.png) no-repeat;
	width:171px;
	height:38px;
	color:#2b440c;
	font-size:18px;
	text-align:center;
	padding:9px 15px 0 0;
	cursor:pointer;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 10px}
	a.green-button-long {display:block;
	background:url(images/button-green-longer.png) no-repeat;
	width:171px;
	height:38px;
	color:#2b440c;
	font-size:18px;
	text-align:center;
	padding:9px 15px 0 0;
	cursor:pointer;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 10px}
	#extras a.green-button-long:hover {color:#08537d}
	a.green-button-long:hover {color:#08537d}
#main-content-description a.green-button {margin:20px 0 0 0}
ul#features li.feature1 a.button-more {background:url(images/button-more.png) 0px 0 no-repeat;
width:58px;
height:19px;
display:block;
margin:0 0 0 20px;
cursor:pointer}
ul#features li.feature a.button-more {background:url(images/button-more.png) 0px 0 no-repeat;
width:58px;
height:19px;
display:block;
margin:0 0 0 20px;
cursor:pointer}
ul#features li.feature1 a.button-more:hover {background:url(images/button-more.png) 0 -19px no-repeat;
height:19px
}
ul#features li.feature a.button-more:hover {background:url(images/button-more.png) 0 -19px no-repeat;
height:19px
}
div.bigbox a.button-download{background:url(images/button-download.png) 0px 0 no-repeat;
width:167px;
height:19px;
display:block;
margin:0 0 0 20px;
cursor:pointer}
div.bigbox a.button-download:hover {background:url(images/button-download.png) 0 -19px no-repeat;
}
a.product-download {
	display:block;
	background:url(images/button-product-dl.png) 0 0 no-repeat;
	width:158px;
	height:31px;
	display:block;
	margin:-2px 20px 0 20px;
	cursor:pointer;
	float:right
}
	a.product-download:hover {background:url(images/button-product-dl.png) 0 -31px no-repeat;
	height:31px;}


#web-portfolio img {
	margin:10px;
    text-align:center;
}

#product {
	padding-bottom:10px;
	height:210px;
	clear:both;
}

#product-title {
	text-align:center;
	margin-top:10px;
	padding-top:10px;
	border-top:1px black solid;
}

#product-picture {
	float:left;
	width:250px;
	text-align:center;
}

#product-description {
	float:left;
	width:400px;
	padding-left:15px;
	padding-top:10px;
}

#price-download {
	float:left;
	width:200px;
	padding-left:15px;
	padding-top:10px;
}

.product-title-heading {
	clear:both;
	font-weight:bold;
	font-size:large;
	color:green;
}

.product-price {
	font-weight:bold;
	font-size:medium;
	color:green;
	margin-top:5px;
}

.product-download-button {
margin-left:250px;
}

#product-description a {
	text-align:center;
}