/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	color:#7b7b7b;
	line-height:1.5em;
	font-family: 'Trebuchet MS', Verdana, Arial, sans-serif;
	font-size: 16px;
	vertical-align:middle;
}
body {
   background-color:#000000;
   background-repeat:repeat;
   background-position:top center;
}
.body{   background-color:#000000;
   background-repeat:repeat;
   background-position:top center;}
a {
   color:#00e2ff;
   text-decoration:none;
}
a:hover {
   color:#00d8ff;
   text-decoration:underline;
}
a:visited {
   color:#007f8f;
   text-decoration:none;
}
h1 {
   font-weight:bold;
   font-size:20px;
}
h2 {
   font-weight:bold;
   font-size:18px;
}
h3 {
   font-weight:bold;
   font-size:16px;
}
h4 {
   font-weight:normal;
   font-size:13px;
}
h5 {
   font-weight:bold;
   font-size:12px;
}
h6 {
   font-weight:bold;
   font-size:10px;
}
h1 a {
   font-weight:bold;
   font-size:20px;
}
h2 a {
   font-weight:bold;
   font-size:18px;
}
h3 a {
   font-weight:bold;
   font-size:16px;
}
h4 a {
   font-weight:bold;
   font-size:14px;
}
h5 a {
   font-weight:bold;
   font-size:12px;
}
h6 a {
   font-weight:bold;
   font-size:10px;
}
h1 a:hover {
   font-weight:bold;
   font-size:20px;
}
h2 a:hover {
   font-weight:bold;
   font-size:18px;
}
h3 a:hover {
   font-weight:bold;
   font-size:16px;
}
h4 a:hover {
   font-weight:bold;
   font-size:14px;
}
h5 a:hover {
   font-weight:bold;
   font-size:12px;
}
h6 a:hover {
   font-weight:bold;
   font-size:10px;
}
input {
   background-image:url(../images/field_bg.jpg);
   background-repeat:repeat-x;
   border:none;
   height:17px;
   font: 12px/1.2 'Trebuchet MS', Verdana, Arial, sans-serif;
   color:#000000;
   font-weight:bold;
   padding:2px;
   background-color:transparent;
}
label {
float: left;
width: 85px;
text-align: right;
margin-right: 15px;
}
.button {
   height:21px;
   background-color:transparent;
}
.white{color:#FFFFFF;}
.bluelight{color:#00c6ff;}
.greenlight { color:#aeff00; }
.greendark { color:#68b000; }
.pinklight { color:#f12eaf; }
.pinkdark { color:#ae0062; }
.violetlight { color:#af99ff; }
.violetdark { color:#6553a8; }
.graylight { color:#bebebe; }
.orange { color:#ff6600; }
.graydark { color:#4b4b4b; }
.white a{color:#FFFFFF;}
.bluelight a{color:#00c6ff;}
.greenlight a { color:#aeff00; }
.greendark a { color:#68b000; }
.pinklight a { color:#f12eaf; }
.pinkdark a { color:#ae0062; }
.violetlight a { color:#af99ff; }
.violetdark a { color:#6553a8; }
.graylight a { color:#bebebe; }
.orange a { color:#ff6600; }
.graydark a { color:#4b4b4b; }
.white a:hover{color:#FFFFFF;}
.bluelight a:hover{color:#00c6ff;}
.greenlight a:hover { color:#aeff00; }
.greendark a:hover { color:#68b000; }
.pinklight a:hover { color:#f12eaf; }
.pinkdark a:hover { color:#ae0062; }
.violetlight a:hover { color:#af99ff; }
.violetdark a:hover { color:#6553a8; }
.graylight a:hover { color:#bebebe; }
.orange a:hover { color:#ff6600; }
.graydark a:hover { color:#4b4b4b; }
.content_txt { line-height:2.0em; }







.regular_content {
   margin-left:7px;
   margin-right:7px;
}
/* Site Style */
#site_wrapper { }
.site_width {
   display:table;
   width:840px;
   margin:0 auto;
}
#header {
   background-repeat:no-repeat;
   height:250px;
   width: 840px;
   display: table;
}
/* menu */
#menu_wrapper {
   margin-top:35px;
   width:720px;
   margin: 35px auto 0 auto;
}
ul#menu {
   width:709px;
   height:169px;
   list-style:none;
   margin:0;
   padding:0;
   padding-top:0px;
   padding-left:0;
}
ul#menu li { float:left; }
ul#menu li a {
   background:url(../images/menu_bg.png) no-repeat scroll top left;
   display:block;
   height:185px;
   position:relative;
}
ul#menu li a.info { width:136px; }
ul#menu li a.projects {
   width:136px;
   background-position:-141px 0px;
}
ul#menu li a.logo {
   width:160px;
   background-position:-276px 0px;
}
ul#menu li a.blog {
   width:135px;
   background-position:-436px 0px;
}
ul#menu li a.services {
   width:139px;
   background-position:-571px 0px;
}
ul#menu li a span {
   background:url(../images/menu_bg.png) no-repeat scroll bottom left;
   display:block;
   position:absolute;
   top:0;
   left:0;
   height:100%;
   width:100%;
   z-index:100;
}
ul#menu li a.info span { background-position:0px -212px; }
ul#menu li a.projects span { background-position:-141px -212px; }
ul#menu li a.logo span { background-position:-276px -212px; }
ul#menu li a.blog span { background-position:-436px -212px; }
ul#menu li a.services span { background-position:-571px -212px; }
ul#menu li a span:hover { cursor:pointer; }
#spain_btn {
   clear:both;
   width:148px;
   margin:0 auto;
   margin-top:30px;
}
#under_header {
   clear:both;
   width:725px;
   margin:28px auto 0 auto;
   height:240px;
}
/**/
		
		p#cross-links { text-align: right }
p#cross-links { margin-bottom: 10px; }
#cross-links a { font-weight:bold; }
#cross-links a:hover { text-decoration:none; }
#cross-links a:visited { text-decoration:none; }
a:focus { outline:none }
.stripViewer .panelContainer .panel ul {
   text-align: left;
   margin: 0 15px 0 30px;
}
/* These 2 lines specify style applied while slider is loading */
		.csw {
   height: 460px;
   background: #fff;
   overflow: hidden
}
.csw .loading {
   margin: 200px 0 300px 0;
   text-align: center
}
.stripViewer { /* This is the viewing window */
   position: relative;
   overflow: hidden;
   /* this is the border. should have the same value for the links */
			margin: auto;
   width: 377px; /* Also specified in  .stripViewer .panelContainer .panel  below */
   height: 217px;
   clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
   position: relative;
   left: 0;
   top: 0;
   width: 100%;
   list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
   float:left;
   height: 100%;
   position: relative;
   width: 700px; /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */ padding: 10px; }
.stripNav { display:none; }
/**/






.under_header_left {
   float:left;
   width:335px;
   margin-top: 12px;
}
.three_steps { }
.main_content {
   width:650px;
   margin:0 auto;
   clear:both;
   background-color:#000000;
   border: solid;
   border-width: 1px;
   border-color: #262626;
   padding-left: 30px;
   padding-right: 30px;
}
.main_content_left {
   float:left;
   width:355px;
}
.main_content_center {
   float:left;
   width:4px;
   height:413px;
   margin:0 25px;
   background-image:url(../images/vertical_line.jpg);
   background-repeat:repeat-y;
}
.main_content_right {
   float:left;
   width:302px;
}
.blog_articles { clear:both; }
.blog_articles li {
   list-style:none;
   text-align:left;
   clear:left;
}
.blog_articles li span { float:left; }
.blog_articles li span a { color:#7b7b7b; }   
.blog_articles_h3{color:#7b7b7b; display:block; float:none; clear:both;   font-weight:bold;
   font-size:16px; }

  .blog_articles_h5{ color:#4b4b4b; display:block; float:none; clear:both;   font-weight:bold;
   font-size:12px; }
.h_line {
	background-image:url(../images/horizontal_line.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:2px;
	padding-top:20px;
	clear:both;
}
.featured_project { margin-top:42px; }
.featured_project_image {
   margin-top:20px;
   margin-bottom:20px;
}
.footer {
   background-image:url(../images/footer_bg.jpg);
   background-repeat:repeat-x;
   clear:both;
   height:187px;
   margin-top:40px;
   margin:40px auto 0 auto;
}
.footer_width {
   clear:both;
   width:725px;
   margin:0 auto;
   text-align: center;
}
.footer_menu ul { list-style:none; }
.footer_menu li {
   display:inline;
   padding:0 1.50em 0 0;
   text-align:left;
}
.footer_menu li a {
   color:#4b4b4b;
   font-size:9px;
   font-weight:bold;
}
.footer_menu li a:hover {
   color:#4b4b4b;
   font-size:9px;
   font-weight:bold;
}
.footer_copyright {
   clear:both;
   text-align: left;
   margin-top: 30px;
   height: 30px;
}
.footer_links {
   text-align:left;
   clear:both;
   margin:0;
   padding:0;
}
.footer_links_contents { height:87px; }
.footer_links_contents ul {
   padding-left:0px;
   list-style:none;
}
.footer_links_contents li a {
   padding-left:15px;
   color:#4b4b4b;
   line-height:21px;
}
.footer_links_contents ul li a:hover {
   background-image:url(../images/footer_arrow.png);
   background-position:left;
   background-repeat:no-repeat;
}
.footer_links_contents ul li a:hover {
   color:#FFFFFF;
   text-decoration:none;
}
.footer_sides {
   float:left;
   width:142px;
   background-image:url(../images/vertical_line_gray.jpg);
   background-repeat:no-repeat;
}

.portfolio_toolbar{ margin-top:10px; background-image:url(../images/portfolio_toolbar_bg.gif); background-repeat:repeat-x; height:50px; text-align:center;}
.portfolio_toolbar ul{ list-style:none; padding-top:15px; padding-left:10em;}
.portfolio_toolbar li{ display:block; float:left; padding:0 5em 0 0; margin-top:0px;}
.portfolio_toolbar a{color:#FFFFFF; font-weight:bold; }
.portfolio_toolbar a:hover{color:#FFFFFF; }
.portfolio_content{ clear:both;padding-top:36px;}
.portfolio_content .h_line{ background-repeat:repeat-x; padding-bottom:40px;}
.portfolio_item{ clear:both; background-color:none; height:187px; padding-top:11px; }
.portfolio_item p{ padding-top:10px; }
.portfolio_item_on{ clear:both; background-color:#7fb320; height:187px;padding-top:11px; /*cursor:pointer;*/}
.portfolio_item_on h5{ color:#FFFFFF;}
.portfolio_item_on p{ color:#FFFFFF; padding-top:10px;}


.portfolio_item_left{float:left; width:300px;}
.portfolio_item_right{float:left; width:410px;}
.portfolio_item_image{ background-color:#FFFFFF; text-align:center; padding:7px; margin-top:0px; margin-left:10px; width:262px; height:162px;}

.portfolio_toolbar .onitem{ color:#90eb00;}



.info_awards_item{ float:left; padding:10px;}