@import "compass/css3";

html, body {
  width: 100%;
  height: 100%;
}
body { 

  background-size: cover;
  background-repeat: no-repeat;
  min-width: 300px;
}
.wrapper_contact {
 

  padding: 3em 0;
  position: relative;
  .button-close {
    font-size: 2em;
    position: absolute;
    top: 0; 
    right: 0;
    padding: 0.25em 0.35em;
    line-height: 100%;
    background: #000;
    border: 1px solid #444;
    border-top: 0;
    border-right: 0;
    border-bottom: 6px solid pink;
    span {
      margin-left: 0.35em;
      padding-left: 0.25em;
      border-left: 1px solid #444;
    }
  }
  .wrapper-contact-form { margin-bottom: 1.5em; }
  nav {
    a { display: block; padding: 0.25em;}
    .resume {
      font-size: 2em;
      background: #999;
      color: #111;
      margin-bottom: 0.5em;
      position: relative;
      span { 
        margin-left: 0.5em;
        font-size: 0.5em;
        position: absolute;
        top: 1.35em;
      }
    }
  }
  .form-group {
    textarea { resize: none; }
  }
}


/*
BITs COLORS - Standard
------------------------
Blue:#0068b4;
Orange:#f66300;
*/

body {
background-color:#fff;
padding-top:10px;
margin:0px;	
}

.header {
/*background-image:url(../images/header1.png);*/
background-repeat:no-repeat;
background-position:center;	
}

#title {
font-family:"Brush Script Std";
font-size:30px;
color:#0068b4;
letter-spacing:1px;
padding-top:15px;
}

#body-title {
font-family:Verdana, Geneva, sans-serif;
font-size:26px;
color:#333;
letter-spacing:1px;
padding-top:15px;
padding-bottom:0px;
}


.top-menu {
padding:8px 0px 8px 0px;
}

#top-menu-item {
font-family:Calibri;
font-size:18px;
color:#666;
text-decoration:none;	
}


#top-menu-item-selected {
font-family:Calibri;
font-size:18px;
color:#f66300;
text-decoration:none;
border-bottom:2px solid #0068b4;
/*background-color:#F0F8FF;	*/
}

#top-menu-item:hover {
color:#333;
cursor:pointer;
border-bottom:1px solid #0068b4;	
}

#bse {
font-family:Calibri;
font-size:14px;
color:#0068b4;
text-decoration:none;	
padding-right:5px;
font-weight:bold;
}

#bse:hover{
text-decoration:underline;	
}

#footer {
background-color:#666;
width:100%;
height:25px;
position:fixed;	
}

.big-header {
padding-top:15px;	
}

#box{
cursor:pointer;	
}

#slideshow {
    position:relative;
    height:280px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:1px solid #CCC;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#box_big_title {
font-family:Arial;
font-size:20px;
color:#fff;
text-decoration:none;
}

#box_small_link {
font-family:Arial;
font-size:14px;
color:#fff;
text-decoration:none;
}


#content {overflow:hidden}



.pad_top1 {padding-top:6px}

h2.pad_top1 {padding-top:10px}

#box_small_link:hover {
text-decoration:underline;
}

#small_text {
	color:#333;
	font-size:12px;
}

#body-data {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

.sol-presentation {
/*background-color:#ffc62f;	*/
background-image:url(../images/solution-wallpaper.jpg);
}

.footer {
background-color:#EFEFEF;	
}

#newsletter,#follow {
font-family:Arial;
font-size:18px;
color:#333;
padding-bottom:5px;	
}

#sub_email {
font-family:Arial;
font-size:14px;
color:#333;
padding:5px;
border:1px solid #ccc;
width:200px;
font-style:italic;
border-radius:10px;
margin-bottom:5px;	
}

#btnSub {
font-family:Arial;
font-size:14px;
color:#333;
padding:5px;
border:1px solid #ccc;
border-radius:10px;		
}

#btnSub:hover {
color:#000;
border:1px solid #333;
cursor:pointer;
background-color:#ddd;		
}

#icon_link {
font-family:Arial;
font-size:14px;
color:#333;
text-decoration:none;	
}

#icon_link:hover {
text-decoration:underline;
}

#top-follow{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#666;	
}

#address {
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#000;
}

#right {
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#000;
background-color:#333;
width:100%;
text-align:center;
color:#fff;
padding:4px;	
}

.color1 {
font-weight:bold;	
color:#0068b4;
text-decoration:underline;	
}

.col1{float:left;}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}

.wrapper {width:100%;overflow:hidden}
.main {	margin:0 auto;width:980px; }
.col1 {padding-left:5px;width:410px}

#theDifference {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#666;
	font-weight:bold;
	border-radius: 50px 0px 0px 0px;
	behavior: url(PIE.htc);
	background-color:#ddd;
	padding:5px;
	border:1px solid #999;
	margin:0px 0px 0px 20px;
	text-align:center;
}

#theDifference_body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	font-weight:bold;
	border-radius: 50px 0px 50px 0px;
	behavior: url(PIE.htc);
	padding:15px;
	border:1px solid #ddd;
	margin:0px 0px 0px 20px;
	text-align:left;
}