/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}

body
{
	background-color: #f8f8f8;
	color: #333333;
	margin: 0 0 0 0;
	padding:0;
	font-family: sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	background: url('bg.gif');
}
img
{
	border: 0;
	vertical-align: middle;
}
table
{
	border: none;
	padding: 20px 0 20px 0;
}
table td
{
	padding: 2px 10px 2px 2px;
}
table th
{
	padding: 4px 10px 4px 0px;
	font-size: 1.1em;
	text-align: left;
	border-bottom: solid 1px #666666;
}
p
{
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 15px;
}
ul
{
	margin: 0 0 10px 15px;
	padding: 5px 0 5px 0;
}
li
{
	margin: 0;
	padding: 0 0 4px 0;
}
a
{
	font-weight: bold;
	color: #00A9FF;
	text-decoration: underline;
}
h1
{
	font-family:sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #00A9FF;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-bottom: 1px solid #9D9D9D;
}
h2
{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: solid 1px #9D9D9D;
	color: #222222;
}
h3
{
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0px 0px 0px;
}
h4
{
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px 12px 13px;
}
form
{
	margin: 0px 0px 0px 0px;
}
textarea
{
	font-family: sans-serif;
	font-size: 13px;
	border: solid 1px #A3A3A5;
	width: 300px;
	height: 100px;
	overflow: auto;
	padding: 4px;
}
input
{
	vertical-align: middle;
	font-family: sans-serif;
	margin: 0px;
	padding: 2px;
}
select
{
	vertical-align: middle; 
	font-size: 13px;
}
fieldset
{
	border: none;
	padding: 0px 10px 10px 10px;
	
}
abbr
{
	text-decoration: none;
	border-bottom: none;
}
strong a
{
	font-weight: bold;
}
#container
{
	overflow: hidden;
	margin: 0 auto 0 auto;
}
#header
{
	padding: 10px 20px 20px 20px;
	border-top: 27px solid #00A9FF;
	background-color: #075b88;
	background: url('bg.gif');
	/*box-shadow:         0px -4px 3px rgba(50, 50, 50, 0.25);
	background: url('bg-img.gif') 0 0 no-repeat;
	border-image: url('bg-img.gif') 27 0 0 repeat round;
	border-width: 15px 150px 0px 0px;*/
	
	
}
#logo
{
	margin-left:8%;
	/*height:40px;
	margin-top: -2%;
	background-image: url(logo.png);*/
	
}

#logo a
{
	display: block;
	width: 265px;
	height: 45px;
	margin: 10px 0 8px 0;
	text-decoration: none;
}

/*
#footer
{
	background-color: #EBEBEB;
	padding: 10px 0 2px 0;
    width: 83.2%;
	margin: 0 auto 0 auto;
	border-radius: 0 0 5px 5px;
	border:1px solid #EBEBEB;
}
#footer p
{
	text-align: center;
}
#footer a
{
	text-decoration: none;
	color: #111111;
}
#footer a:hover
{
	text-decoration: underline;
}
*/
#userMenu
{
	float: right;
	list-style-type: none;
	padding: 8px 10px 6px 0;
	margin: 0;
	margin-top: -115px;
	color:#CEE7F7;
	font-size: 13px;
	height:16px;
	overflow: hidden;
	position: relative;
	top: 74px;
}
#userMenu li
{
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: solid 1px #cccccc;
}
#userMenu li.toContent
{
	border: none;
	margin: 0;
}
#userMenu li a
{
	text-decoration: none;
	color: #CEE7F7;
	line-height: 20px;
}
#userMenu li.login.twitter a img
{
	padding-top: 3px;
}
#userMenu a img
{

}
#userMenu li a:hover
{
	text-decoration: underline;
}
#content
{
	padding: 20px;
	width: 80%;
	min-width:971px;
	margin: -30px auto 0 auto;
	background-color: #ffffff;
	-webkit-border-radius: 5px 5px 0 0;
	border:1px solid #EBEBEB;
	/*
		to include background images use relative path, ie:
		background-image: url(logo.png);
	*/
}
ul.itemsHeader
{
	display: block;
	list-style-type: none;
	margin: 0;
	height: 20px;
	overflow: hidden;
	width: 100%;
	background-color: #075582; /*@color-header*/
	color: #ffffff;
	font-weight: bold;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius: 5px; 
}
ul.itemsHeader li
{
	float: left;
	width: 8%;
	padding: 3px;
}
ul.itemsHeader li.name
{
	width: 50%;
	visibility: hidden;
}
ul.itemsHeader li.lastPost
{
	padding-left: 10px;
}
ul.itemsHeader li.replies, ul.itemsHeader li.views, ul.itemsHeader li.topicCount
{
	text-align: center;
}
ul.items
{
	border-left: 2px solid #5676A1; /*@color-header*/
	border-right: 2px solid #5676A1; /*@color-header*/
	border-bottom: 2px solid #5676A1; /*@color-header*/
	padding: 0;
	margin: 0;
}
ul.items li
{
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #DDDDDD;
	background-image: none;
}
ul.items li:hover
{
	background-color: #FAFAFA;
}
ul.items li .name, ul.items li div
{
	float: left;
	width: 8%;
	padding: 5px 3px 5px 3px;
	margin: 0;
}
ul.items li .replies, ul.items li .views, ul.items li .topicCount
{
	text-align: center;
	margin-top: 3px;
	padding-top: 9px;
	padding-bottom: 6px;
	border-left: 1px solid #dddddd;
}
ul.items li .topicCount
{
	padding-bottom: 10px;
}
ul.items li .views
{
	border-right: 1px solid #dddddd;
}
ul.items li .lastPost
{
	width: 25%;
}
ul.items li .lastPost .nomsg
{
	display: block;
	padding-top: 9px;
}
ul.items li .lastPost span.date
{
	display: block;
}
ul.items li .name
{
	width: 50%;
	font-size: 14px; 
}
ul.items li .name a.itemTitle
{
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #0372A0; /*@color-listlink*/
}
ul.items li .name a.itemTitle:hover
{
	text-decoration: underline;
	color: #0372A0;
}
ul.items li .name span
{
	display: inline;
	font-weight: normal;
	font-size: 12px;
	color: #666666;
}
ul.items li .name span a
{
	color: #666666;
	text-decoration: none;
}
ul.items .separator, ul.items .label
{
	display: none;
}
ul.items li p.description
{
	clear: left;
	padding: 0 0 0 3px;
	position: relative;
	top: -10px;
}
div.tagCloud
{
	margin-top: 30px;
}
div.tagCloud ul
{
	border: 2px dotted #DDDDDD;
	overflow: hidden;
	padding-left: 10px;
}
div.tagCloud ul li
{
	height: 42px;
	line-height: 40px;
}
div.tagCloud h2
{
	padding: 0;
	border: none;
}
div.tagCloud li a:hover
{
	background-color: #0372A0;
	color: #ffffff;
	text-decoration: none;
}
div.tagCloud li.weight1 
{
    font-size: 14px;
}
div.tagCloud li.weight2 {
    font-size: 18px;
}
div.tagCloud li.weight3 {
    font-size: 22px;
}
div.tagCloud li.weight4 {
    font-size: 30px;
}
div.tagCloud li.weight5 {
    font-size: 40px;
}
.forumList ul.itemsHeader li
{
	width: 10%;
}
.forumList ul.itemsHeader li.name
{
	width: 70%;
	padding-left: 8px;
}
.forumList ul.items li .name, ul.items li p.description
{
	width: 70%;
	padding-left: 8px;
}
.forumList ul.items li div
{
	width: 10%;
}
.forumList ul.items li .views
{
	border-right: medium none;
}
.forumList ul.items li
{
	padding-top: 3px;
}
.forumList h2
{
    position: relative;
    top: 23px;
	left: 10px;
	color: #ffffff;
	font-size: 12px;
	border: none;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}
ul#messages li
{
	background-color: #F1F4F7;
    margin-bottom: 5px;
    padding: 0 10px 0 5px;
}
#messages li div.msgUser
{
	border-right: 1px solid #DDDDDD;
	border-left: medium none;
	float: left;
	margin-right: 10px;
	padding: 5px 10px 5px 0;
	text-align: center;
	font-size: 10px;
}
ul#messages div.msgBody 
{
    padding-bottom: 20px;
}
ul#messages li.over
{
	background-color: #E1E4E7;
}
#messages li.over div.msgUser
{
	border-right: 1px solid #666666;
}
ul#messages div.msgOptions
{
	top: -15px;
}
ul#messages div.msgOptions a 
{
    border: 1px solid #666666;
    font-weight: normal;
    padding: 4px;
    text-decoration: none;
	background-color: #0372A0;
	color: #ffffff;
	-webkit-border-radius: 2px;
	margin-left: 5px;
}
ul#messages div.msgOptions a:hover
{
	background-color: #026270;
}
ul#messages div.msgHeader
{
	font-size: 11px;
}
ul#messages div.msgHeader a.msgId
{
	font-size: 14px;
}
ul#messages div.msgHeader 
{
	padding-top: 5px;
}

/*header */
.row-1 {width:100%;height:113px;overflow:hidden;padding-top:24px}
.row-2 {width:100%;min-height:35px;position:relative;z-index:1;width: 83.1%; margin: 0 auto 0 auto; margin-top:-30px;}
/*.row-3 {min-height:347px;position:relative;z-index:2;min-width:960px;overflow:hidden}*/
.row-3 {max-height:347px;min-width:960px;overflow:hidden;}

/* main menu */
.menu {width:100%}
.menu li {float:left;position:relative;margin-right:1px}
.menu li.last-item {margin:0}
.menu li a {display:inline-block;width:196px;font-size:17px;line-height:1.22em;padding:18px 0 36px;margin-top:5px;color:#fff;background:#1189BF;text-align:center;-webkit-border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;border-radius:18px 18px 0 0}
.menu li a.active, .menu li a:hover {color:#fff;background:#00A9FF;padding:28px 0 36px;margin:0}
/* slider */
.slider-wrapper { overflow:hidden;width:984px;position:absolute;top:-16px;left:20px;background:#fff;-webkit-border-radius:0 18px 0 0;-moz-border-radius:0 18px 0 0;-webkit-border-radius:0 18px 0 0}
.slider {height:403px;width:948px;margin:10px auto}
.items {display:none}
.pagination {position:absolute;top:0;z-index:999}
.banner {width:400px;height:205px;position:absolute;top:92px;left:98px}
.prev {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;left:25px;top:183px;z-index:99;background:url('slider-control.png') left top no-repeat}
.prev:hover {background-position:left bottom}
.next {display:block;width:22px;height:37px;text-indent:-5000px;position:absolute;right:22px;top:183px;z-index:99;background:url('slider-control.png') right top no-repeat}
.next:hover {background-position:right bottom}
.b1 {color:#0f0f0f;font-size:50px;line-height:1.2em;display:block;letter-spacing:-3px}
.b2 {color:#00a9ff;font-size:80px;line-height:1.2em;display:block;text-transform:uppercase;letter-spacing:-4px;margin:-12px 0 13px -5px}
*+html .b2 {margin:-12px 0 5px -5px}
.b3 {color:#0f0f0f;font-size:17px;line-height:1.2em;display:block}

/* content */
#content {width:83.1%;padding:20px 0 40px;background:#fff;-webkit-border-radius:18px 18px 0 0;-moz-border-radius:18px 18px 0 0;-webkit-border-radius:18px 18px 0 0;position:relative;z-index:2; margin-top:5px;max-width:83.1%;min-height:347px;}
#content .padding {padding:24px 12px 0}
.spacer-1 {width:100%;background:url('pic-1.gif') 217px 0 repeat-y}
h2 {font-size:39px;line-height:1.9em;color:#0f0f0f;margin-bottom:5px;letter-spacing:-2px}
h3 {font-size:30px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
h3 strong {display:block;color:#fefefe;margin-bottom:-11px}
h4 {font-size:23px;line-height:1.2em;color:#fefefe;letter-spacing:-1px;margin-bottom:20px}
h5 {color:#0f0f0f;text-decoration:underline;font-weight:normal}
h6 {color:#0f0f0f;font-weight:normal;margin-bottom:5px}
.border-bot {width:100%;padding-bottom:20px;background:url('pic-1.gif') 0 bottom repeat-x}
.box-bg {padding:33px;background:#e4e4e4}
.box {width:100%;background:url('box.png') center 0 no-repeat #101010;-webkit-border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}
.box h3 {margin-top:-8px}
.box .pad {padding:28px 35px}
.box.first .button {background:url('button1.png') left top no-repeat}
.box.first .button:hover {background-position:left bottom}
.box.first .numb {background:url('numb-1.gif') 0 0 repeat-x #00a9ff}
.box.second .button {background:url('button2.png') left top no-repeat}
.box.second .button:hover {background-position:left bottom}
.box.second .numb {background:url('numb-2.gif') 0 0 repeat-x #a2c902}
.box.third .button {background:url('button3.png') left top no-repeat}
.box.third .button:hover {background-position:left bottom}
.box.third .numb {background:url('numb-3.gif') 0 0 repeat-x #fabb0c}
.numb {display:inline-block;padding:3px 7px 6px;font-size:40px;line-height:1.2em;letter-spacing:-2px;color:#fefefe;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
*+html .numb {padding:6px 7px 4px}
.block-news {padding:27px 33px 30px;border:1px solid #eaeaea;background:url('block-news-tail.gif') 0 0 repeat-x #f9f9f9;-webkit-border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px}
/*.button {display:block;width:43px;height:43px;text-indent:-5000px}*/
.button-2 {display:inline-block;font-size:19px;line-height:1.21em;letter-spacing:-1px;color:#fefefe;padding:9px 20px 11px;background:url('button-tail.gif') 0 0 repeat-x #40A119;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-2:hover {background:#40A119}
.button-3 {display:inline-block;line-height:1.21em;letter-spacing:1px;color:#fefefe;padding:9px 20px 11px;background:url('numb-1.gif') 0 0 repeat-x #2681AC;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
.button-3:hover {background:#2681AC}
.list-1 li {line-height:24px;padding-left:10px;background:url('marker.gif') 0 10px no-repeat}
.list-1 li a {display:inline-block;color:#9d9d9d}
.list-1 li a:hover {text-decoration:underline}
.list-2 li {line-height:24px}
.link {color:#9d9d9d}
.link:hover {text-decoration:none} 
.link-1 {display:inline-block;font-size:14px;padding-right:8px;background:url('marker-3.gif') right 8px no-repeat}
.link-1:hover {color:#fff} 
.text-1 {line-height:20px;margin:0} 
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
.tdate-1 {font-size:20px;line-height:1.2em;color:#0f0f0f;text-align:center;letter-spacing:-2px;margin:-2px 16px 0 0}
.tdate-1 strong {display:block;font-size:49px;line-height:1.2em;color:#00a9ff;margin-bottom:-10px}
.tdate-2 {float:left;color:#0f0f0f}
.news {padding-left:25px;background:url('pic-1.gif') 0 0 no-repeat}
#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}

/* boxes */
.margin-bot {margin-bottom:35px}
.spacing {margin-right:35px}
.indent {padding:0 0 0px 32px}
.indent2 {padding-top:10px}
.indent3 {padding-top:38px}
.indent4 {padding:26px 0 0px 32px}
.indent5 {padding-top:22px}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.indent-bot3 {margin-bottom:45px}
.img-indent-bot {margin-bottom:25px}
.img-indent {float:left;margin:0 10px 0px 0}
.img-indent2 {float:left;margin:0 15px 0px 0}
.img-indent3 {float:left;margin:0 20px 0px 0}
.img-indent4 {float:left;margin:0 28px 0px 0}
.img-indent-r {float:right;margin:4px 0px 0px 15px}
.prev-indent-bot {margin-bottom:10px}
.buttons a:hover {cursor:pointer}
.menu li a, .list-1 li a, .button-2, .logo {text-decoration:none}

#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.col-11, .col-22, .col-33 {float:left;width:27%; height:300px;max-height:347px; background:#EBECED;margin:30px;min-width:25%;}

.col-1, .col-2, .col-3, .col-4  {float:left}
.col-1 {width:230px;margin-right:55px;}
.col-2{width:140px;margin-right:55px}
.col-3{width:140px;margin-right:65px}
.col-4 {width:235px}

.col-2-home, .col-3-home { float:left}
.col-2-home{width:23%;margin-right:55px}
.col-3-home{width:65%;margin-right:55px}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}

.col-3-feat, .col-4-feat { float:left; width:40%; margin-top:10px;}
.col-3-feat{margin-right:55px}

.col-3-download{ float:left;margin-right:55px;width:85%;}

.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.bg {width:100%;background:url(../images/bg.jpg) center 0 no-repeat}
.main {width:984px;padding:0;margin:0 auto;font-size:0.875em;line-height:1.285em}
p {margin-bottom:18px}
.p0 {margin-bottom:0px}
.p1 {margin-bottom:6px}
.p2 {margin-bottom:15px}
.p3 {margin-bottom:30px}
.p4 {margin-bottom:45px}
.p5 {margin-bottom:50px}
.reg {text-transform:uppercase}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}
.title {margin-bottom:18px}
.it {font-style:italic}
.letter {letter-spacing:-1px}
.color-1 {color:#00a9ff}
.color-2 {color:#a2c902}
.color-3 {color:#fabb0c}
.color-4 {color:#0f0f0f}

.footer-logo {display:block;color:#9d9d9d;font-size:60px;line-height:1.2em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px; text-decoration:none}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}

/* footer */
#footer
{
	width: 83.1%;
	margin: 0 auto 0 auto;
	-webkit-border-radius: 0 0 5px 5px;
	border:1px solid #EBEBEB;
}
dl.address {line-height:24px;color:#9d9d9d}
dl.address span {float:left;width:74px;color:#fefefe}
dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}

.row-top {width:100%;padding:33px 0 42px;background:#000}
.row-padding {padding:0 62px}
.row-bot {width:100%;padding:35px 0;font-size:12px;line-height:20px}
.list-services li {line-height:24px;padding-left:28px}
.list-services li a {color:#9d9d9d;text-decoration:none}
.list-services li a:hover {text-decoration:underline}
.list-services li.item-1 {background:url('facebook.png') 0 3px no-repeat}
.list-services li.item-2 {background:url('twitter.png') 0 3px no-repeat}
.list-services li.item-3 {background:url('linkedin.png') 0 3px no-repeat}
.footer-logo {display:block;color:#9d9d9d;font-size:60px;line-height:1.2em;text-transform:uppercase;letter-spacing:-3px;font-weight:400;margin-bottom:5px}
.footer-logo strong {color:#00a9ff;text-transform:none;display:inline-block}
.phone {display:inline-block;font-size:14px;line-height:1.5em;color:#9d9d9d;letter-spacing:-1px;padding-left:10px;float:right;margin-top:8px;}
.phone strong {color:#fff}

.itemsBasic li.item-file {background:url('File_info32.png') 0 3px no-repeat; padding-left:50px;}
.itemsBasic li.item-license {background:url('key32.png') 0 3px no-repeat; padding-left:50px;}
.itemsBasic li.item-user {background:url('user32.png') 0 3px no-repeat; padding-left:50px;}
.itemsBasic li.item-page {background:url('file32.png') 0 3px no-repeat; padding-left:50px;}

.edit {background:url('edit.png') 0 3px no-repeat;}
.delete{background:url('delete.png') 0 3px no-repeat;}

.edit:hover{ color: hsla(0,100%,50%,0.2) }
.H1{border:0px;font-size:150%;margin:0px;color:#1189BF;margin-bottom:10px;margin-top:10px;}
