/*
Theme Name: GPTS New
Theme URI: http://greenpointtech.com/
Description: The default WordPress theme for Green Point Technology Services Website.
Version: 1.0
Author: Chetankumar Akarte & Roshan Pillai
Author URI: http://greenpointtech.com/
Tags: Green, custom header, fixed width, two columns, widgets

	GPTS New
	
	This theme was designed and built by Chetankumar Akarte & Roshan Pillai.

*/
/* GLOBAL  */
body             {background: #EFFFC8 url('images/scenery-bg.png') repeat-x top center; margin: 0px; font-family: Lucida Sans Unicode; color:#333; font-size: 9pt}
img              {border: none}

/* HEADER  */
#header-wrapper  {height: 354px; background: url('images/scenery.png') no-repeat top center;}
#header          {margin: auto; width: 948px; height: 354px; background: url('images/header-bg.png') no-repeat bottom center;}
#header a.logo   {margin-left: 20px; background: url('images/logo.png') no-repeat center left; display: block; width: 200px; height: 64px; text-decoration: none; padding: 30px 0px 15px 85px; color: #3B5B17; font-family: Lucida Sans Unicode; font-size: 13.5pt; text-transform: uppercase; float: left;}

#mySlides        {clear: both; height: 245px; background: url('images/pgslideshow/bg-slideshow.png') no-repeat top right; margin-right: 10px;}
#mySlides a      {display: block; float: right; width: 482px; height: 235px; margin: 0px 0px 0px 10px; text-align: center; padding-top: 10px;}
#mySlides h2     {display: block; width: 415px; margin: 65px 0px 10px 30px; float: left; font-family: Lucida Sans Unicode; font-size: 12pt; color: #FFFEEE; text-align: right; font-weight: normal;}
#mySlides p      {display: block; width: 415px; margin: 0px 0px 0px 30px; float: left; font-family: Lucida Sans Unicode; font-size: 10pt; color: #DEFEA7; text-align: right;}
#myController    {z-index: 50; position: relative; top: -30px; left: 290px; width: 120px; height: auto; display: block; padding: 5px;  display: none;}
#myController a  {border: #ccc 1px solid; background: #eaeaea; cursor: pointer; color: #693; font-size: 9pt; text-decoration: none; margin-left: 3px; padding: 4px 9px; }
#myController a.activeSlide { border: #ccc 1px solid; background: #FFECA7; cursor: pointer; color: #693; font-size: 9pt; text-decoration: none; margin-left: 3px; padding: 4px 9px; }




/* CONTENT */
#content-wrapper {clear: both; background: url('images/content-wrapper-bg.png') repeat-x top left; min-height: 500px; height: 100%; display: block; text-align: center}
#content-area    {background: #F6FEE2; width: 946px; border-left: 1px solid #E6F4C2; border-right: 1px solid #E6F4C2; height: 100%; display: inline-block; min-height: 500px;}
#content         {background: #F6FEE2 url('images/content-bg.png') no-repeat top left; margin-left: -1px; width: 600px; float: left; padding: 25px 5px 10px 25px; height: 100%; display: block; text-align: left;}

#content h1, #content h1 a      {font-size: 14pt; color: #5B760F; display: block; text-decoration: none;}
#content h2, #content h2 a      {font-size: 13pt; color: #5B760F; display: block; font-weight: normal; text-decoration: none;}
#content h3, #content h3 a      {font-size: 11pt; color: #5B760F; display: block; font-weight: normal; text-decoration: none;}

#content .service-areas {
	clear:both;
	display:block;
	margin: auto;
	margin-top: 10px;
	width: auto;
 	min-height: 100px;
	height: auto;
	padding-bottom: 5px;
}
#content .service-img {
		width:80px;
		float:left;
		margin:auto;
		display:block;
		padding-top: 20px;
}
#content .service-info {
		width:510px;
		float:right;
		margin:auto;
}

#sidebar         {background: #F6FEE2 url('images/sidebar-bg.png') no-repeat top right; margin-right: -1px; width: 288px; float: right;  padding: 30px 20px 10px 10px;  height: 100%; display: block; text-align: left;}
#recent-project-wrap{

		width: 285px;

		display: block;

		height: 225px;

		margin: auto;
		background: url("images/recent-prj-bg-strip.png") repeat-x top center;

	}
.project-wrap{

		width: 285px;

		display: block;

		height: 225px;

		margin: auto;

		background: url("images/recent-prj-bg.png") no-repeat top center;

		padding: 15px 0px 0px 0px;

	}
	#ProjSlides{

			width: 250px;

			height: 150px;

			margin: auto;

		}
div#recent-project-wrap h1{

			margin: 0px 0px 15px 15px;

			color: #FFF;

			font-size: 10pt;

			font-weight: normal;

			display: block;

			text-align: left;

		}

div#ProjSlides  a{

			color: #333;

			font-size: 8pt;

			display: block;

			text-align: left;

			text-decoration: none;

		}
div#ProjSlides img {

			margin-bottom: 10px;

		}

div.project_nav {

		height: auto;

		width: auto;

		display: block;

		float: right;

		margin: 5px 15px 0px 0px;

		}

		

		.ProjFlowPrev {

			cursor: pointer;

		}



		.ProjFlowNext {

			cursor: pointer;

		}



/* FOOTER  */
#footer-wrapper  {clear: both; height: 381px; background: url('images/footer-wrapper-bg.gif') repeat-x top left;}
#footer          {margin: auto; height: 381px; width: 946px; background: url('images/footer-bg.png') no-repeat top center;}


#footer div.blogs { background-image: none; width: 343px; height: 232px; float: left; padding: 60px 10px 10px 10px ; color: #B2F782; font-size: 8pt;}
#footer div.blogs div, #footer div.clients div{ background: url("images/blog-footer-dot.gif") repeat-x bottom left; height: auto; width: auto; margin-bottom: 10px; padding-bottom: 5px; padding-top: 5px;}
#footer a.more { color: #D2EF9D; font-size: 8pt; text-decoration: none;}
#footer a:hover { color: #B2F782; font-size: 8pt;}
#footer div.blogs h1, #footer div.clients h1 { color: #B2F782; font-size: 9pt; display: block; border-bottom: 1px solid #8DC44F; text-transform: uppercase; margin: 0px 0px 10px 0px;}
#footer div.blogs h2, #footer div.clients h2 { margin: 0px;}
#footer div.blogs h2 a, #footer div.clients h2 a { color: #EFFF40; font-size: 8pt; display: inline; clear: both;}
#footer div#midblock { background-image: none; width: 270px; height: 302px; display: block; padding-top: 0px; float: left;}
#footer div#midblock div.support { background-image: none; width: 270px; height: 130px; padding: 60px 10px 10px 10px ; color: #B2F782; font-size: 8pt;}

#footer div#midblock div.support div { background-image: none; width: auto; height: auto;}

#footer div#midblock div.support h1 { color: #B2F782; font-size: 9pt; display: block; border-bottom: 1px solid #8DC44F; text-transform: uppercase; margin: 0px 0px 10px 0px;}

#footer div#midblock div.connect { background-image: none; width: 270px; height: 82px; padding: 10px 10px 10px 10px ;}
#footer div#midblock div.connect div { background-image: none; width: auto; height: auto;}

#footer div#midblock div.connect h1 { color: #B2F782; font-size: 9pt; display: block; border-bottom: 1px solid #8DC44F; text-transform: uppercase; margin: 0px 0px 10px 0px;}
#footer div#midblock div.connect div ul { margin: 0px; padding: 0px; display: block; list-style-type: none; width: 100%;}
#footer div#midblock div.connect div li { position: relative; display: inline; float: left; text-align: center; text-transform: capitalize; margin-right: 8px;}
#footer div.clients { background-image: none; width: 250px; height: 232px; float: right; padding: 60px 10px 10px 10px ; color: #B2F782; font-size: 8pt;}

#footer div.clients h1 { color: #B2F782; font-size: 9pt; display: block; border-bottom: 1px solid #8DC44F; text-transform: uppercase; margin: 0px 0px 10px 0px;}


#footer #footerbar { background-image: none; width: 963px; height: 78px; font-size: 8pt; color: #D2EF9D;}
#footer #footerbar a { color: #D2EF9D; padding: 0 .5em; text-decoration: none;}
#footer #footerbar #footnav { background-image: none; width: 500px; float: left; margin-top: 34px; height: 30px; padding-top: auto;}
#footer #footerbar #copyright { background-image: none; width: 300px; float: right; margin-top: 34px; height: 30px; padding: 0 .5em; text-align: right;}