/*=====
This is the CSS file.
You need to write all your css here

Hints
1. You need to add a background picture in body. That code is already written.
	If you are not sure about '../' then its mainly used to get one directory back.
	Since our "background.jpg" is in img folder which is one directory back to css folder.

	Still confused, Discuss with your mentor :)
	

Color Codes
Background color of Profile card is darkblue. Use #163a5b as Hex code.
Text color is white. You can use #fff or white


=======*/
*{margin:0;padding:0; outline:0}
.template{width:960px;margin:0 auto;}
.clear{overflow:hidden;}
body {
	background: url("background.jpg");
	height: 788px;
	font-family:arial;
	font-size:14px;
	line-height:18px;
	
}
.upsection{
	background: #163a5b;
margin-left: 345px;
margin-right: 268px;
margin-top: 133px;
margin-bottom: 15px;
height: 354px;
}
.upsection img{
	    margin-left: 228px;
    margin-top: 58px;

}
.upsection h2{
	text-align: center;
font-size: 34px;
margin-top: 17px;
color: #fff;
margin-left: -10px;
}
.upsection h4{
	    color: #fff;
    margin-left: 197px;
    margin-top: 23px;

}
.downsection{
	background: #fff;
margin-left: 345px;
margin-right: 267px;
height: 211px;
margin-top: -17px;
text-align: center;
padding-top: 15px;
}
.downsection p{
	font-size: 17px;
margin-left: 37px;
margin-right: 41px;
}
.this{
	    background: #ea0483;
color: #fff;
height: 48px;
width: 161px;
margin-left: -2px;
font-size: 19px;
margin-top: 17px;
}