/*----------------------------------------

Name: global.css
Developed by: Shine Marketing
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("import/reset.css");
@import url("import/externalLinks.css");
@import url("import/basicForms.css");


/* Elements
----------------------------------------*/


html, body {
	height: 100%;
}

* html #mainContainer {
	height: 100%;
}

body{
	background-color:#000;
}

body, p, td, th, li
{
	font-family: Verdana;
	font-size:12px;
	line-height:15px;
	color:#27292B;
}


td, th {
color:#27292B;
/*
font-family:Verdana;
*/
font-size:12px;
line-height:15px;
padding: 2.5px;
}

tr {border:none;}

blockquote {quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; font-family:Times New Roman; font-size:18px; margin-right:3px;}
blockquote:after { content: close-quote; font-weight: bold; font-family:Times New Roman; font-size:18px; margin-left:3px;}


#printLogo{display:none;} /* added for printing the page */

p{margin: 0 0 10px 0;}


/*--- Table Styles ---*/
table.grid td
	{border:solid 1px #ccc;}



/*--- Basic Link Styles ---*/
a{color:#333;}
	a:hover{color:#333;text-decoration:none;}
	
	
/*--- CSS3 Styles ---*/
.basicBoxShadow{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}
.basicRoundedCorder{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*--- Basic Title Styles ---*/
h1,h2,h3,h4,h5,h6{
	margin:5px 0 10px 0;
	font-weight:bold;
	
}
	h1{font-size:14px;}
	h2{color:#27292B; font-size:12px;}
	h3{color:#27292B; font-size:12px;}
	h4{color:#27292B; font-size:12px;}
	h5{color:#27292B; font-size:12px;}
	h6{color:#27292B; font-size:12px;}
	
	ul{margin-left:15px; list-style-type:none;}
	ol{margin-left:20px;}

blockquote		{margin: 0 0 10px 5px; color:#27292B; font-size:20px;line-height:24px;letter-spacing:-1px;font-style:italic;}
blockquote p	{margin: 0 0 10px 5px; color:#27292B; font-size:20px;line-height:24px;letter-spacing:-1px;font-style:italic;}


strong		{font-weight:bold;}
em			{font-style:italic;}

.speechMarksOpen {
	margin:0 0 0 -12.5px;
	padding:0 2.5px 0 0;
}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}

.box {padding:10px; margin: 0 0 10px 0;}

/* List Definitions
----------------------------------------*/

#contentSection ul {margin:0 0 10px 15px;padding: 0;list-style: disc;}

#contentSection ul li {margin: 0 0 5px 0;}



ul.normal {
	list-style-type:disc;
	margin-bottom:10px;
}

ul.advanced{
	margin:0 10px 0 12px;
}

ul.advanced li{
	display:block;
	padding: 0 0 0 17px;
	background: url(../images/background/bg_list.gif) left 4px no-repeat;
}
		
	
/* Header
----------------------------------------*/

#mainContainer{ 	/* Define website WIDTH */
	/*width:938px;*/
	/*margin: 30px auto 0 auto;*/
	margin:0 auto;
	min-height: 100%;
	/*background:#000;*/
	background: transparent url(../images/background/shine-background.gif) no-repeat top center;
	width:960px;
}

#header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}
	#header #topSection{
		height:50px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:none;
	}


	/* NAVIGATION MENUS
	TOP Nav children of Header
	----------------------------------------*/
	ul#nav{
		margin:0; padding:0;
		
	}
		ul#nav li {
			float:left; 
			list-style-type:none; 
			margin:0px;
		}
		
	/* Image Replacement 
	----------------------------------------*/
	ul#nav li a {/*Set to height of image*/ height:49px; display:block; text-indent:-9999px; outline:none;}
	
		/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
		li#navHome a		{background: url(../images/btn/btn_home.gif) top left no-repeat; width:100px;}
		li#navAbout a		{background: url(../images/btn/btn_about.gif) top left no-repeat; width:83px;}
		li#navServices a	{background: url(../images/btn/btn_services.gif) top left no-repeat; width:98px;}
		li#navContact a		{background: url(../images/btn/btn_contact.gif) top left no-repeat; width:120px;}
	

/*#navContactUs {
	border:1px solid #ED174F;
	padding:5px;
	text-decoration:none;
	left:75px;
	position:relative;
	font-weight:bold;
	}
	

ul#navMenu #navContactUs a {
	color:#fff;
}

ul#navMenu #navContactUs a:hover {
	color:#ED174F;
	text-decoration:none;
	font-style:normal;
	border:none;
}*/


	/* CSS Rollover (Sprites) 
	----------------------------------------*/
		ul#nav li a:hover {background-position:bottom left; /*can also be posinnionned center, or by pixels */}
		
		/* ACTIVE SECTION */
		ul#nav li.active a {background-position:bottom left !important;}
			ul#nav li.active a span{background-position:bottom left !important; /* USE ONLY WITH LInK FADER JS SCRIPT */}
	
			

	ul#navMenu{
		margin:145px 0 0 197.5px; padding:0;font-family:verdana;font-weight:normal;
	}
	
	ul#navMenu li {
		display:inline; 
		list-style-type:none; 
		margin:5px 5px 5px 0;
		font-size:14px;
		color:#BCBEC0;	
	}
	ul#navMenu li a {
			color:#bcbec0;
			text-decoration:none;
			font-size:14px;	
	}
	
	
		ul#navMenu li a:hover {
			color:#ED174F;
			text-decoration:none;
			font-size:14px;	
			font-style: italic;
			border-bottom:2px solid #ED174F;
			padding:0 0 5px 0;
	}





		/* SUB Nav children of #leftCol
		Use #leftCol and etc before the UL tag for more definitions
		----------------------------------------*/
		ul.subNav{
			margin:0; padding:10px 0;
			list-style-type:none;	
		}
			ul.subNav li {display:block; list-style-type:none;margin:0 0 10px 0;text-align:right;}

			ul.subNav li a {text-decoration:none;font-size:14px;color:#bcbec0;}
			
			
					ul.subNav li a:hover {
			color:#ED174F;
			text-decoration:none;
			font-size:14px;	
/*			font-style: italic;	*/
			border-bottom:2px solid #ED174F;
			padding:0 0 2.5px 0;
	}
	
	
						#nav_categories .current {
			color:#ED174F;
			text-decoration:none;
			font-size:14px;	
/*			font-style: italic;	*/
			border-bottom:2px solid #ED174F;
			padding:0 0 2.5px 0;
	}
			

	a.viewCredentials    {text-decoration:none; border:1px solid #ed174f;padding:5px;font-size:12px;color:#fff;font-weight:bold;}

	a:hover.viewCredentials    {color:#ED174F;}


		
/* Main Content
----------------------------------------*/
#mainContent{
	/*background:#000;*/
	/*margin:50px 0 0 0;*/
	
}

/* sidebar */

#contentSection  .sidebar {
	float:right;
	margin:10px 0 5px 0;
	padding:0 0 0 15px;
	width:253px;
}

#contentSection .sidebar ul {
	padding:0 0 0 15px;
	margin:0 0 5px 15px;
	list-style-type:disc;
}

#contentSection .sidebar ul li {
	margin:0 0 5px 0;
}

#contentSection .sidebar ul li a {
	font-weight:normal;
}

#contentSection .sidebar ul li a:hover {
	/*font-style:italic;
	border-bottom:1px solid #ED174F;*/
}


	/* #leftCol children of Main Content, ususally SUBNAV is here
	----------------------------------------*/
		#mainContent #leftCol{ /* Define WIDTH */
			float:left;
			width:168px;
			text-align:right;
		}
		
		
					
			#mainContent #leftCol h3 {
			text-align:right;
			
font-size:16px;
color:#ed174f;
			}




	/* #contentSection children of Main Content
	----------------------------------------*/
		#mainContent #contentSection{ /* Define WIDTH */
			float:left;
			width:740px;
			padding: 0 0 30px 30px;
		}

	/* #hometext white on black homepage
	----------------------------------------*/
		#hometext p{ 
			color:#BCBEC0;
		}



#contentSection a  {color:#ED174F;text-decoration:none;font-weight:normal;}

#contentSection a:hover  {color:#BCBEC0;text-decoration:none;font-weight:normal;}


	/* #rightCol children of Main Content
	----------------------------------------*/
		#mainContent #rightCol{ /* Define WIDTH */
			float:left;
			width:200px;
		}

.shineContent {
	margin:10px 0 25px;
	position:relative;
	width:720px;
	background:#fff;
	border:5px solid #FFFFFF;
	color:#27292B;
	padding:5px;
}

.shineContentHeader {
	margin: 10px 0 -13px 0px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

.shinePeople {
	margin:10px 0 25px;
	position:relative;
	width:740px;
}



.meetTheTeam {
	margin:10px 0 25px;
	position:relative;
	width:435px;
	background:#fff;
	border:5px solid #FFFFFF;
	color:#27292B;
	padding:5px;
	float:left;
}


.quoterPeople {
	font-size:10px;
	color:#ED174F;
	margin:7.5px 0 0 5px ;
	}
	
	.clientsQuotePeople {
		float:right;
		width:253px;
		padding:0 0 0 15px;
		margin:40px 0 5px 0;
		}
		
		
			.clientsQuotePeople blockquote {
margin: 0 0 0 5px; color:#fff; font-style: bold; font-size:19px;line-height:24px;letter-spacing:-1px;
		}
		
					.clientsQuotePeople blockquote p {
margin: 0 0 0 5px; color:#fff; font-style: bold; font-size:19px;line-height:24px;letter-spacing:-1px;
		}



#contentSection ul.team {margin:0;padding:0;color:#fff;list-style: none;}


#contentSection ul.team li {margin:0 4px 4px 0;padding:0;width:140px;color:#fff;float:left;}

ul.team p {color:#fff;font-size:10px;margin:0;}

ul.team h3 {color:#fff;font-size:11px;margin:0;}

.teamInfo {
	background:#000;
		/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
	color:#fff;
	margin:-72px 0 0;
	padding:5px 0 5px 10px;
	height:60px;
	}

.teamLearnMore {background:#000;

	margin:0;
	padding:5px 0 5px 10px;
	font-size:11px;
	height:15px;
}


/* indvidual team member */

.shineIndividualPeople {
	margin:10px 0 25px;
	position:relative;
	width:730px;
	background:#fff;
	/*border:5px solid #FFFFFF;*/
	color:#27292B;
	padding:10px 0 0 10px;
	height:313px
}

.shineIndividualPeople h1 {font-size:12px;}

.teamMemberInfo {
	/*width:455px;*/
	width:480px;
	padding:0;
	}
	
	.teamMemberInfo p {
	
	}

.emph {
	font-weight:bold;
	color:#7b7979;
	}

.moreStuff {clear:both;width:455px;border-top:1px solid #ED174F;padding:10px 0 0 0;}

	.moreStuff p {
	line-height:16px;
	}

.memberImage {}

.memberName {color:#27292B;}

.memberRole {color:#7b7979;}

.imgLeft {float:left;margin:0 20px 0 0;}

.imgRight {float:right;margin:0 0 20px;}

.quoter {
	font-size:10px;
	margin:7.5px 0 0 5px ;
	}
	
.clientlink {
font-size:12px;
color:#ED174F;
margin:5px 0 0 5px ;
}
	
	.clientsQuote {
		float:right;
		width:253px;
		padding:0 0 0 15px;
		margin:10px 0 5px 0;
		}
		
.clientsIntroduction {float:left;width:430px;margin:10px 0 5px 0;padding:0 10px 0 10px;border-right:1px solid #ED174F;}

.clientsIntroduction h3 {margin:5px 0;padding:0;}

.item1 {
	width:225px;
	height:160px;	
	border:none;	
	margin:5px 1px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	background:#000;
}

.item1 .caption1 {
	width:225px;
	height:160px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item1 .caption1 a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:10px;
	display:block;
}

.item1 .caption1 p {
	padding:10px;	
	margin:0;
	font-size:10px;
	color:#fff;
}

.item1 img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.item1 a.learnMore  {
	font-size:12px;
	margin:5px 0 0 0;
}


.item2 {
	width:225px;
	height:160px;	
	border:none;	
	margin:5px 1px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	background:#000;
}

.item2 .caption2 {
	width:225px;
	height:160px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item2 .caption2 a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:10px;
	display:block;
}

.item2 .caption2 p {
	padding:10px;	
	margin:0;
	font-size:10px;
	color:#fff;
}

.item2 img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.item2 a.learnMore  {
	font-size:12px;
	margin:5px 0 0 0;
}

.item3 {
	width:268px;
	height:160px;	
	border:none;	
	margin:5px 0 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	background:#000;
}

.item3 .caption3 {
	width:268px;
	height:160px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item3 .caption3 a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:16px;	
	
	/* add spacing and make the whole row clickable*/
	padding:10px;
	display:block;
}

.item3 .caption3 p {
	padding:10px;	
	margin:0;
	font-size:10px;
	color:#fff;
}

.item3 img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.item3 a.learnMore  {
	font-size:12px;
	margin:5px 0 0 0;
}



.clear {
	clear:both;	
}

/* Footer
----------------------------------------*/
/*#footer{
	background:#27292b;
	margin:0;
	padding:0;
	height:60px;
	border-top:2px solid #a2a4a7;
	margin:-7px 0 0;
}*/

	#footer p {
		font-size:10px;color:#a2a4a7;
	}

.footerContent {width:770px;margin:0 auto;padding:0 0 0 225px;
background:#27292B;
}


#footer {
	/*width: 680px;*/
	clear: both;
	/*height: 40px;*/
	background-color: #27292b;
	color: #a2a4a7;
	text-align:center;
	margin: -50px auto 0 auto;
	/*position: relative;*/
	position: absolute;
	padding-top: 10px;
	width:100%;
	border-top:2px solid #BCBEC0;
}
#clearfooter {
	display: block;
	height: 50px;
}

.footerNews, .footerTwitter, .footerBlog {float:left;width:200px;padding:0 50px 0 0;} 

.footerNews a, .footerTwitter a , .footerBlog a {color:#ED174F;text-decoration:none;} 



.footerNews a:hover, .footerTwitter a:hover, .footerBlog a:hover {
color:#BCBEC0;
text-decoration:none;
}


.footerInfo {clear:both;}

#footer h3 {
	
	color:#bcbec0;
	border-bottom:1px solid #bcbec0;
	padding:0 0 2.5px 0;
	font-size:14px;
	margin:5px 0 5px 0;
}

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

#footer ul li {margin:0 0 5px 0;padding:0;color:#BCBEC0;}

#footer .contactInfo {font-weight:bold;color:#fff;font-size:10px;border-bottom:1px solid #ED174F;padding:50px 0 5px 10px;}

#footer .contactInfo a {color:#fff;text-decoration:none;}

#footer .contactInfo a:hover {color:#ED174F;text-decoration:none;}


#footer .footerEmph {color:#ED174F;font-size:14px;font-weight:bold;}

#footer .credits  {color:#bcbec0;text-decoration:none;padding:0;}


#footer .credits a {color:#bcbec0;text-decoration:none;}

#footer .credits a:hover {color:#ED174F;text-decoration:none;}

.footerLogos {float:right;}

.footerLogos img {margin:-10px 10px 0 0;}

#footer .footerTwitter ul  {margin: 7.5px 0 0 0;}


#footer .footerTwitter ul li {display: inline;margin: 0 10px 0 0;}


#footer .footerBlog ul  {}


#footer .footerBlog ul li {margin: 0 0 10px 0;}

#footer .footerTwitter ul li {margin: 0 0 10px 0;}


/* Clearfix
When using a display block container and having floated div inside
add this class to the container to have it wrap floated children
----------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}

/* */

#homeSlideshow {
	width:730px;
	height:290px;
	margin:5px solid #fff;
	background:#fff;
	margin:10px 0 10px 0;
	border:5px solid #fff;
	}
	
.sliderInfo {
	color:#000;
	font-size:12px;
	margin:-66px 0 0 0;
	width:450px;
	z-index:99;
	background:#fff;
	position:relative;
	padding:10px;

	
	/* opacity setting */
	filter:alpha(opacity=75);    /* ie  */
	-moz-opacity:0.75;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.75;    /* for really really old safari */  
	opacity: 0.75;    /* css standard, currently it works in most modern browsers like firefox,  */
	
	
}

.sliderInfo h2 {color: #27292B;}
	
	/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 730px; height: 290px; position: relative; /*margin: 0 auto 15px;*/margin:10px 0 25px 0; }
.anythingSlider .wrapper                { width: 730px; overflow: auto; height: 290px; /*margin: 0 40px;*/ position: absolute; top: 0; left: 0; border:5px solid #fff; }
#contentSection .anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
#contentSection .anythingSlider ul li                   { display: block; float: left; padding: 0; height: 290px; width: 730px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; display:none; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; display:none; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 300px; text-align: left; background:#fff; width:735px; padding: 0 0 5px 5px; }
#thumbNav a                             { color: #fff; display: inline-block; padding: 2px 8px; height: 15px; margin: 0 5px 0 0; background: #ed174f; text-align: center; font-weight:bold; font-size:10px; }
#thumbNav a:hover                       { background-image: none; font-weight: bold; background:#BCBEC0; color: #fff; }
#thumbNav a.cur                         { background: #BCBEC0; color:#000;}

#start-stop                             { background: #BCBEC0; background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 506px; top: 300px; height:15px;}
a#start-stop  {color:#000;font-weight: bold;}
a:hover#start-stop  {color:#fff;font-weight: bold;background:#BCBEC0;}
#start-stop.playing                     { background-color: #ed174f; color:#fff; }
#start-stop:hover                       { background-image: none; }




/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/*
  Flash Carousel
*/
.carousel_container {
	width: 740px;
	height: 300px;
	margin: 10px auto;
}


/* shine services */

.serviceQuote {
		float:right;
		width:253px;
/*		border-left:1px solid #ED174F;	*/
		padding:0 0 0 15px;
		margin:10px 0 5px 0;
		}
		
.serviceIntroduction {
	float:left;
	width:430px;
	margin:10px 0 5px 0;
	padding:0 10px 0 10px;
	border-right:1px solid #ED174F;
}

.serviceIntroduction img {border:1px solid #BCBEC0; padding: 2px;}

.servicesNavColumn {
		float:right;
		width:253px;
/*		border-left:1px solid #ED174F;	*/
		padding:0 0 0 15px;
		margin:15px 0 5px 0;
		}
		
				ul.servicesNav{
			margin:0; padding:0;
			list-style-type:none;	
		}
			ul.servicesNav li {display:block; list-style-type:none;margin:0 0 10px 0;text-align:left;}

			ul.servicesNav li a {text-decoration:none;font-size:12px;color:#bcbec0;font-weight:normal;}
			
			
					ul.servicesNav li a:hover {
			color:#ED174F;
			text-decoration:none;
			font-size:12px;	
			font-style: italic;
			border-bottom:2px solid #ED174F;
			padding:0 0 2.5px 0;
	}
	
	.servicesNavColumn h3 {
	color:#7B7979
font-size:12px;
text-align:left;
}

h1.serviceTitle {
color:#FFFFFF;
font-size:18px;
margin:-60px 0 50px;
position:relative;
}

h1.blogName {
color:#FFFFFF;
font-size:18px;
margin:-60px 0 50px;
position:relative;
}

/* clients */

#contentSection ul.clients {margin:0;padding:0;color:#fff;list-style: none;}


#contentSection ul.clients li {margin:0 4px 4px 0;padding:0;width:140px;color:#fff;float:left;line-height: normal;}

ul.clients p {color:#fff;font-size:10px;margin:0;}

ul.clients h3 {color:#fff;font-size:11px;margin:0;}

.clientsInfo {
	background:#000;
		/* opacity setting */
	filter:alpha(opacity=80);    /* ie  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
	color:#fff;
	margin:-88px 0 0;
	padding:5px 0 5px 10px;
	height:75px;
	}

.clientsLearnMore {background:#000;

	margin:0;
	padding:5px 0 5px 10px;
	font-size:11px;
	height:15px;
}

ul.clients li img {margin:0;padding:0;}


/* technology */

/* shine services */

.technologyQuote {
		float:right;
		width:253px;
		border-left:1px solid #ED174F;
		padding:0 0 0 15px;
		margin:10px 0 5px 0;
		}
		
.technologyIntroduction {float:left;width:430px;margin:10px 0 5px 0;padding:0 10px 0 10px;}

.techBanner {float:left;serviceQuote}

.techNavColumn {
		float:right;
		width:253px;
		border-left:1px solid #ED174F;
		padding:0 0 0 15px;
		margin:10px 0 5px 0;
		}
		
				ul.techNav{
			margin:0; padding:0;
			list-style-type:none;	
		}
			ul.techNav li {display:block; list-style-type:none;margin:0 0 10px 0;text-align:left;}

			ul.techNav li a {text-decoration:none;font-size:12px;color:#bcbec0;font-weight:normal;}
			
			
					ul.techNav li a:hover {
			color:#ED174F;
			text-decoration:none;
			font-size:12px;	
			font-style: italic;
			border-bottom:2px solid #ED174F;
			padding:0 0 2.5px 0;
	}
	
	.techNavColumn h3 {
	color:#7B7979
font-size:12px;
text-align:left;
}



ul.techList  {
	background:#000;
	color:#fff;
	list-style:none;
	margin:0;
	padding:10px;
	height:130px;
	float:left;
	width:248px;
	
}

.techList li  {
	margin:0 0 5px 0;
	padding:0;
}

 .techList h3 {
	color:#fff;
	list-style:none;
	margin:0;
	padding:0;
}

.techListTitle h3 {color:#FFFFFF;margin:0 0 5px 0;}


ul.techLogos  {
	background:#fff;
	color:#fff;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:450px;
	
}


ul.techLogos li  {
	margin:0 10px 5px 0;
	padding:0;
	display:inline;
}

/* jobs */

.jobQuote {
		float:right;
		width:253px;
		padding:0 0 0 15px;
		margin:10px 0 5px 0;
		}




/* contact */

.contactShineWrap {
	margin:10px 0 25px;
	position:relative;
	width:740px;
}

.contactShine {float:left;width:290px;background:#fff;}

#contactMap {float:right;margin:30px 0 0 0;}

.contactShine .emph { 
	
	color:#ED174F;
font-size:14px;
	}
	
	
	.bubble {
width: 350px;
}
.bubble h1 {
margin: 0;
padding: 0;
font-size: 150%;
}
	
	
/* blog */

#blog {float:left;width:430px;margin:10px 0 5px 0;padding:0 10px 0 10px;

border-right:1px solid #ED174F;
}

#blog .entry {}

#blog .title a  {color:#ed174f;}

#blog .posted {margin:5px 0;font-size:10px;}

#blog .posted a {color:#7B7979;}

#blog h2 {margin:0 0 5px 0;}

.sidebar input {border:2px solid #BCBEC0;padding: 2px;}
	
#contentSection .blogSubmit {background: #ed174f; font-weight: bold; color: #fff;border:none;margin: 10px 0 5px 0;}

.pagecount {font-size: 10px;}


#intro {
margin:50px 0 0 0; 
}

#intro p, #intro h1 {color:#BCBEC0;}