/*  	-----------------------------------------------------------------------------
		INTERFACE LAYOUT
		----------------------------------------------------------------------------- 	*/
body {
	background:#7e0003 !important;
	background-image: url(../../soint/images/new_body.jpg) !important;
	background-position: top center !important;
	background-repeat: no-repeat !important;
	font-family: Tahoma !important;
	font-size: 12px !important;
	color: #e4d8d8 !important;
	line-height: 19px !important;
	margin: 0 !important;
	padding: 0 !important;
}

a {
	color:#be8c8d;
	text-decoration: none;
}

a:hover{
	color:#d96a64;
	text-decoration: underline;
}

#container {
	width:1004px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px;
	height: auto;
	min-height: 400px;
}
 

#header {
	display: block;
	width: 955px;
	margin-left: 45px;
	margin-top: 15px;
}

#flash {
	display:block;
	width:1004px;
	/*height: 364px;*/
	margin:0px 0 0 0;
}

#content {
	display: block;
	width: 960px;
	margin: 0px 0 0 48px;
}

p {
	font-family: Tahoma;
	font-size: 12px;
	color: #e4d8d8;
	line-height: 19px;
	text-align: justify;
	margin-bottom: 25px;
}


/*  	-----------------------------------------------------------------------------
		NAVIGATION
		----------------------------------------------------------------------------- 	*/

#navigation {
	display: block;
	width: 600px;
	height: 50px;
	float:right;
	margin-top: -50px;
}

#navigation ul {
	list-style-type: none;
	margin: auto;
}

#navigation li {
	float: left;
}

#navigation ul a {
	background-image: url(../../soint/images/pipe.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 14px;
	padding-right: 23px;
	display: block;
	line-height: 39px;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	color: #959595;
}

#navigation ul a:hover {
	color: #FFF;
	text-decoration: none;
}


/*  	-----------------------------------------------------------------------------
		HEADER STYLES
		----------------------------------------------------------------------------- 	*/

h1 {
	display: block;
	width:310px;
	height:75px;
	background:url(../../soint/images/logo.gif);
	padding:0;
	margin:0 145px 0 0;
	float: left;
}

h2.front {
	display:block;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	width: 168px;
	height:24px;
}

h2.heading {
	display:block;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	width:505px;
	height: 48px;
	margin: 0;
}

h3.heading {
	display:block;
	padding:0;
	margin: 107px 0 0 75px;
	text-indent:-9999px;
	overflow:hidden;
	width: 375px;
	height:32px;
	float:left;
	margin-top: 45px;
	/*margin-bottom: 55px;*/
}

h4.heading {
	display:block;
	padding: 0;
	margin: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: auto;
	height:58px;
	background-repeat: no-repeat;
	margin-top: 10px;
}

h5.heading {
	display:block;
	padding: 0;
	margin: 20px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 280px;
	height:28px;
}

h9.heading {
	display:block;
	padding: 0;
	margin: 5px 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 226px;
	height:40px;
}


/*  	-----------------------------------------------------------------------------
		GENERAL STYLES
		----------------------------------------------------------------------------- 	*/

#title_header {
	float:left; 
	margin:0; 
	width:505px; 
	height:69px;
	margin-top: 40px;
}

.hider {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

.hrule {
	width:100%;
	height:1px;
	overflow:hidden;
	display:block;
	clear:both;
	border-bottom:1px solid #bc3939;
}

#subnav {
	float: left;	
	width: auto;
	padding: 30px;
	padding-left: 25px;
}

#subnav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-size: 11px;
	line-height: 16px;
	color: #eae4e4;
	margin-right: 18px;
}

#subnav ul li {
	float: left;
	display: inline;
	padding-left: 18px;
	width: 168px;
}

#subnav ul li img {
	background-color:#FFFFFF;
	padding: 4px;
	margin-bottom: 6px;
}

.borderbot {
	border-bottom: 1px solid #104f65;
}

.main_rule {
	width:100%;
	height:2px;
	overflow:hidden;
	display:block;
	clear:both;
	margin: 0 0 0 0;
	background: url(../../soint/images/main_rule.gif);
}

.blog_rule {
	width:620px;
	height:2px;
	overflow:hidden;
	display:block;
	clear:both;
	margin: 0 0 0 0;
	background: url(../../soint/images/main_rule.gif);
}

#sub_text {
	display: block;
	background: url(../../soint/images/sub_text_background.png);
	background-repeat: no-repeat;
	margin: 0;
}

#sub_textcopy {
	display: block;
	background-repeat: no-repeat;
	margin: 0;
}

#blog_posts {
	display: block;
	background-repeat: no-repeat;
	width: 620px;
	margin: 0;
	padding-top: 20px;
}
	
.client_holder{
	float: left;
	margin: 25px 0 25px 0;
}

.client_img {
	border: 5px solid #191919;
	margin: 10px 0 0 10px;
}

.read_more a {
	color:#be8c8d;
	text-decoration: none;
	float:right;
	margin-bottom: 15px;
}

	.read_more a:hover {
		color:#be8c8d;
		text-decoration: underline;
		float:right;
		margin-bottom: 15px;
	}

.read_more li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_read_more.gif);
	float:right;
}

.spacer {
	margin-bottom: 60px;
}


/*  	-----------------------------------------------------------------------------
		BLOG STYLES
		----------------------------------------------------------------------------- 	*/

.blog_image {
	margin: 10px 0 -15px 0;
	border: 1px solid #000;
}

#stay_updated {
	display:block;
	width:281px;
	height:38px;
	overflow:hidden;
	margin:0 0 14px 0;
	float: left;

}
	#stay_updated a {
		display:block;
		width:281px;
		height:38px;
		background:url(../../soint/images/btn_stay_updated.gif);
		background-position:top left;
	}
	#stay_updated a:hover { background-position:bottom left; }

#blog_holder {
	display: block;
	width: 620px;
	float:left;
	margin: 0;
}

#blog_sidebar {
	display: block;
	width: 300px;
	float:left;
	margin: 0 0 0 36px;
	color: #bcbcbc;
}

.blog_title {
	font-size: 15px;
	line-height: 24px;
	color: #FFFFFF;
	float: left;
	margin: 0;
	width: 500px;
}

.blog_date {
	color: #acacac;
}

.blog_comments {
	float: left;
	margin: 3px 0 0 5px;
	font-style: italic;
	text-align: right;
}

.blog_comment_item {
	margin: 3px 5px 5px;
	padding: 10px 20px 5px 20px;
}

.blog_comments li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_comments.gif);
}

/*  	-----------------------------------------------------------------------------
		FLICKR STYLES
		----------------------------------------------------------------------------- 	*/

#flickr_badge_uber_wrapper {
	text-align:center;
}

#flickr_badge_wrapper {
	padding:5px 0 5px 0;
}

.flickr_badge_image {
	margin:7px 7px 7px 10px; float: left;
}

.flickr_badge_image img {
	border: 1px solid #000 !important;
}

#flickr_badge_source {
	text-align:left; 
	margin:0 10px 0 10px;
}

#flickr_badge_icon {
	float:left; 
	margin-right:5px;
}

#flickr_www {
	display:block; 
	padding:0 10px 0 10px !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#3993ff !important;
}

#flickr_badge_uber_wrapper a:hover,

#flickr_badge_uber_wrapper a:link,

#flickr_badge_uber_wrapper a:active,

#flickr_badge_uber_wrapper a:visited {
	text-decoration:none !important; 
	background:inherit !important;
	color:#3993ff;
}

#flickr_badge_wrapper {}

#flickr_badge_source {
	padding:0 !important; 
	font: 11px Arial, Helvetica, Sans serif !important; 
	color:#666666 !important;
}


/*  	-----------------------------------------------------------------------------
		TWITTER STYLES
		----------------------------------------------------------------------------- 	*/

#twitter_div ul {
	list-style: none;
}

#twitter_div ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_twitter.gif);
	padding: 6px 0 6px 0;
	border-bottom: 1px dotted #a90e11;	
}

#twitter_follow {
	display:block;
	width:150px;
	height:29px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:right;
}
	#twitter_follow a {
		display:block;
		width:150px;
		height:29px;
		background:url(../../soint/images/btn_twitter_follow.gif);
		background-position:top left;
	}
	#twitter_follow a:hover { background-position:bottom left; }

/*  	-----------------------------------------------------------------------------
		POPULAR POSTS STYLES
		----------------------------------------------------------------------------- 	*/

#posts ul {
	list-style: none;
}

#posts ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_popular_posts.gif);
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #a90e11;	
}

/*  	-----------------------------------------------------------------------------
		CATEGORIES STYLES
		----------------------------------------------------------------------------- 	*/

#items ul {
	list-style: none;
}

#items ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_categories.gif);
	padding: 4px 0 4px 0;
	border-bottom: 1px dotted #a90e11;	
}

#items ul li.tel
{
	list-style-image: url(../../soint/images/ico_tel.gif);
}
#items ul li.fax
{
	list-style-image: url(../../soint/images/ico_fax.gif);
}
#items ul li.addy
{
	list-style-image: url(../../soint/images/ico_addy.gif);
}

/*  	-----------------------------------------------------------------------------
		SOCIAL SCENE STYLES
		----------------------------------------------------------------------------- 	*/

#facebook {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#facebook a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../soint/images/btn_facebook.gif);
		background-position:top left;
	}
	#facebook a:hover { background-position:bottom left; }

	
#flickr {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#flickr a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../soint/images/btn_flickr.gif);
		background-position:top left;
	}
	#flickr a:hover { background-position:bottom left; }
	
	
#twitter {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#twitter a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../soint/images/btn_twitter.gif);
		background-position:top left;
	}
	#twitter a:hover { background-position:bottom left; }

/* LAST FM BUTTON ---------------------

#lastfm {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#lastfm a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../images/btn_twitter.gif);
		background-position:top left;
	}
	#lastfm a:hover { background-position:bottom left; }
*/

/* LINK'D IN BUTTON ---------------------

#linkdin {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#linkdin a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../images/btn_linkdin.gif);
		background-position:top left;
	}
	#linkdin a:hover { background-position:bottom left; }
	
*/	

#stumble {
	display:block;
	width:50px;
	height:51px;
	overflow:hidden;
	margin: 10px 0 0 7px;
	float:left;
}
	#stumble a {
		display:block;
		width:50px;
		height:51px;
		background:url(../../soint/images/btn_stumble.gif);
		background-position:top left;
	}
	#stumble a:hover { background-position:bottom left; }
	
		
* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}

/*  	-----------------------------------------------------------------------------
		WHAT WE OFFER STYLES
		----------------------------------------------------------------------------- 	*/	

#design_left {
	float: left;
	margin: 0;
}

#design_left ul {
	list-style: none;
}

#design_left ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_categories.gif);
	padding: 4px 0 4px 0;	
}

#development_right {
	float: left;
	margin: 0 0 0 28px;
}

#development_right ul {
	list-style: none;
}

#development_right ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_categories.gif);
	padding: 4px 0 4px 0;
	font-style: italic	
}

#rich_media_right {
	float: left;
	margin: 0 0 0 28px;
}

#rich_media_right ul {
	list-style: none;
}

#rich_media_right ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_categories.gif);
	padding: 4px 0 4px 0;	
}

/*  	-----------------------------------------------------------------------------
		PORTFOLIO STYLES
		----------------------------------------------------------------------------- 	*/


#portfolio_section {
	display: block;
	height: 255px;
	font-size: 11px;
	line-height: 16px;
	color: #959595;
	text-align: justify;
}

#portfolio_left {
	display: block;
	width: 610px;
	margin: 14px 0 0 0;
	float: left;
}

#portfolio_right {
	display: block;
	width: 290px;
	margin: 14px 0 0 20px;
	float: left;
	padding-right: 10px;
}

.port_img {
	border: 5px solid #FFF;
	margin: 0 0 0 23px;
}

.portfolio_rule {
	width:100%;
	height:2px;
	overflow:hidden;
	display:block;
	clear:both;
	margin: 20px 0 0 0;
	background: url(../../soint/images/portfolio_line_break.gif);
}

#view_case_study {
	display:block;
	width:136px;
	height:30px;
	overflow:hidden;
	margin: 0 41px 0 0;
	float:right;
}
	#view_case_study a {
		display:block;
		width:136px;
		height:30px;
		background:url(../../soint/images/btn_view_case_study.gif);
		background-position:top left;
	}
	#view_case_study a:hover { background-position:bottom left; }
	
#view_it_live {
	display:block;
	width:99px;
	height:30px;
	overflow:hidden;
	margin: 0 0 0 10px;
	float:left;
}
	#view_it_live a {
		display:block;
		width:99px;
		height:30px;
		background:url(../../soint/images/btn_view_it_live.gif);
		background-position:top left;
	}
	#view_it_live a:hover { background-position:bottom left; }
	
#view_services {
	display:block;
	width:334px;
	height:33px;
	overflow:hidden;
	margin: 0 0 0 0;
	float:right;
}
	#view_services a {
		display:block;
		width:334px;
		height:33px;
		background:url(../../soint/images/btn_click_to_view_services.png);
		background-position:top left;
	}
	#view_services a:hover { background-position:bottom left; }


/*  	-----------------------------------------------------------------------------
		FOOTER STYLES
		----------------------------------------------------------------------------- 	*/
		
/*#footer {
	display: block;
	width: 100%;
	background: url(../../soint/images/footer_bg_img.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 340px;
	float: left;
}*/

#footer {
	display: block;
	width: 100%;
	background: url(../../soint/images/new_footer.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: auto;
	float: left;
	font-size: 11px !important;
}

#footer_container { 
	width:1004px; 
	margin:auto; 
	margin-top:35px;
}

#footer_bottom
{
	background: url(../../soint/images/small_footer.jpg) no-repeat top center;
	width: 100%;
	display: block;
	float: left;
	height: 100px;.
	color: #fff;
	text-align: center;
	font-weight: normal;
}

#footer_popular_posts {
	display: block;
	width: 280px;
	margin: 0 0 0 44px;
	float:left;
	overflow: hidden;
}

#footer_recent_comments {
	display: block;
	width: 280px;
	margin: 0 0 0 39px;
	float:left;
	overflow: hidden;
}

#recent_comments ul {
	list-style: none;
}

#recent_comments ul li {
	list-style: none;
	list-style-image: url(../../soint/images/ico_comments.gif);
	padding: 2px 0 6px 0;	
	border-bottom: 1px dotted #a90e11;
}

#footer_twitter_updates {
	display: block;
	width: 280px;
	margin: 0 0 0 39px;
	float:left;
	overflow: hidden;
}

#twitter_bird {
	width:116px; 
	height:119px; 
	display: block;
	float: right;
	background-image:url(../../soint/images/bird.png);
	margin-top: -140px;
	margin-right: 140px;
}

#blog_footer {
	display: block;
	width: 100%;
	background: url(../../soint/images/footer_bg_img.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 80px;
	float: left;
}