/* --- ------------------------------------
Developer: Marion Newman
Site: NeoGenisys
--- ------------------------------------ */

/* --- --------- | Global | --------- --- */

body { margin:0; padding:0; font: 83%/160% "Bookman Old Style", Georgia; color: #231F20;}

img {border:0}	

img.normal {padding-left:5px}
img.tmol {padding:4px 0px 0px 5px}
img.mtf {position:relative; top:-20px; padding-left:5px}

img, ul, li { behavior: url(../iepngfix/iepngfix.htc) }

a {text-decoration:none}

h5 {float:left; color:#193989; margin:20px 0px 0px; padding:2px 2px; font: 1.4em "Bookman Old Style", Georgia; clear:right}	
/* --- --------- | Container | --------- --- */
div#container {
   width: 881px; min-height:1200px;
	margin: 0 auto 0 auto; padding: 0px;
	clear:both;
}
/* --- --------- | End Container | --------- --- */

/* --- --------- | Header | --------- --- */
div#container_header { background:#222; float:left; margin:0px; padding:0; width:100%; height:105px;}

div#header { background:#222; width:1024px; margin: 0 auto 0 auto; padding:10px 0px }
	#h_left {float:left; width:38%; margin-left:5% }	
	#h_left img.logo {margin:0px; padding:0px; float:left; border:0; clear:both}
	#h_left h1{
		float:left;
		margin:0; padding:0 0 0 9px;
		font: italic .95em Helvetica;
		line-height:.8em; color:#adb8bf; 
	}
	
	#h_right {float:left; width:54%; padding-top:30px}	
	
	#h_right ul { list-style: none; margin:0; padding:5px 10px 0px 0px; float:left }
	#h_right ul li { display: inline; margin:0; padding:0; font: 1.1em/130% "Bookman Old Style", Times, serif; color:#ADB9C0;}
	#h_right ul li a{
		padding:0px 4px 0 4px;
		font: 1.1em/130% Bookman Old Style, Times, serif; font-weight:normal;	
		line-height: 1.5em; text-decoration:none; color:#ADB9C0;
	}
	#h_right ul li a:hover{ cursor:pointer; text-decoration:none; color:#fff }
	#h_right ul li a.current{
		padding:0px 4px 0 4px;
		font: 1.1em/130% "Bookman Old Style", Times, serif; font-weight:normal; color:#fff;
		line-height: 1.5em; text-decoration:none
	}	
	#h_right ul li img {margin:0px; float:left; border:0; clear:both}
	
	.headerlogo {float:left; width:100%}
/* --- --------- | End Header | --------- --- */

div.standard_body {
	float:left; width:100%; padding-left:35px; padding-top:10px
}
div.standard_body strong{
	padding-right:5px; margin-left:54px;
	font: 1.6em "Bookman Old Style", Georgia; 
	line-height:1.4em;
}

div.standard_body p {

	padding-right:5px; margin-left:54px; width:80%; 
	font: 1.1em "Bookman Old Style", Georgia; 
	text-align:left; color:#444; 			
}
div.standard_body ul {list-style: none; margin:0; position:relative; left:30px}
div.standard_body li {list-style-type: circle; line-height:18px; font-family: 'lucida grande'}

div.webad {
	float:left; width:600px; position:relative; left:12%; top:2%;
	border-top:1px solid #abc6e2; border-bottom:1px solid #abc6e2; 
	background-color: #E5EDF6; font-size:22px; 
	padding-left:10px; padding-right:10px; padding-top:25px; padding-bottom:30px;
	text-align:center
	}
/* --- --------- | Portfolio | --------- --- */
#display-consupo {display:block}
#display-mycast {display:none}
#display-myticklerfile {display:none}
#display-scb {display:none}
#display-comperemedia {display:none}
/* --- --------- | Products | --------- --- */
div.product_details { float:left; margin: 5px 5px 5px 40px;}
	div.product_body {
		float:left; width:58%; 
	}
		div.product_body strong{

			padding-right:5px; margin-left:54px;
			font: 1.6em "Bookman Old Style", Georgia; 
			line-height:1.4em;
		}
		div.product_body p {

			padding-right:5px; margin-left:54px; width:80%; 
			font: 1.1em "Bookman Old Style", Georgia; 
			text-align:left; color:#777; 			
		}
		div.product_body img { margin-left:50px }
		
	div.product_more {
		float:left; width:40%; padding-top:10px
	}	
		div.product_more p {
	 		color:#444; font: 1.1em "Bookman Old Style"; padding:0; line-height:.8em
		}
		div.product_more p strong {
	 		color:#F6921E; font: 1.1em "Bookman Old Style"; padding:0; line-height:.8em
		}
		div.product_more a { color:#F48020; text-decoration:underline; cursor:pointer}
div.product_main { float:left; width:100%; }		

	div.product_main p span { margin-left:15px; margin-top:10px
	}
	div.product_main h1 { font: 2em "Bookman Old Style"; color:#666; margin:5px 0px 0px 50px;  padding:0 }
	div.product_main h2 { 
		position:Relative; 
		left:45px; top:5px; 
		font: 1.2em "Bookman Old Style"; color:#444; 
		text-decoration:underline;
		margin:5px 0px 0px 5px; padding:0 
	}	
	div.product_main p.about {	

		font: 1.1em "Bookman Old Style"; color:#666; margin:0px 0px 0px 45px; background: #BDC6CC;
		border-top:1px solid #666; width:600px; padding:4px; top:-5px
	}	
	div.product_main p.detail {	
		margin:10px 15px 0px 50px;
		line-height:1.2em
	}
		div.product_main a.pmPanelReturn,
		a.architecturePanelReturn,
		a.rubyPanelReturn,
		a.skinningPanelReturn,
		a.htmlPanelReturn,
		a.designPanelReturn,
		a.servicesPanelReturn,
		a.javascriptPanelReturn,
		a.phpPanelReturn
		 {color:#0054A4; margin-left:50px}
		
		div.product_main a.pmPanelReturn:hover {color:#0054A4; margin-left:50px; text-decoration:underline; cursor:pointer}

	div.product_main li {
		list-style: none;
		margin-left: 10px;
		padding-left: 23px;
		color: #666;
		font-size: 1.1em;
		line-height: 1.6em;
		background: url("../images/li-icon.gif") no-repeat 0 6px;

		}	
		div.product_main li a {color:#0054A4}
		div.product_main li a:hover {color:#0054A4; text-decoration:underline; cursor:pointer}
		
		div.product_main li p {padding:5px 15px 15px 15px; line-height:1.3em; color:#444; }
/* --- --------- | End Products | --------- --- */

/* --- --------- | Portfolio | --------- --- */
div.services {
   behavior: url(../iepngfix/iepngfix.htc);
	background-image: url("../images/subscription.png");
	background-repeat: no-repeat; background-color:#ffffff; 
	width:637px; height:136px; margin-left:45px; margin-top:10px
}
div.services p {padding:5px 15px 15px 15px; line-height:1.3em; color:#444; }
div.services a {color:#0054A4}
div.services a:hover {color:#0054A4; text-decoration:underline; cursor:pointer}
/* Hide all the panels so JS can show them on button click */

.show-projectManagement,
.show-architecture,
.show-ruby,
.show-skinning,
.show-html,
.show-services,
.show-design,
.show-javascript,
.show-php
 {
	display: none; position:absolute; top:560px; width:650px
	}

/* --- --------- | End Portfolio | --------- --- */
	
/* --- --------- | Sidebar | --------- --- */
div#sidebar {
	float:left; width:340px; padding-left:10px; padding-top:10px
}
	div#sidebar h1 {float:left;
		font: italic 1.5em "Bookman Old Style"; color:#777; margin:0; padding:0
	}
	div#sidebar h2 {float:left;
		font: italic 1.5em "Bookman Old Style"; color:#777; margin:0; padding:0
	}	
		div#sidebar ul { list-style: none; margin:0 0 40px 0; padding:5px 10px 0px 0px; float:left }
		div#sidebar ul li { 
			float:left; margin:0; padding:4px 3px 5px; width:200px;
			border-top:1px dotted #777; 			 
			font: 1.1em/130% "Bookman Old Style", Times, serif; color:#0054A4;
		}
		div#sidebar ul li:hover { 
			float:left; margin:0; padding:4px 3px 5px; 
			background:#fff; cursor:pointer;
			width:200px; border-top:1px dotted #777; 
			font: 1.1em/130% "Bookman Old Style", Times, serif; color:#0054A4;
		}

		p.copy { 
			font-family: 'lucida grande', verdana, sans-serif; 
			font-size: 13px; 
			padding: 0px 0px 5px 0px;
			color: #444; line-height: 15px; 
			width:210px
		}	
		div#sidebar a {color:#17438d; text-decoration: none;}	
		div#sidebar strong {
			
			font: italic 1.5em "Bookman Old Style"; color:#777; margin:0; padding:0
		}							
/* --- --------- | End Sidebar | --------- --- */
/* --- --------- | Content | --------- --- */
div#container_content {
	float:left; margin:0; padding:0;
	background: #f0f0f0;
	width:100%; /*padding-bottom:20px*/
}

	div#container_content_main {
		float:left; margin:0; padding:0;
		background: #fefefe; width:70%; height:650px; /*background: #BDC6CC; */
		padding-bottom:20px; border-right:1px solid #999;
	}
	div#container_content_sidebar {
		float:left; margin:0; padding-bottom:20px;
		background: #f0f0f0; width:25%;
		
	}

div#content { background:#fefefe; width:100%; height:365px; margin: 0 auto 0 auto; padding:0px 0px }
	div#content p.header {
		/*width:700px;*/
		margin:0px auto 0px auto;
		text-transform: none; text-align:justified; padding:10px 0px;
		font-size:1.3em; color:#222; line-height:1.3em 
	}
	div#content p {
		width:940px; background:#fefefe;
		margin:0px auto 0px auto;
		text-transform: none; text-align:justified; padding:10px 0px; 
		font-size:1.2em; color:#222; line-height:1.3em 
	}
	
	div#content p.header strong{font-style:italic; font-size:1.4em; font-weight:normal; color:#000; }
	div#content img {margin-top:5px; margin-right:10px; float:left}
	div#content p strong {margin:0px auto 0px auto; color:#17438d; font-size:1.3em; line-height:1.3em; font-weight:normal}

/* --- --------- | End Content | --------- --- */
#main-contact
{
	background: url("../images/contact.jpg") no-repeat;
	background-color:#fefefe;
	width: 245px;
	height: 195px;
/*	margin-left:8px; */
	padding: 40px 0px 5px 13px;
	color: #000;
	font-size: 12px;
/*	float: left; */
	position:Absolute; top:140px; right:1.5%
}
.bodycopy 	{ 
					font-family: lucida grande, verdana, helvetica, sans-serif; 
					font-size: 13px; 
					padding: 0px 15px 5px 5px;
					color: #000; line-height: 15px; 
				}	
/* --- --------- | Content Main Bottom | --------- --- */
div#container_main_bottom {
	background-image: url("../images/contentBgndMain.png");
	background-repeat: repeat-x;
	float:left; margin:0; padding:0px;
	width:100%; min-height:310px
}

div#main_content { width:1024px; margin: 0 auto 0 auto; padding:0px }

	/* --- | Advertisement | --- */
	div#advertisement {
		float:left; width:48%; height:300px;
		border-right: 2px solid #ccc; 
		margin:0px 0px 0px 2%; padding:0px
	}
		div#advertisement img.imgheader { margin:15px 5px 10px 20px; padding:0 }
		div#advertisement img.offer {
			float:left; margin:0px; padding:0; margin:-15px 0px 0px 10px; 
		}
		div#advertisement img.info {position:relative; top:8px}	
		div#advertisement ul { 	
			float:left;	width:180px;
			margin:0px 0px 0px 80px; padding:0;
			text-align:left; text-transform:capitalize; font-size: 1.4em; color:#777; 
			list-style: none; 				
		}
		div#advertisement ul li { 
			background: url("../images/addList.png") no-repeat; padding:0px 0px 0px 13px; margin:0px; 
		}
		div#advertisement ul li span { position:relative; top:-5px; padding:0; margin:0 }
		div#advertisement p { float:left; margin:-70px 0px 0px 80px; padding:0; width:200px }
		
		div#advertisement a { color:#F6921E; cursor:pointer}
		div#advertisement a:hover { color:#F6921E; text-decoration:none}
	/* --- | Testimonials | --- */	
	div#testimonial {
		float:left; width:40%; height:300px; 
		padding:0px; margin:5px 0px 0px 5px; 
	}	
div#testimony-text {float:left; clear:left; width:100%; }
div#testimony-text p {
padding:5px 0 0; margin:0; color:#777; font: 1.2em Bookman Old Style, Georgia;
}
		div#testimonial img{float:left; margin:20px 4px 0px; padding:0;}
		p.client {font-size:1.1em; padding:0; margin:0; color:#444}
		p.testimony {float:left; width:300px; padding:5px 0 0; margin:0; color:#777; font: 1.2em Bookman Old Style, Georgia;}
		.testimonialHeader {float:left; clear:left; width:100%; padding:5px 0px 0px 5px; font-size:1.1em; color:#444}
	/* --- | Neo Update | --- */	
	div#neoupdate { float:left; width:23%; height:300px; padding:0px; margin:5px 0px 0px 5px; }	
	div#neoupdate img {float:left; margin:20px 4px 0px; padding:0;}

/* --- --------- | End Content Main Bottom | --------- --- */
/* --- --------- | Content Border | --------- --- */
div#container_border {
	float:left; background: #222; margin:0; padding:0; width:100%; height:14px;
}
/* --- --------- | End Content Border | --------- --- */

/* --- --------- | Products | --------- --- */	
div#showProducts {
   behavior: url(../iepngfix/iepngfix.htc);
	background: url("../images/product.png") 50% 0% no-repeat;
	margin:10px auto 20px auto; padding:0; 
	text-align:left; height: 164px; width:797px;
}	
	div#products {
		position:relative; top:68px;
		width:600px; margin:0px auto 0px auto; padding-left:130px;
		text-align:center; 
	}
/* --- --------- | End Products | --------- --- */	

/* --- --------- | Search | --------- --- */
div#search {
	margin:10px auto 0 auto; padding:0 auto 0 auto;
	height: 40px; width:397px;
	font: 1.2em "Bookman Old Style", Georgia; text-align:center; color:#777;
}
	div#search h1{
		float:left; padding:4px 0 0; margin:0;
		font: 1.2em "Bookman Old Style", Georgia; color:#777; 
	}	
	div#search input { 
		background: url("../images/searchBgnd.png") 0%  no-repeat; 
		float:left; width:282px; height:33px;
		padding:0px; margin:0px;
		border:0; font-size:12px; line-height:12px
	}
	div#search img { border:0; float:left; padding:0; margin:0 }
/* --- --------- | End Search | --------- --- */

/* --- --------- | Page Borders | --------- --- */	
div#pageBreak {
	background: url("../images/pagebreak.png") 0% 0% no-repeat;
	margin:0px; padding:0px;
	width:881px; float:left; height:17px
}
/* --- --------- | End Page Borders | --------- --- */

/* --- | Footer | --- */
div#container_footer {
	float:left; background: #222; margin:0; padding:0;	
	width:100%; height:81px;
}

div#footer {
	background:#222; width:1024px; 
	margin: 0 auto 0 auto; padding:30px 0px 0px; 
	font: 1.1em "Bookman Old Style", Georgia; color:#ccc; text-align:center
}
	div#footer a {color:#999}
	div#footer a:hover {color:#ccc; text-decoration:underline}
/* --- | End Footer | --- */