@charset "utf-8";
/* =General
--------------------------------------------------------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

/* Giving margin back to several elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
   margin:0;
}

/* Class for clearing floats */
.clear {
  clear: both;
}

.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */

/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }


/* Removing border on linked images */
img {
	border: 0;
}
:focus{ outline:0px;}
/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

body {
  font: 12px Verdana, Geneva, sans-serif; color:#050505;
}
h2 {font-size:19px;}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { } 
h2 {color:#050505; font-weight:normal;}
h2 span {color:#29527b;}
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Links
--------------------------------------------------------------------------------------------------------*/
a {color:#050505; text-decoration:none;}
a:hover {color:#179bf0;}

/* End Links
--------------------------------------------------------------------------------------------------------*/


/* =Branding
--------------------------------------------------------------------------------------------------------*/
p { padding:5px  0 8px 0}

html, body {background-color:#ecedec;}
#wrapper {width:900px; margin:0 auto; background-color:#2a517c;}
#header {/*height:223px;*/}


#logo { padding-left:10px;}
#logo h1{width:158px; height:83px; background:url(../img/grabic-logo.jpg) no-repeat 0 0; font-size:0px;}
#logo a {display:block; height:83px; text-indent:-9999px;}

/* End Branding
--------------------------------------------------------------------------------------------------------*/


/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
ul#mainNavigation {list-style:none; padding:5px 19px 5px 0;}
ul#mainNavigation li {float:left; font-size:12px; padding-right:28px;} 
ul#mainNavigation li a {color:#FFF; text-decoration:none; background:url(../img/main-nav-icon.gif) no-repeat 0 2px; padding-left:16px;}
ul#mainNavigation li a:hover, ul#mainNavigation li.active a {background:url(../img/main-nav-active.gif) no-repeat 0 2px;}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =Sub Nav
--------------------------------------------------------------------------------------------------------*/
.header-top {width:708px; height:60px; background:url(../img/sub-bg.gif) repeat-x top left;}
#subNavigation {list-style:none; padding-top:16px;}
#subNavigation li {font-size:21px; float:left;}
#subNavigation li a {color:#29527b; text-decoration:none; background:url(../img/subnav-dot.gif) no-repeat 0 9px; padding-left:14px;}
#subNavigation li a.nopad{ padding-left:4px;}
#subNavigation li a:hover, #subNavigation li.active a {color:#169bf0;}
#subNavigation li.no-dot a {background:none; padding-left:5px;}

.subNav {list-style:none; padding:5px 4px 4px 0;}
.subNav li {font-size:16px; font-weight:bold; float:left; margin-right:3px;}
.subNav li a {color:#FFF; text-decoration:none; background:url(../img/subnav-dot-2.gif) no-repeat 0 4px; padding-left:12px;}
.subNav li a:hover, .subNav-2 li.active a {color:#169bf0;}
.subNav li.no-dot a {background:none;}
/* End Sub Nav
--------------------------------------------------------------------------------------------------------*/



/* =Main Content
--------------------------------------------------------------------------------------------------------*/

#content {margin-left:68px; padding-right:14px; border-left:5px solid #FFF; border-top:4px solid #FFF;}
	.home-page {padding:24px 0 0 29px; background-color:#FFF;}
	.home-page  h2 {padding-bottom:18px;}
	.home-page p {padding:9px  0 15px 0}	
	.home-page p.text  {line-height:31px; font-size:13px;}
	.grabic-team {font-size:14px;}
	
	.references {background-color:#cdcdcd;}
			
	.widecolumn {width:554px;}
	.big-img {text-align:center;}
		  
	.narrowcolumn {width:240px; padding:12px 0 0 14px; border-left:4px solid #FFF; min-height:403px; height:auto !important; height:403px;} 
	.ref-title{ font-size:14px ; line-height:33px; color:#fff; padding-right:4px; font-weight:bold;}
	.btn{ padding-top:4px;}
	.btn a{ float:left;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.banner {width:900px;}
.banner img {float:left;}


/* End Secondary Content
--------------------------------------------------------------------------------------------------------*/



/* =Footer
--------------------------------------------------------------------------------------------------------*/
.narrowcolumn #footer{font-size:12px;}
#footer {width:240px; padding-bottom:7px; padding-top:6px; font-size:10px;}
#footer a {color:#050505; text-decoration:none; }
#footer a:hover {color:#179bf0;}

/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------------------------------------*/
fieldset {
  border: 0px solid transparent; background:#f0f0f0;  padding:0 ; margin:0; margin-bottom:5px;
}
fieldset p {}
fieldset label { }
fieldset .input { }
fieldset textarea {  }

/* End Forms
--------------------------------------------------------------------------------------------------------*/


/* =Bug Start
--------------------------------------------------------------------------------------------------------*/
*+html .subNav {padding:5px 8px 4px 0;}

/* End Forms
--------------------------------------------------------------------------------------------------------*/