/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
}
a {
	color: #0099FF;
	outline: none;
}
a:hover {
	color: #0272ba;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p, li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #283d5a;
}
.blue_bg{
	background-image: url(../images/naviblue_bg.jpg);
	background-repeat: repeat-x;
	background-color: #14264e;
}

#wrapper {
	width: 100%;
	background: url(../images/illustration.gif) no-repeat bottom right;
	position: relative;
}

#container {
	margin: 0px auto;
	padding: 0px;
	width: 1003px;
	overflow: auto;
	overflow: hidden;
	z-index: 2;
	position: relative;
}
#nclogo {
	width: 528px;
	float: left;
	margin: 40px 0px 30px 0px;
	padding-right: 10px;
}
#nouv {
	width: auto;
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 4.9em;
	
	color: #000000;
	text-transform: uppercase;
	line-height: 62px;
	margin-top: 200px;
}
#enter {
	width: 174px;
	height: 52px;
	padding-top: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	background-image: url(../images/enter.gif);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	margin: 0px 0px 40px 540px;
}
#enter a {
	color: #000000;
	text-decoration: none;
}


/*------------ Header ------------*/


#header {
	width: 1000px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}
#header #logo {
	width: 329px;
	height: auto;
	float: left;
	padding-top: 10px;
	margin-left: 60px;
	display: inline;
}
#header #logo h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 2em;
	font-weight: normal;
	
	font-stretch: narrower;
	text-transform: uppercase;
	line-height: 27px;
	color: #0073bc;
	margin-top: 32px;
}
#header #logo .white {
	color: #FFFFFF;
}

#header #logo img {
	vertical-align: middle;
	float: left;
}


/*------------ Top Menu ------------*/


.topmenu {
	width: 533px;
	float: right;
	margin-top: 50px;
	padding-right: 60px
}
.topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
}
.topmenu ul li {
	float: left;
	height: 30px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	
	font-stretch: narrower;
	color: #4a759c;
	text-transform: uppercase;
	line-height: 30px;
	border-left: 1px solid #4a759c;
}
.topmenu ul li a {
	color: #4a759c;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}
.topmenu ul li a:hover {
	color: #0099FF;
	text-decoration: none;
	margin: 0px 10px 0px 10px;
}
.topmenu ul li.noline {
	border-left: none;
}


/*------------ Sidebar ------------*/


#sidebar {
	width: 177px;
	height: 350px;
	float: left;
	background-image: url(../images/seperate.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	margin-right: 65px;
	margin-bottom: 30px;
	display: inline;
}

/*---- Left Menu ----*/

#leftmenu {
	width: 140px;
	height: auto;
	margin: 40px auto 40px auto;
}
#leftmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	direction: rtl;
}
#leftmenu ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #293d5e;
	margin-bottom: 5px;
}
#leftmenu ul li a {
	color: #293d5e;
	text-decoration: none;
}
#leftmenu ul li a:hover {
	color: #0272ba;
}
#leftmenu ul li a.current {
	color: #0272ba;
	text-decoration: none;
}
.topspace {
	padding-top: 30px;
}



/*---- Submenu ----*/

#submenu {
	width: 150px;
	height: auto;
	margin: 0px 18px 0px auto;
	padding-top: 25px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#submenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	direction: rtl;
}
#submenu ul li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #293d5e;
	margin-bottom: 5px;
}
#submenu ul li a {
	color: #293d5e;
	text-decoration: none;
}
#submenu ul li a:hover {
	color: #0272ba;
}
#submenu ul li a.current {
	color: #0272ba;
	text-decoration: none;
}

/*------------ Main content ------------*/


#maincontent {
	width: 690px;
	float: left;
}
#maincontent1 {
	width: 600px;
	float: left;
}
#maincontent .head, #maincontent1 .head {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	width: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #FFFFFF;
	background-color: #0073bc;
}
#maincontent p, #maincontent1 p  {
	clear: left;
	text-align: left;
	line-height: 20px;
}
#maincontent li, #maincontent li {
	line-height: 20px;
}
.witetxt p, .witetxt li {
	color: #FFFFFF;
}

/*------------ Main content ------------*/


#footer {
	clear: both;
	width: 100%;
	height: 80px;
	border-top: 2px solid #4a759c;
	background-color: #f2f8fc;
	min-width: 1003px;
}
#footer p a {
	color: #303232;
	text-decoration: none;
}
#footer p {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	color: #303232;
	padding: 10px 0px 0px 40px;
}
#footer p span {
	color: #7c7c7d;
	font-size: 12px;
}
#footer p span a {
	color: #7c7c7d;
}
#footer p a:hover, #footer p span a:hover {
	color: #0272ba;
}
.client {
	width: 270px;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 41px;
	color: #303232;
	margin-top: 11px;
}
.client img {
	margin: 0px 4px 0px 4px;
	vertical-align: middle;
}

.client_lnk {
	color:#303232;
}

.work {
	width: 100%;
	float: left;
}
.photos {
	width: 420px;
	clear: left;
}
.photos ul, .work ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.photos ul li, .work ul li {
	float: left;
	padding: 0px 4px 4px 0px;
	margin: 0px;
}

.team_detail {
	width: 100%;
	float: left;
}
.team_detail .pic_big {
	width: 160px;
	float: left;
}
.team_detail .person_detail {
	width: 420px;
	float: left;
	padding-left: 29px;
	height: 280px;
	overflow: auto;
}
.team_detail .person_detail h1 {
	font-size: 1.4em;
	color: #0073be;
	margin: 0px;
	padding: 0px;
}
.nocolor {
	background: none !important;
	padding: 5px 0px 0px 0px !important;
}

.workdetail h1 {
	font-size: 1.4em;
	color: #0073be;
	margin: 0px;
	padding: 0px;
}

.title {
	font-size: 15px;
	font-weight: bold;
	color: #4a749c;
	margin: 0px;
	padding: 0px;
}
.back {
	font-size: 13px;
	font-weight: bold;
	color: #0099FF;
	text-decoration: none;
	width: 450px;
	float: left;
	padding: 10px 0px 10px 190px;
	height: 25px;
}
.back a {
	text-decoration: none;
}

.bigpic {
 	width: 700px;
	height: 350px;
	background: #0173bc;
}

.enlarge  {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	margin-top: 6px;
}
.enlarge a  {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.field {
	width: 330px;
	height: 22px;
	background-color: #e4f1f7;
	border: 1px solid #e4f1f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2587c5;
	margin-bottom: 8px;
}
.textarea {
	width: 330px;
	height: 170px;
	background-color: #e4f1f7;
	border: 1px solid #e4f1f7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2587c5;
	margin-bottom: 8px;
}
.contbox {
	width: 420px;
	float: left;
}
.address {
	 float:left;
	 width:177px;
	 font-family: Helvetica, Arial, sans-serif;
	 font-size: 14px;
	 font-weight: bold;
	 color: #2f4261;
	 line-height: 25px;
	 padding-left: 20px;
}
.address span {
	color: #0056ad;
}
.illust {
	width: 100%;
	min-width: 1003px;
	position:relative;
	background: url(../images/illustration1.gif) no-repeat right bottom;
}

.clientlist {
	list-style: none;
	float: left;
	width: 300px;
}
.clientlist li {
	padding-bottom: 15px;
	color: #0073bc;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px !important;
}
.button {
	width: 80px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	background-color: #0073bc;
	border: none;
	clear: left;

}
.welc {
	font-size: 18px;
}


#service {
	width: 940px;
	min-height: 300px;
	float: left;
	padding-left: 60px;
	margin-bottom: 20px;

}
#service .head {
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	width: auto;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	background-color: #0073bc;
}
#service .displaybox {
	width: 100%;
	float: left;
}
#service .box {
	width: 290px;
	float: left;
	padding-right: 20px;
}
#service .box a {
	line-height: 15px;

}
#service .box a:hover {
	font-size: 15px;
}


/**************************************
		Arrow Scrollbar style
**************************************/


.Container {
  float: left;
  width: 505px;
  height: 250px;
  /*position: absolute;
  top: 50px; left: 100px;
  /*background: #FFF url(images/container_background.gif) no-repeat;*/
}
#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  width: 505px;
  height: 250px;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px 0px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-indent: 0px;
  color: #FFFFFF;
}
 #Scroller-1 li {
  margin: 0px 0px 0px 20px; padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-indent: 0px;
  color: #FFFFFF;
}
.Scroller-Container {
  position: relative;
  top: 0px; left: 0px;
  float: left;
}
#Scrollbar-Container {
  position: inherit;
  /*top: 40px; left: 60px;*/
  float: right;
  height: 250px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: inherit;
}
.Scrollbar-Track {
  width: 32px; height: 161px;
  position: absolute;
  /*top: 36px; left: 4px;*/
  /*background: transparent url(images/scrollbar_track.gif) no-repeat center center;*/
}
.Scrollbar-Handle {
  position: inherit;
  width: 20px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: inherit;
  margin-top: 220px;
}

#Scroller-1 h1 {
	font-size: 1.4em;
	color: #0073be;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
#Scroller-1 p.title {
	color: #4a749c;
	font-size: 15px;
	font-weight: normal;
	line-height: 0px;
	padding-bottom: 10px;
}


/**************************************
		Arrow Scrollbar End
**************************************/

#floral {
	position: absolute;
	width: 200px;
	height:220px;
	z-index:1;
	bottom:0px;
	right: 0px;
}
#click{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}