article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 
display : block; }



html {
overflow-y : scroll;
background : rgb(203,211,218); }

body { 
margin : 0 auto;
padding : 0;
font : 100%/1.4 'Droid Sans', arial, sans;
border-top: 5px solid #000;
color : rgb(50,50,50); 
background-color : transparent; }



#page	{ 
width:988px; margin:0 auto; }

button, 
input, 
select, 
textarea { 
font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; 
color : rgb(40,40,40); }



.clearfix:before, 
.clearfix:after { 
content : ""; 
display : block; 
height : 0; 
overflow : hidden; }

.clearfix:after { 
clear : both; }




/*********************/
/*  HEADER SECTION   */
/*********************/



#logo	{
background:url("../img/logo.png") no-repeat; display:block; float:left; width:191px; }

h1#logo 	{
text-indent:-9999px; font-size:3em; line-height:1; margin:21px 0 9px 18px; }

#nav {
float:right; margin:27px 10px 0 0; }

#nav ul {
list-style:none; padding-left:1.5em; }

#nav li	{
display:inline; line-height:33px;
}

#nav li a	{
background-color:rgb(88,89,91); color:#fff; display:block; float:left; font-size:1.3333em; font-weight:bold; padding:0 18px; line-height:33px; text-decoration:none; margin-left:5px;
			-webkit-border-radius:8px;
               -moz-border-radius:8px;
                    border-radius:8px;
               -webkit-transition:background-color 0.5s ease 0s;
                  -moz-transition:background-color 0.5s ease 0s;
                       transition:background-color 0.5s ease 0s;
}
#nav li a:hover		{ background-color:rgba(88,89,91, 0.8); }

.hr					{ background-color:rgb(88, 89, 91); height:10px; width:100%; }	

#mainNav ul:nth-child(2)	{ margin-top:30px; }

#mainNav			{ margin-top:17px; }
#mainNav ul			{ list-style:none; padding-left:1.5em; } 
#mainNav li			{ display:inline; line-height:33px; padding-right:5px; }
#mainNav li a		{ margin-right:10px; }


#mainNav ul.data li	{ font-size:133%; font-weight:bold; line-height:22px; padding-right:30px; } 
#mainNav ul.data li span	{ font-weight:normal; }

.content ul.info	{ list-style:none; padding-left:1.5em; width:200px; float:left;}


.btnLinks	{ background-color:rgb(88,89,91); color:#fff; display:block; float:left; font-size:1.3333em; font-weight:bold; padding:0 18px; line-height:33px; text-decoration:none; }

.btnLinks	{ -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }

/*********************/
/*    TYPOGRAPHY     */
/*********************/


h1, h2, h3, h4, h5, h6 { }

h1 { 
margin-bottom : .75em;
font-size : 1em; /* 16/16 = 1 */
line-height : 1.2; }

h2 { 
margin-bottom : .75em;
font-size : 0.75em; /* 12 / 16 = 2 */
line-height : 1.2; }

p, ol, ul { 
margin-bottom : 1.5em; 
color:rgb(50, 50, 50);
font-size : 0.75em; /* 12/16 = 0.75 */
line-height:1.6em; }


ul, 
ol { 
margin : 0 0 0 0; 
padding : 0 0 0 0; }

li ul, 
li ol { 
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

b, strong { 
font-weight : bold; }


hr { 
display : block; 
margin : 1em 0; 
padding : 0;
height : 1px; 
border : 0; 
border-top : 1px solid rgb(204,204,204); }



small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }


/*********************/
/*      CONTENT      */
/*********************/

[role="foto"],
[role="googleMap"]	{ padding-left:10px; }

[role="side"] 		{ float:left; width:278px; padding-left:10px }
[role="side"] h1 	{ border-bottom:1px solid #87857b; margin-bottom:0; padding:10px 0 24px 10px; }
	
[role="side"] p:nth-child(2) { border-top:1px solid #fff; margin-top:0; padding-top:20px; }

[role="main"] 		{ float:right; width:690px; }
[role="main"] h1 	{ padding:10px 0 28px 23px; }

.content p			{ padding-left:10px; }

#one 	{ width:317px; height:246px; float:left; background:url("../img/illu_01.png") no-repeat 0 19px #EAE9E6; }
#one p	{ padding:30px 12px 0 160px }
	
#two 	{ width:317px; height:246px; float:right; background:url("../img/illu_02.png") no-repeat 24px 24px #EAE9E6; }
#two p	{ padding:30px 12px 0 128px }

#go		{ clear: both; width:644px; height:130px; background:url("../img/illu_03.png") no-repeat 393px 11px #EAE9E6; }
#go p	{ padding:10px 12px 0 50px; width:50%; }

.box	{
	background:rgb(234, 233, 230); 	margin-bottom:10px;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
	   -webkit-box-shadow:0 0 5px #c0c0c0; 
	      -moz-box-shadow:0 0 5px #c0c0c0; 
	           box-shadow:0 0 5px #c0c0c0; }

.bullets	{ float:left; height: 45px; margin: 6px 0 0 -6px; width: 45px; }

.ruler		{ background:url("../img/ruler.png") no-repeat 50% 0; height:60px; margin:20px 0; width:100%; }

.btn		{ color:#FFF !important; background-color:#1777AF; text-decoration:none; padding:5px 8px;
				-webkit-border-radius:4px;
	               -moz-border-radius:4px;
	                    border-radius:4px;
                   -webkit-transition:background-color 0.5s ease 0s;
                      -moz-transition:background-color 0.5s ease 0s;
                           transition:background-color 0.5s ease 0s; }

.btn:hover	{ background-color:#7b7c7f; }

.contentinfo	{ /* display:inline; */ }
.contentinfo h1 { margin-left:18px; }


/*********************/
/*      BOXES        */
/*********************/

.boxes		{ float:left; width:237px; height:200px; background:#e6f0f5; margin:0 0 8px 8px; }
.boxes h2	{ display:block; background:url("../img/bullet_box.png") no-repeat 0 10px; border-bottom:1px solid #b1b8bf; height:34px; line-height:34px; margin:0; padding-left:26px; }
.boxes ul	{ padding:5px 8px 0 26px; }


/************************/
/*      REFERENCES      */
/************************/
.referencer h1 	{ margin-left:18px }
.reference img	{ padding:10px 20px; }



/*********************/
/*    CONTACT        */
/*********************/

.contact h1 	{ margin-left:18px }
.contact div	{ margin-left:18px }

/*********************/
/*      FOOTER       */
/*********************/

.rulerContent	{ background:url("../img/ruler_footer.png") no-repeat 50% 0; height:15px; margin:10px 0; width:100%; }
.rulerFooter	{ background:url("../img/ruler_footer.png") no-repeat 50% 0; height:15px; margin:10px 0 5px; width:100%; }
footer p		{ margin-top:0; padding-left:20px; font-size:0.68em; /* 11/16 = 0.68 */ }
/* 4.LINKS ============================================================================= */

a { 
color : rgb(23,119,175); }

a:visited { 
color : rgb(40,40,40); }

a:focus { 
outline : thin dotted; 
color : rgb(0,0,0); }

a:hover, 
a:active { 
outline : 0; }

/* 5.FIGURES & IMAGES ============================================================================= */

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

img {
border : 0; }

svg:not(:root) {
overflow : hidden; }

/* 6.TABLES ============================================================================= */

table { 
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em; 
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th, td, caption { 
padding : .25em 10px .25em 5px; }

tfoot { 
font-style : italic; }

caption { 
background-color : transparent; }

/* 7.FORMS ============================================================================= */

form { 
margin : 0; }

fieldset { 
margin-bottom : 1.5em; 
padding : 0; 
border-width : 0; }

legend { 
*margin-left : -7px; 
padding : 0; 
border-width : 0; }

label { 
font-weight : normal;
cursor : pointer; }

button, 
input, 
select, 
textarea { 
font-size : 100%; 
margin : 0; 
vertical-align : baseline; 
*vertical-align : middle; }

button, input { 
line-height : normal; 
*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
cursor : pointer; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0;  }

textarea { 
overflow : auto; 
vertical-align : top; }


/* 480px */
@media only screen and (min-width: 480px) { 
}

/* 768px */
@media only screen and (min-width: 768px) {
	body	{ 
	background : url("../img/bg_gradient.png") no-repeat 50% 0; }
}

/* 992px */
@media only screen and (min-width: 992px) {
}