/* CSS
Author: GILLAN E SOLUTIONS
Created: 07-08-2010
*/

/*
-------------------------------------------------------------- 
BROWSER SPECIFICATION STYLES
-------------------------------------------------------------- 
*/ 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {main-naiv
	outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
body {
	background:  #c5daee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373737;
	text-decoration: none;
}
a {
	outline: none;
	color: #0282c3;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
img {
	border: 0px;
}
p {
	margin-bottom: 15px;
}
h1 {
	font-size: 16px;
	color: #333333;
	margin-bottom: 15px;
}
/*
-------------------------------------------------------------- 
GLOBAL STYLES
-------------------------------------------------------------- 
*/
.left-div {
	float: left;
	width: 477px;
	border-right:1px dashed #CCCCCC;
	padding-right:25px;
}
.right-div {
	float: right;
	width: 381px;
	margin-left: 20px;
}
.orang-text {
	color: #ff6c00;
}
.belu-text {
	color: #0093d4;
}
.green-bullet {
	display: block;
	background: url(images/green-bullet.gif) no-repeat 0px 5px;
	padding-left: 20px;
}
/*
-------------------------------------------------------------- 
HEADER STYLES
-------------------------------------------------------------- 
*/
#header-cover {
	background: url(images/bg-header.gif) no-repeat;
	width: 1003px;
	height: 212px;
	margin: 0px auto;
}
#header {
	float: left;
	width: 1003px;
}
#header-left {
	float: left;
	width: 146px;
	margin-top: 9px;
}
#header-right {
	float: right;
	width: 857px;
}
#products-div {
	width: 847px;
	font-family: "Trajan Pro";
	font-size: 18px;
	color: #1f1a6c;
	margin-left: 10px;
}
/*
-------------------------------------------------------------- 
TOP NAV STYLES
-------------------------------------------------------------- 
*/
#top-nav {
	float: left;
	width: 638px;
	padding-left: 219px;
	margin-bottom: 40px;
}
#top-nav .home, #top-nav .news, #top-nav .team, #top-nav .contact {
	display: block;
	float: left;
	margin-right: 45px;
}
#top-nav .home {
	background: url(images/home-btn.gif) no-repeat;
	width: 106px;
	height: 133px;
}
#top-nav .news {
	background: url(images/news-btn.gif) no-repeat;
	width: 99px;
	height: 133px;
}
#top-nav .team {
	background: url(images/team-btn.gif) no-repeat;
	width: 101px;
	height: 133px;
}
#top-nav .contact {
	background: url(images/contact-btn.gif) no-repeat;
	width: 150px;
	height: 133px;
}
#top-nav .home:hover, #top-nav .news:hover, #top-nav .team:hover, #top-nav .contact:hover, #top-nav .select {
	background-position: bottom;
}
/*
-------------------------------------------------------------- 
WRAPPER STYLES
-------------------------------------------------------------- 
*/
#wrapper-cover {
	width: 987px;
	padding-left: 16px;
	margin: 0px auto;
}
#wrapper {
	float: left;
	background:  #FFFFFF;
	width: 987px;
	margin-bottom: 10px;
}
/*
-------------------------------------------------------------- 
BENNER STYLES
-------------------------------------------------------------- 
*/
#benner-area {
	float: left;
	width: 952px;
	padding: 10px 20px 0px 15px;
}
#benner-left {
	float: left;
	width: 22px;
	margin-top: 153px;
}
#benner-left .bullet {
	display: block;
	background: url(images/benner-left.jpg) no-repeat;
	width: 22px;
	height: 57px;
}
#benner-left .bullet:hover {
	background-position: bottom;
}
#benner {
	background: url(images/bg-benner.gif) no-repeat;
	float: left;
	width: 908px;
	height: 363px;
}
#benner-img {
	width: 900px;
	height: 355px;
	margin: 4px auto;
}
#benner-right {
	float: right;
	width: 22px;
	margin-top: 153px;
}
#benner-right .bullet {
	display: block;
	background: url(images/benner-right.jpg) no-repeat;
	width: 22px;
	height: 57px;
}
#benner-right .bullet:hover {
	background-position: bottom;
}
/*
-------------------------------------------------------------- 
CONTENT STYLES
-------------------------------------------------------------- 
*/
#content {
	float: left;
	width: 908px;
	border-bottom: 5px solid #d6f3fb;
	padding: 36px 40px 36px 39px;
}
.content-text-img {
	margin-bottom: 20px;
}
.content-left {
	float: left;
	width: 280px;
	line-height: 20px;
	margin-right: 33px;
}
.left-top{
	margin-bottom:25px;
}
.left-bottom{
		
}

.content-center {
	float: left;
	width: 280px;
	line-height: 20px;
	margin-right: 33px;
}
.content-right {
	float: left;
	width: 280px;
}
.content-right img{
	margin-bottom:10px;
}

.team-div {
	float: left;
	line-height: 20px;
	width: 908px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCCCCC;
}
.team-div p{
	margin-bottom: 25px;
}
.team-intro p{
	margin-bottom: 25px;
	line-height:20px;
}

.team-div img {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}
.team-img-div {
	display: block;
	float: left;
	width: 118px;
	margin-right: 15px;
}
.link-div {
	float: left;
}
.linkedin {
	float: left;
	background: url(images/linkedin.png) no-repeat 0px 2px;
	padding-left: 25px;
	margin-right: 20px;
}
.twitter {
	float: left;
	background: url(images/twitter.png) no-repeat 0px 2px;
	padding-left: 25px;
}
.news-div {
	float: left;
	width: 908px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 20px;
}
.news-div a {
	font-size: 18px;
	color: #ff6c00;
	text-decoration: none;
}
.news-div a:hover {
	text-decoration: underline;
}
.test-news {
	float: left;
	width: 557px;
	margin-bottom: 20px;
}
.test-news2 {
	float: left;
	width: 557px;
	margin: 0px 0px 20px 62px;
}
.test-news-img {
	float: left;
	width: 50px;
	height: 50px;
	padding: 5px;
	border: 1px solid  #dddddd;
	margin-right: 10px;
}
.test-news-text {
	float: left;
	width: 397px;
	line-height: 20px;
	font-size: 14px;
	margin-right: 80px;
}
.test-news-top {
	float: left;
	width: 557px;
}
.test-news-center {
	float: left;
	background: #f1f1f1 url(images/test-img-center.gif) repeat-x;
	width: 515px;
	height: 58px;
	padding: 20px;
	border-left: 1px solid  #e3e3e3;
	border-right: 1px solid  #e3e3e3;
}
.test-news-bottom {
	float: left;
	background: url(images/test-img-bottom.gif) no-repeat;
	width: 516px;
	padding-right: 41px;
}
.test-news-bottom a {
	float: right;
	background:  #377faf;
	text-decoration: none;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	padding: 3px 12px;
}
/*
-------------------------------------------------------------- 
FOOTER STYLES
-------------------------------------------------------------- 
*/
#footer {
	float: left;
	width: 908px;
	padding: 10px 40px 10px 39px;
}
#footer-left {
	float: left;
	line-height: 42px;
}
#footer-right {
	float: right;
}
/*
-------------------------------------------------------------- 
FORM STYLES
-------------------------------------------------------------- 
*/

#form-content {
	float: left;
	width: 477px;
}
.contact-input {
	background-color: #f5f5f6;
	width: 325px;
	height: 19px;
	border: 1px solid #c5c5c5;
	padding: 1px 0px 0px 5px;
}
.text-area {
	background-color: #f5f5f6;
	width: 325px;
	height: 149px;
	border: 1px solid #c5c5c5;
	padding: 1px 0px 0px 5px;
}
.contact-row {
	clear: both;
	float: left;
	width: 477px;
	margin-bottom: 15px;
}
.contact-col-left {
	float: left;
	width: 145px;
	line-height: 22px;
}
.contact-col-right {
	float: right;
	width: 332px;
}

.alignleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
}

#news_posts h3 a{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
}
#news_posts h3{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
}

#news_posts h3 span{
	font-size:12px;
	margin-right:15px;
	float:right;
	color:#000000;
	font-weight:normal;
}

#news_posts h3 a:hover{
	font-size:16px;
	text-decoration:underline;
}
#news_posts{
	margin-bottom:15px;
}
#news_posts p{
	margin-top:15px;
}

#news_posts2 h3 a{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
}
#news_posts2 h3{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
}

#news_posts2 h3 span{
	font-size:12px;
	margin-right:15px;
	float:right;
	color:#000000;
	font-weight:normal;
}

#news_posts2 h3 a:hover{
	font-size:16px;
	text-decoration:underline;
}
#news_posts2{
	padding-top:15px;
	border-top:1px dashed #999999;
}
#news_posts2 p{
	margin-top:15px;
}

#respond h3{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
	margin-bottom:10px;
}
#respond{
	/*border-top: 1px dashed #999999;*/
	padding-top:15px;
}
#comments h3{
	font-size:16px;
	text-decoration:none;
	color:#ff6c00;
	margin-bottom:10px;

}
.reply{
	display:none;
}
.author{
	font-weight:bold;
	font-size:14px;
}
.commenttext{
	margin-top:15px;
}
.commentlist{
	list-style:decimal;
	margin-left:15px;
}


#test-content {
	float: left;
	width: 577px;
}
.test-row {
	clear: both;
	float: left;
	width: 577px;
	margin-bottom: 15px;
}
.test-col-left {
	float: left;
	width: 332px;
	margin-right: 5px;
}
.test-col-right {
	float: right;
	width: 240px;
}