@charset "UTF-8";
/* GRIDSYSTEM!
 ----------------------------------------------------------------------------------------------------*/
.container {
	width: 100%;
	max-width: 1280px;
	min-width: 960px;
	margin: 0 auto;
}
.column1, .column1p, .column2, .column2p, .column3, .column3p, .column4, .column4p {
	float: left;
	margin-right: -100%;
}
/* Add this class to the container of floated columns */

.wrapp {
	overflow: auto;
	clear: both;
}/* clear comes handy in IE */
/* Columns without paddings*/

.column1 {
	width: 21.25%;
}
.column2 {
	width: 45.5%;
}
.column3 {
	width: 69.75%;
}
.column4 {
	width: 94%;
}
/* Columns with paddings*/

.column1p {
	width: 17.3%;
	padding: 0 2%;
}
.column2p {
	width: 41.5%;
	padding: 0 2%;
}
.column3p {
	width: 65.8%;
	padding: 0 2%;
}
.column4p {
	width: 90.0%;
	padding: 0 2%;
}
/* Horizontal position of columns */
/* By changing classes you can easily change the horizontal order of columns */

.push0 {
	margin-left: 3%;
}
.push1 {
	margin-left: 27.25%;
}
.push2 {
	margin-left: 51.5%;
}
.push3 {
	margin-left: 75.75%;
}
#ie-notice {
	background-color: #FC0;
	color: #333;
	font-size: 11px;
	position: absolute;
	padding: 8px;
	float: left;
	width: 100%;
	z-index: 100;
}
body {
	background: #ebedee url(/images/home_bg.gif) repeat-x top;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -1px;
}
h3 {
	font-size: 17px;
	font-weight: normal
}
#header {
	height: 116px;
	text-align: left
}
#header #logo {
	position: relative;
	top: 45px;
}
#header #logo_ny {
	position: relative;
	width: 165px;
	float: right;
	top: 0px;
	right: 15px;
}
#header #icons {
	position: relative;
	top: 48px;
	float: left;
	left: 0px;
}
#header #icons a {
	font-size: 12px;
	color: #3A4A5C;
	text-decoration: none;
	margin-right: 35px;
}
#header #icons img {
	border: none;
}
#header #rabbit {
	margin-left: 394px;
	position: absolute;
	top: 0;
	display: none
}
#homeslider ul {
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#homeslider {
	position: absolute;
	top: 9px;
}
#homeslider li {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#homeslider .caption {
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	font-style: italic;
	letter-spacing: -1px;
	margin-top: 19px
}
#homeslider .caption .numbercaption {
	position: absolute;
	margin-right: 10px;
	top: 8px;
	right: 15px;
}
#homeslider a {
	text-decoration: none;
}
#menubar {
	color: #fff;
	height: 367px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#menu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	/*width: 165px;*/
	width: 100%;
	margin-right: 15px
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 44px
}
#menu li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #75828f;
}
#menu li:last-child {
	border-bottom: none;
}
#menu li:last-child a {
	color: #9BCC50;
}
#menu a {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: lowercase;
}
#menu a:hover {
	color: #bbb;
}
#main {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align: left;
	margin-bottom: 20px;
}
#board p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3b4a5d
}
#board .article a {
	font-size: 13px;
	font-weight: bold;
	color: #3b4a5d;
}
#board .author {
	font-family: Georgia, Times, serif;
	font-style: italic;
	color: #999;
	text-align: right;
}
#base {
	width: 697px;
	float: left;
	margin-left: 7px;
}
#base h2 {
	color: #3b4a5d;
	border-bottom: 2px solid #3b4a5d;
	padding-bottom: 7px;
	margin: 0px 0px 20px 0px;
}
#port {
	float: right;
	width: 310px;
	margin: 0px;
}
#port .item {
	font-size: 12px;
	color: #999;
	height: 125px;
	background-image: url(/images/home_item_bg.gif);
	background-repeat: repeat-x;
	background-position: left 103px;
}
#port .itemimage {
	float: left;
}
/*client*/
#port a.itemclient {
	font-size: 11px;
	font-style: italic;
	color: #999999;
	text-decoration: none;
	padding-top: 5px;
	display: block;
}
#port a.itemclient:hover {
	color: #000
}
#port .job {
	margin-bottom: 5px;
}
/*title*/
#port .itemimage a strong {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
}
#port .itemimage a:hover strong {
	color: #999999
}
#main #base #port #last {
	background-image: none;
}
#port img {
	border: 2px solid #FFF;
	margin-right: 20px;
	float: left;
}
#add {
	width: 167px;
	float: right;
}
#add h2 {
	color: #8bc53f;
	border-bottom: 2px solid #8bc53f;
	padding-bottom: 7px;
	letter-spacing: -1px;
	margin: 0px 0px 20px 0px;
}
#amigo {
	float: left;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3b4a5d
}
#amigo ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#amigo li {
	display: block;
	float: left;
	width: 100%;
	height: 70px;
}
#amigo ul span {
	margin-top: 15px;
	width: 235px;
	float: left;
	display: block;
	color: #888;
	font-size: 11px;
}
.green {
	color: #8bc53f;
}
#amigo ul img {
	display: block;
	float: left;
	margin: 7px 20px;
}
/* --------------FOOTER---------------*/
#address {
    color: #999999;
    font-size: 11px;
    position:relative;
left:69px;
}
#address p {margin:0}
#footer p a {
	color: #888888;
}
#footer p a:hover {
	text-decoration: none
}
#footer {
	height: 100px;
	clear: both;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	text-align: left;
}
#footer form {
	float: left;
	border: none;
	position: relative;
}
#gift {
	float: left;
	padding-left: 200px;
}
#footer #copy {
	color: #999;
	font-size: 11px;
}
#footer #copy p {
	margin-top: 0
}
#footer #copy a {
	color: #888;
}
#footer .input-text {
	background: url("/images/new_serach.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	color: #999999;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	left: 18px;
	padding: 9px 25px 9px 11px;
	width: 168px;
}
.amigo {
	vertical-align: middle;
}
#footer .input-button {
	background: url("/images/magnify.png") no-repeat 0 0;
	border: medium none;
	cursor: pointer;
	float: right;
	height: 17px;
	left: 180px;
	position: absolute;
	top: 8px;
	width: 17px;
}
#clients {
	position: relative;
}
#clients img {
	border: none;
}
#clients ul {
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: relative;
	height: 130px;
}
#clients li {
	list-style-type: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 147px;
	height: 130px;
	background-image: url(/images/clients_shade.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#clients #clientsprevBtn {
	position: absolute;
	top: 110px;
	left: 0px;
}
#clients #clientsnextBtn {
	position: absolute;
	top: 110px;
	right: 0px;
}
#clients #clientslider {
	position: relative;
	left: 10px;
	overflow: hidden;
}
#clients #clientslider img {
	width: 147px;
	height: 102px;
}
/*New design*/

/*first grid
 ------------------------------------------------------------------------*/
.bg_firstgrid {
	background-color: #FFF;
	width: 100%
}
#firstgrid {
	padding-top: 10px
}
/*latest news*/
#latestnews {
	font-family: Helvetica, Arial, sans-serif;
	text-align: left
}
#latestnews h3 a {
	color: #9bcc50;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#latestnews h3 a:hover {
	color: #000000;
}
#latestnews p.article {
	font-size: 12px;
	line-height: 15px
}
#latestnews p.author {
	color: #999999;
	font-size: 11px;
	font-style: italic;
	padding-top: 5px;
}
/*latest works*/

#latest_portfolio .item {
	float: left;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	width: 33%;
	margin-bottom: 27px
}
/*image and portfolio name*/
#latest_portfolio .itemimg {
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	color: #000000;
}
#latest_portfolio .itemimg:hover > strong {
	text-decoration: none
}
#latest_portfolio .itemimg img {
	margin-bottom: 11px
}
#latest_portfolio .itemimg strong {
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
	display: block
}
/*portfolio company name*/
#latest_portfolio a.client {
	font-style: italic;
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	top: 7px;
	padding: 0 5px
}
#latest_portfolio a.client:hover {
	text-decoration: underline
}
/*second grid
 ------------------------------------------------------------------------*/
.bg_secondgrid {
	background-color: #f1f2f4;
}
#secondgrid h2 {
	text-align: left;
	color: #8dc63f;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: -1px;
	line-height: 28px;
	margin-top: 22px
}
/*image position*/
#secondgrid img {
    margin-top: 18px;
    position: absolute;
}
/*text position*/
#secondgrid span {
    color: #999999;
    display: inline-block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 11px;
    margin: 27px 0 20px 0;
    padding: 0 5px 0 68px;
    text-align: left;
}

#secondgrid .column1 {
    display: inline-block;
    text-align: left;
}

/*SLIDER*/
.container_4x {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 0;
	display: inline-block;
	min-width: 100%
}
#inner {
	margin: 0 auto;
	height: 363px;
	display: block;
	/*width: 932px;*/
	z-index: 1
}
#slider {
	height: 363px;
	position: relative;
	z-index: 2;

    max-width: 1030px;
    min-width: 670px;	

}
#slider a {
	position: absolute;
	right:0;
}
#menu_container {
	z-index: 100;
	position: relative;
	z-index: 3
}
#slider b {
	display: block;
	background-position: top center;
	height: 363px;
	z-index: 4;
	background-repeat: no-repeat;
	width: 1171px
}
#fb {
	position: relative;
	top: 48px;
	float: left;
	left: 116px;
	height: 20px;
	width: 80px;
	background: transparent;
}
/* FACEBOOK SHARE*/
.fb-share-button {
	display: inline-block;
	left: -71px;
	outline: medium none;
	padding: 0;
	position: relative;
	text-decoration: none !important;
	top: 49px;
	background: #29447e no-repeat;
	background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon18.png)
}
.fb-share-button span {
	background: #5f78ab;
	border-top: solid 1px #879ac0;
	border-bottom: solid 1px #1a356e;
	color: white;
	display: block;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: bold;
	margin: 1px 1px 0 0;
	text-shadow: none;
	padding: 0 6px;  /* size specific section: */
	line-height: 15px;
	font-size: 11px;
	margin-left: 18px;
}
/* add these two for a 22px high button */
.fb-share-button-22 {
	background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon22.png);
}
.fb-share-button-22 span {
	line-height: 19px;
	font-size: 12px;
	margin-left: 22px;
}
/* add these two for a 25px high button */
.fb-share-button-25 {
	background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon25.png);
}
.fb-share-button-25 span {
	line-height: 22px;
	font-size: 16px;
	margin-left: 25px;
}
/* add these two for a 39px high button */
.fb-share-button-39 {
	background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon39.png);
}
.fb-share-button-39 span {
	line-height: 36px;
	font-size: 18px;
	margin-left: 39px;
}