/*
	[Master Screen StyleSheet]
	Spinbits.com wordpress theme
	Built by: Fouad Masoud
*/

/* 	RESET 
	---------------------------------------------- */
	:link,:visited {
		text-decoration:none; 
	}
	ul,ol {
		list-style:none; 
	}
	h1,h2,h3,h4,h5,h6,pre,code {
		font-size:1em; 
	}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
		margin:0;
		padding:0; 
	}
	a img,:link img,:visited img {
		border:none; 
	}
	address {
		font-style:normal; 
	}
	
	
/* 	STRUCTURE
	---------------------------------------------- */
body {
	font-family: Arial, Sans-serif;
	font-size: 12px;
	color: #666666;
	background: #BA1541 url("images/bg_home.gif") repeat-x 0 0 }

a { outline: none; }

div.more-link {
	display: inline;
}

#header {
	width: 600px;
	height: 91px;
	position: relative;
	margin: 0 auto; }
	#header a#logo {
		display: block;
		height: 32px;
		width: 108px;
		position: absolute;
		top: 40px;
		left: 28px;
		text-indent: -5000px;
		background: transparent url("images/logo.gif") no-repeat 0 0; }
	#header ul#navigation {
		position: absolute;
		top: 50px;
		left: 195px; }
		#header ul#navigation li {
			float: left;
			margin: 0 5px; }
			#header ul#navigation li a {
				display: block;
				float: left;
				width: 57px;
				height: 21px;
				padding: 3px 0 0 0;
				font-size: 11px;
				font-weight: bold;
				text-align: center;
				color: #8D9EA3; }
			#header ul#navigation li a:hover { color: #333; }
			#header ul#navigation li.current a {
				color: #FFFFFF;
				text-shadow: #8B1031 0px 2px 1px;
				background: transparent url("images/bg_nav-on.gif") no-repeat 0 0; }

#tagline {
	height: 78px;
	text-indent: -5000px;
	background: transparent url("images/hdr_spinbits-consultancy.gif") no-repeat 50% 50%; }

#wrap {
	background: #FFFFFF;
	padding: 20px 0;
	float: left;
	width: 100%; }
	#wrap a {
		font-weight: bold;
		color: #DC0050;
		text-decoration: underline; }
		#wrap a:hover { text-decoration: none; }

#content {
	width: 600px;
	margin: 0 auto; }
	#content h2 {
		font-size: 10px;
		text-transform: uppercase;
		color: #8D9EA3; }
	#content #feature {
		position: relative;
		float: left;
		width: 588px;
		height: 133px;
		padding: 9px;
		margin: 3px 0 20px 0;
		overflow: hidden;
		background: #EEF1F2; }
		#content #feature a.image {
			display: block;
			float: left;
			margin: 0 13px 0 0;
			width: 343px;
			height: 110px;
			border: 1px solid #95ACB2; }
			#content #feature a.image:hover {
				border: 1px solid #BA1541; }
			#content #feature a.image img {
				display: block; }
		#content #feature h2 {
			width: 230px;
			float: left;
			text-transform: none;
			font-size: 14px;
			color: #B30B0B;
			margin: 3px 0; }
		#content #feature p {
			width: 230px;
			float: left;
			margin: 0 0 10px 0;
			line-height: 140%; }
		#content #feature a.button {
			display: block;
			float: left;
			height: 24px;
			width: 93px;
			text-indent: -5000px;
			background: transparent url("images/btn_learn-more.gif") no-repeat 0 0; }
			#content #feature a.button:hover {
				background: transparent url("images/btn_learn-more.gif") no-repeat -93px 0; }
		#content #feature a.btn_visit-restate {
			display: block;
			float: left;
			height: 24px;
			width: 103px;
			text-indent: -5000px;
			background: transparent url("images/btn_visit-restate.gif") no-repeat 0 0; }
			#content #feature a.btn_visit-restate:hover {
				background: transparent url("images/btn_visit-restate.gif") no-repeat -103px 0; }
		#content #feature #slider {
			float: left; }
		#content #feature #slider .slider-item {
			float: left;
			padding-bottom: 18px; }
		#content #feature #slider-control {
			position: absolute; 
			top: 131px;
			left: 0px;
			width: 606px;
			height: 20px;
			background: white; }
			#content #feature #slider-control #slider-next, #content #feature #slider-control #slider-prev {
				display: block;
				float: right;
			 	width: 28px;
			 	height: 20px;
			 	text-indent: -9999px;
			 	overflow: hidden;}
			 #content #feature #slider-control #slider-next {
			 	background: transparent url("images/slider_next.gif") no-repeat;
			 	margin-right: 20px;
			 }
			 #content #feature #slider-control #slider-prev {
			 	background: transparent url("images/slider_prev.gif") no-repeat;
			 }
			 #content #feature #slider-control a#slider-next:hover {
			 	background: transparent url("images/slider_next_hvr.gif") no-repeat;
			 }
			 #content #feature #slider-control a#slider-prev:hover {
			 	background: transparent url("images/slider_prev_hvr.gif") no-repeat;
			 }
			 #content #feature #slider-control a#slider-next:active {
			 	background: transparent url("images/slider_next.gif") no-repeat;
			 }
			 #content #feature #slider-control a#slider-prev:active {
			 	background: transparent url("images/slider_prev.gif") no-repeat;
			 }
			 
	
	#content #main {
		float: left;
		width: 370px;
		margin: 0 0 0 10px; }
		#content #main h2 {
			margin: 0 0 10px 0; }
		#content #main p {
			line-height: 160%;
			margin: 0 0 15px 0; }
		#content #main address {
			line-height: 160%;
			margin: 0 0 15px 35px; }
		#content #main img {
			border: 1px solid #95ACB2; }
			#content #main img.left {
				float: left;
				margin: 0 10px 10px 0; }
			#content #main img.right {
				float: right;
				margin: 0 0 10px 10px; }
			#content #main img.middle {
				display: block;
				width: auto;
				margin: 25px auto; }
		#content div.hr {
			width: 100%;
			height: 15px;
			margin: 10px 0 15px 0;
			background: transparent url("/..images/hr_sb.gif") no-repeat 50% 50%; }
			#content div.hr hr { display: none; }
		#content #main div.post {
			margin: 10px 0 0 0; }
			#content #main div.post h3 {
				font-size: 16px;
				color: #546A6F;
				margin: 1px 0 7px 0;
				font-weight: normal; }
			#content #main div.post p { }
			#content #main div.post p.meta {
				font-size: 10px;
				color: #999999;
				margin: 0; }
		#content #main div.bio {
			clear: both;
			margin: 0 0 30px 0; }
			#content #main div.bio img {
				border: 1px solid #95ACB2;
				float: left; }
			#content #main div.bio h3 {
				margin: 0 0 5px 80px;
				font-size: 16px;
				color: #546A6F;
				font-weight: normal; }
			#content #main div.bio p {
				margin-left: 80px; }
		#content #main form { }
		#content #main fieldset {
			border: 0;
			font-size: 11px;
			color: #666666; }
			#content #main fieldset.info { }
				#content #main fieldset.info label {
					display: block;
					margin: 15px 0 3px 0; }
				#content #main fieldset.info input {
					width: 200px; }
				#content #main fieldset.info textarea {
					width: 300px;
					height: 100px; }
			#content #main fieldset.action {
				margin: 10px 0 0 0; }
				#content #main fieldset.action a {
					display: block;
					height: 24px;
					width: 75px;
					text-indent: -5000px;
					background: transparent url("images/btn_submit.gif") no-repeat 0 0; }
					#content #main fieldset.action a:hover {
						background-position: -75px 0; }
		#content #main ul.bulleted {
				margin-bottom: 15px; }
				#content #main ul.bulleted li {
					padding-left: 20px;
					margin-bottom: 7px;
					background: transparent url("images/bullet.gif") left top no-repeat; }
		#content #main .centered {
			text-align: center;
		}
		
		#content #main div.projects {
		padding-bottom: 5px; }
			#content #main div.projects p {
			padding-bottom: 10px; }
			#content #main div.projects a img {
			border: 1px solid black;
			}
		
	
	#content #sidebar {
		float: right;
		width: 182px; }
		#content #sidebar h2 { }
		#content #sidebar div.module {
			background: #EEF1F2;
			padding: 9px;
			line-height: 140%;
			margin: 3px 0 15px 0;
			color: #666666;
			font-size: 11px; }
			#content #sidebar div.module img {
				border: 1px solid #95ACB2; }
			#content #sidebar div.module a.button {
				display: block;
				clear: both;
				margin: 10px 0 0 0;
				height: 24px;
				width: 93px;
				text-indent: -5000px;
				background: transparent url("images/btn_learn-more.gif") no-repeat 0 0; }
				#content #sidebar div.module a.button:hover {
					background: transparent url("images/btn_learn-more.gif") no-repeat -93px 0; }
		#content #sidebar div.rails {
			padding-left: 40px;
			background: #EEF1F2 url("images/icon_rails.gif") no-repeat 6px 50%; }
		#content #sidebar div.show {
			padding-left: 43px;
			background: #EEF1F2 url("images/icon_mic.gif") no-repeat 6px 8px; }
		#content #sidebar div.book img {
			float: left;
			margin-right: 9px;
			margin-bottom: 9px; }
		#content #sidebar div.highlight {
			color: #FFFFFF;
			background: #DC0050; }
			#content #sidebar div.highlight a { color: #FFFFFF; }

#footer-wrap {
	clear: both;
	color: #FFFFFF;
	width: 100%;
	background: transparent url("images/bg_footer.gif") repeat-x 0 0;
	padding: 40px 0; }
	#footer {
		width: 600px;
		margin: 0 auto; }
	#footer p#footer-nav {
		float: right;
		margin: 5px 0 0 0;
		font-size: 11px; }
		#footer p#footer-nav a {
			color: #FFFFFF;
			margin: 0 2px;
			font-weight: bold;
			text-decoration: underline;
			text-transform: uppercase; }
	#footer p#copyright {
		font-size: 10px;
		text-transform: uppercase;
		padding-left: 80px;
		background: transparent url("images/logo_small.gif") no-repeat 0 50%; }

/* Added by Fouad */
#wrap .blogSide a {
		font-weight: bold;
		color: #000000;
		text-decoration: underline; }
		#wrap .blogSide a:hover { text-decoration: none;
						 		  color: #DC0050;}