/* RESET */

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}

body
{
line-height: 1;
}

h1, h2, h3, h4, h5, h6
{
font-size: 100%;
margin: 0 0 0 0;
}

ul, ol
{
list-style: none;
}

a
{
color: #1687c5;
text-decoration: none;
cursor: pointer;
}

a:hover
{
text-decoration: underline;
}

.floatLeft
{
float: left;
}

.floatRight
{
float: right;
}

.clear{
	clear: both;
}


body{
	font-size: 11px;
	font-family: Arial;
}


/* HYPERLINKS / COLORS */
a:link,
a:visited{color: #1687c5;}
#content .normal ul.newsList li p a.more{color: #1687c5;}
#footer .footerList li, #footer .footerList a {color: #69acd1;}
#footer .copyright{color: #69acd1;}
.blue{color: #1687c5;}

#content .normal h3, #content .wide h3{color: #1687c5;}	
#content ul.newsList h3{color: #1687c5;}
#index #container #leaderboard .intro h2{color: #1687c5;}
	
	
/* CONTAINER */

#index #container{
	width: 1024px;
	margin: 0 auto;
}

/* HEADER */

#index #container #header{
	height: 90px;
}

#index #container #header .logo{
	float: left;
	width: 158px;
	height: 47px;
	margin-left: 50px;
	margin-top: 15px;
}


/* LEADERBOARD */

#index #container #leaderboard{
	clear: both;
	background: transparent url(img/index_leaderboard.jpg) no-repeat;
	height: 290px;
	margin-top: 0px;
}

#index #container #leaderboard .avatar{
	/*width: 333px;*/
	padding-top: 43px;
	padding-left: 57px;
	float:left;
}

#index #container #leaderboard .intro{
	float:left;
	margin-left: 20px;
	margin-top: 70px;
	width: 520px;
}

/* CONTENT */

#content h2{
		color: #333333; 
		font-size: 18px;
		font-weight: normal;
		padding-top: 15px;
	}
	
	#content .normal h1,
	#content .wide h1{
		color: #333333; 
		font-size: 35px;
		font-weight: normal;
		line-height: 30px;
	}
	
	#content .normal .subHeading,
	#content .wide .subHeading{
		color: #666666; 
		font-size: 19px;
		padding-left: 16px;
		padding-top: 5px;
	}
	
	#content .normal h3,
	#content .wide h3{
		font-size: 14px;
		margin: 15px 0 6px 0;
	} 
	
	#content ul.newsList h3{
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}
	
	#index #container #leaderboard .intro h1{
		color: #FFFFFF;
		font-size: 26px;
		font-weight: normal;
	}

	#index #container #leaderboard .intro h2{
		font-size: 20px;
		font-weight: normal;
		margin-top: 10px;
	}

#index #content{
	clear: both;
	background: transparent url(img/index_content_bg2.jpg) no-repeat;
	padding-top: 0;
}	
	
	
/* NAVIGATION */

ul.nav{
	float: right;
	margin: 44px 30px 0 0;
	height:40px;
}

ul.nav li{
	font-size: 15px;
	margin-right: 15px;
	margin-left: 15px;
	display: inline;
}

ul.nav li a:link,
ul.nav li a:visited{
	color: #1687c5;
	text-decoration: none;
}

ul.nav li a.active{
	color: #FFF;
}

ul.nav li a:hover{
	color: #FFF;
}





body#index{
	background: #bdbfc3 url(img/index_bg.jpg) repeat-x;
}
	
/* CONTENT + SIDEBAR - HOME & ABOUT /*

/* CONTENT - NORMAL */

#content .normal{
	width: 617px;
	background: url(img/normal_bg.jpg) repeat-y;
	margin-left: 42px;
	margin-bottom: 20px;
	float:left;
}

#content .normal .top{
	width: 617px;
	height: 13px;
	background: url(img/normal_top.jpg) no-repeat;
}

#content .normal .bottom{
	width: 617px;
	height: 43px;
	background: url(img/normal_bottom.jpg) no-repeat;
	margin-top: 15px;
}


/* RIGHT - SIDEBAR */

#content .right{
	width: 303px;
	float: left;
	margin-left: 22px;
	margin-bottom: 20px;
}

/* SIDEBAR - INDEX STYLE */

#content .sidebar{
	width: 303px;
	background: url(img/sidebar_bg.jpg) repeat-y;
	margin-top: 21px;
}

#content .sidebar .hr{
	background: transparent url(img/sidebar_hr_bg.jpg) no-repeat;
	width: 295px;
	height: 28px;
	border: 0;
}

#content .sidebar_top{
	width: 303px;
	height: 8px;
	background: url(img/sidebar_top.jpg) no-repeat;
}

#content .sidebar_bottom{
	width: 303px;
	height: 44px;
	background: url(img/sidebar_bottom.jpg) no-repeat;
}

#content .sidebar_bottom .link{
	float:right;
	padding-top: 18px;
	padding-right: 20px;
}

#content .sidebar .txt{
	padding: 15px;
}

#content .sidebar .txt p{
	line-height: 18px;
	margin-bottom: 15px;
	margin-left: 15px;
	color: #666666;
}

#content .sidebar .txt p .contact{line-height: 24px;}

#content .sidebar ul.twitterList{
	margin-top: 10px;
}

#content .sidebar ul.twitterList li{
	background: url(img/sidebar/quote_icon.jpg) no-repeat left top;
	display: block;
	padding-left: 25px;
	color: #666;
	margin-top: 11px;
	margin-bottom: 11px;
	line-height: 16px;
}

#content .sidebar .ad{
	margin-bottom: 15px;
	margin-left:2px;
}


/* CONTENT - WIDE */

#content .wide{
	width: 941px;
	background: url(img/wide_bg.jpg) repeat-y;
	margin-left: 42px;
	margin-bottom: 20px;
	float:left;
}

#content .wide .top{
	width: 941px;
	height: 13px;
	background: url(img/wide_top.jpg) no-repeat;
}

#content .wide .bottom{
	width: 941px;
	height: 30px;
	background: url(img/wide_bottom.jpg) no-repeat;
}


#content .bottom .link{
	float:right;
	padding-top: 18px;
	padding-right: 20px;
}

#content .normal .txt,
#content .wide .txt{ padding: 10px; color: #666666; font-size: 13px; line-height: 18px; }

#content .normal .txt p,
#content .wide .txt p{
	margin-bottom: 10px;
	margin-top: 0px;
}

#content .normal ul.bulletList,
#content .wide ul.bulletList{
	margin-left: 40px;
}

#content .normal ul.bulletList li,
#content .wide ul.bulletList li{
	background: url(img/bullet.png) no-repeat left;
	padding-left: 20px;
}

#content .normal .txt .hr{
	background: url(img/hr_bg.jpg) no-repeat;
	width: 590px;
	height: 28px;
	border: 0;
}

#content .wide .hr{
	background: url(img/hr_wide_bg.jpg) no-repeat;
	width: 878px;
	height: 18px;
	border: 0;
}

#content .normal ul.newsList{
	margin-left: 15px;
	margin-bottom: 15px;
}

#content .normal ul.newsList li{
	clear: both;
	padding-top: 20px;
}

#content .normal ul.newsList li .avatar{
	float:left;
	width: 220px;
}

#content .normal ul.newsList li div{
	width: 280px;
	float:right;
	margin-right: 20px;
}

#content .normal ul.newsList li p{
	line-height: 20px;
	color: #666666;
	padding: 0;
	margin: 0;
}


#content .normal .attention,
#content .wide .attention{
	margin-top: 25px;
	margin-bottom: 25px;
}


/* FOOTER */

#footer{
	background: #000000 url(img/footer_bg.jpg) repeat-x top center;
	width: 100%;
	height: 160px;
	margin-top: 24px;
	font-family: "Arial";
}

#footer h2{
	padding: 0;
	margin: 0;
}

#footer .footerList{
	margin-top: 25px;
	margin-left: 51px;
	padding-right: 15px;
	padding-top: 10px;
	float: left;
	padding-bottom: 10px;
}

#footer .footerWrap{
	width: 1024px;
	margin: 0 auto;
}

#footer .footerList li{
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer .copyright{
	clear: both;
	margin-left: 51px;
	padding-top: 25px;
	font-size: 10px;
}

.SubmitButton
{
    width: 100px;
    height: 28px;
    background: url(../img/index/submit.png) no-repeat;
    
}

#footer .footerList h2{
		color: #FFFFFF; 
		font-size: 16px;
	}
	



/* CLIENT LIST */

#content .clientList{
	clear: both;
	width: 944px;
	height: 135px;
	background: #FFF url(img/clients_list_bg.jpg) no-repeat;
	margin-left: 42px;
}

#content .clientList h2{
	padding-top: 55px;
	padding-left: 15px;
	float:left;
}

#content .clientList ul.brands{
	float:right;
	padding-top: 35px;
	padding-right: 25px;
}

#content .clientList ul.brands li{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}




/* CONTENT SUB PAGE STYLE */

body#sub_page{
	background: #bdbfc3 url(img/sub_page_bg.jpg) repeat-x;
}

#content .normal_bottom{
	width: 617px;
	height: 30px;
	background: url(img/normal_normal_bottom.jpg) no-repeat;
}

#content .services img{margin: 0 10px 10px 0;} 
#content .services .post{width: 100%; margin: 0 0 10px 0; float:left;clear:both;} 
.main-text {margin: 0 15px;}

/* END CONTENT SUB PAGE STYLE */

/* CONTAINER */

#sub_page #container{
	width: 1024px;
	margin: 0 auto;
}

/* HEADER */

#sub_page #container #header{
	height: 100px;
	margin-bottom: 20px;
}

#sub_page #container #header .logo{
	float: left;
	width: 158px;
	height: 47px;
	margin-left: 50px;
	margin-top: 15px;
}

/* CONTENT */

#sub_page #content{
	clear: both;
	padding-top: 5px;
}

#sub_page #content .normal .txt{
	margin-left: 15px;
}


/* SIDEBAR SUBPAGE STYLE */

#content .sidebar_normal_bottom{
	width: 303px;
	height: 30px;
	background: url(img/sidebar_normal_bottom.jpg) no-repeat;
}

/* END SIDEBAR SUBPAGE STYLE */

div.hr {
	background: url(img/hr_bg.jpg) no-repeat;
	height: 28px;
	
	}

hr { border: 0; }
	
div.hrw {
	background: url(img/hr_wide_bg.jpg) no-repeat;
	width: 878px;
	height: 18px;
	}

div.hrs {
background: transparent url(img/sidebar_hr_bg.jpg) no-repeat;
	width: 295px;
	height: 28px;
}

img.left,
img.right
{
	border: solid 1px #bebfc3;
}
img.left
{
	float: left;
	margin: 0 10px 0 0;
}
