*{
	padding:0;
	margin:0;}
	
body{
	background-image:url(../image/bg.png);
	}
	
h1, h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
	line-height:2em;
	color:#7779B7;
	text-align:center;
	letter-spacing:1px;
	text-shadow:1px 1px 0 #f7f7f7;
	font-weight:400;
	font-size:36px;}
header{
	position:fixed;
	background-image:url(../image/header-bg.png);
	width:100%;
	height:56px;
	top:0;
	left:0;
	z-index:999999;
	}
.wrapHeader{
	position:relative;
	width:750px;
	margin:0 auto;}
nav ul{
	width:680px;
	line-height:50px;
	margin:0 auto 0 115px;
	overflow:hidden;
	}
nav ul li{
	list-style:none;
	display:list-items;
	text-transform:uppercase;
	float:left;
	color:#FFFFFF;
	letter-spacing:1px;
	padding:0 20px;
	font-size:16px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	}
nav ul li a:hover{
	color:#FFF;
	}
 a.active {
    color: #ed7263;
    border: none;
    text-decoration: none;}
	
#logo{
	position: absolute;
    top: -2px;
    left: 309px;
    cursor: pointer;
	}
	
.aboutUs{
	padding-right:195px;}

.contentWrapper{
	width:904px;
	margin:0 auto;
	position:relative;}

.wrapSegment{
	min-height:850px;
	width:100%;
	position:relative;
	padding:120px 0;}
	
div{
	display:block;}


.centre{
	    border-bottom: 2px solid #b95f70;
		border-radius:20px;
	}

.img-rounded{
	
	padding-top:20px;

	
	}

  .down-arrow{
 
  	width: 212px;
    height: 76px;
    text-align: center;
    line-height: 67px;
    position: absolute;
    margin-left: -106px;
    left: 50%;
    bottom: 0;
    background: url(../image/downarrow.png) top left;
    color: #f7f7f7;
    text-decoration: none;
    font-size: 18px;
}

#about p {
    float: left;
    width: 560px;
}
body, p {
 	font-family: 'Nobile', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
	color: #353743;
	font-weight: 400;
}

.skill-wrap{
	float:right;}
.clear{
	clear:both;}


.hr {
    background: url(../image/hr.png) repeat-x;
    height: 2px;
    width: 100%;
    margin-bottom: 50px;
}
.skill {
    background: url(../image/skill.png) bottom left;
    background-repeat: repeat-x;
    width: 160px;
    height: 32px;
	float:right;
    position: relative;
    display: inline-block;}

div.skill-wrap span {
    line-height: 42px;
    width: 120px;
    display: inline-block;
	
    font-weight: bold;
}

div.skill-overlay {
    background-image: url(../image/skill.png);
    background-position: top left;
    background-repeat: repeat-x;
    height: 32px;
}
a.up-arrow {
	position:absolute;
    width: 212px;
    height: 77px;
    text-align: center;
    line-height: 105px;
    margin-left: -106px;
    left: 50%;
    bottom: 100px;
    background: url(../image/up_arrow.png) top left;
    color: #f7f7f7;
    text-decoration: none;
    font-size: 18px;
}


footer {
    background: transparent url(../image/footer-bg.png) scroll top left repeat-x;
    color: #f7f7f7;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
    padding: 50px 0 20px 0;
}
.wrapper {
    width: 904px;
    margin: 0 auto;
    position: relative;
	padding: 20px 0px 20px 0px;
    line-height: 2;
}
a.up-arrow {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}
.down-arrow:hover {
  background:url(../image/down_arrow.png) bottom left;
  color:#FFF;
  text-decoration:none;
}
.up-arrow:hover {
  background:url(../image/up_arrow.png) bottom left;
  color:#FFF;
  text-decoration:none;
}

.icon-phone, .icon-email{
    background: url(../image/icons.png);
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    display: inline-block;	}

.icon-phone{
	background-position:-96px -32px;
	float:left;}
.icon-email{
	background-position:-128px -32px;
	float:left;}

.icon-doc{
	background: url(../image/icons.png) -352px -64px;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    display: inline-block;}
.icon-doc:hover{
	background: url(../image/icons.png) -352px 0px;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    display: inline-block;}