/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html,body { 	margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
input{ border:1px solid #b0b0b0; padding:3px 5px 4px; color:#979797; width:190px; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;	}
ol,ul { list-style:none; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/*---------------------------------------------------------*/
/*---------------- GENERAL --------------------------------*/
/*---------------------------------------------------------*/

body { 
	font-family: Arial, Helvetica, sans-serif; 
	background: url(../images/bg-home.jpg) repeat-x left 400px;
	}

body#int{ background: url(../images/bg-home.jpg) repeat-x left 60px; }
.wrapper  { width: 950px; margin: 0 auto; }

h1,h2,h3,h4,h5,h6 { font-weight:normal;	color:#1a59a9; }
h1 { font-size: 28px;}	
h2 { font-size: 26px;}
h3 { font-size: 20px;}
h4 { font-size: 14px;}

/*---------------------------------------------------------*/
/*-------------- HEADER NAVIGATION ------------------------*/
/*---------------------------------------------------------*/


#header { 
	position: absolute;
	top:0; height: 100px;
	z-index:400; padding-top:20px;
	width: 100%;
	}

a#main_logo {
	background: url(../images/shake-logo.png) no-repeat left top;
	display:block;
	text-indent: -9999px;
	height:40px;
	width:140px;
	float:left;
	margin-top: 6px;
	}
a#main_logo:hover {
	opacity:0.8;
	}

#header #nav {	float:right; margin-top: 15px;}	

#header #nav ul li {
	float:left;
	display:block;
	}
	
#header #nav ul li a{ 
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	/*font-style: italic;*/
	font-size: 15px;
	padding: 3px 15px;
	color:#fff;
	text-shadow: 1px 1px 0px #000;
	text-decoration: none;
    }

#header #nav ul li a:hover, header #nav ul li.current-menu-item a {  color:#2d9fff; }

#header div#social-links {	
	width: 100px;
	float:right;
	margin-left: 15px;
    margin-top: 12px;
	}

#header div#social-links ul li { 
	float:left; margin-right: 2px;
	display:block;
	}		

#header div#social-links ul li a { 
	display:block; 
	text-indent: -9999px;
	height:30px; width:30px;
	background-repeat: no-repeat;
	background-image: url(../images/social-icons.png);
	}	

#header div#social-links ul li a#facebook { background-position: left top; }
#header div#social-links ul li a#twitter{ background-position: -31px top; }
#header div#social-links ul li a#linkedin { background-position: -62px top; }

#header div#social-links ul li a#facebook:hover { background-position: left -30px; }
#header div#social-links ul li a#twitter:hover{ background-position: -31px -30px; }
#header div#social-links ul li a#linkedin:hover { background-position: -62px -30px; }
	

body#int #header {
	position: relative;
	height: 62px;
	padding-top:6px;
	width: 100%;
	background: url(../images/bg-int-header.jpg) repeat-x left top;
	}	

/*---------------------------------------------------------*/
/*------------------------ FOOTER -------------------------*/
/*---------------------------------------------------------*/

#footer {
	width: 100%;
	border-top: 1px solid #d3d3d3;
	padding-top: 10px;
	float: left;
    margin-top: 35px;	
	}

#footer div#access {
	float:left; width: 500px;
	}

#footer div#access #foot_logo {
	background: url(../images/shake-logo-small.png) no-repeat left top;
	display:block;
	text-indent: -9999px;
	height:40px;
	width:86px;
	float:left;
	}
	
#footer div#access ul { clear:both; }
#footer div#access ul li { float:left; }

#footer div#access ul li a{
	text-decoration: none; 
	color: #8d8d8d;
	font-size: 12px;
	padding:3px 25px 3px 0;
	
	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in; 
	transition: all 0.2s ease-in;
	}	

#footer div#access ul li a:hover { color:#000; }
#footer div#contact { float:right;	} 
#footer div#contact p {
	color: #8d8d8d;
	font-size: 12px;
	text-align:right;
	clear:both;
	}
	
#footer div#contact span {
	float:left; 
	color:#444444;
	margin-bottom: 5px;
	font-size: 14px;
	margin-left: 10px;
	padding: 8px 0 15px 34px;
	}

#footer div#contact span a { color:#444444; text-decoration: none;}

#footer div#contact span#phone { background: url(../images/icon-phone.png) no-repeat left top; }

#footer div#contact span#mail { background: url(../images/icon-mail.png) no-repeat left top; }