/* 

Project Name: Sharif Website 


*/
/*@media only screen and (max-width: 959px) {}*/

.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

html {
	background-image: url("../images/backgroundTile2.png");
	
}

#container, body {
	min-height:100%;
	height: auto;
}


#header, #footer{
	width: 100%;
	float: left;

}



#header{
	position:fixed;
	top: 0;
	z-index: 99999;
	background:url("../images/backgroundTile.png");
	height: 100px;

	border-top:3px solid white;
	
}

/*
#footer{
	position:absolute;
	bottom: 0;
	height: 50px;

	background:url("../images/backgroundTile.png");
	
	

	border-bottom:3px solid white;
	
}

	*/

#text{
	margin-top: 10px;
	color:black;
	font-size:20px;
	float:right;
	width: 630px;
	/*position:absolute;
	top:150px;
	left: 300px;*/
	font-family: 'Josefin Slab';
	letter-spacing: 1px;
	line-height: 23px;
}

#text a{
	font-family: 'Playball';
	text-decoration: none;
}

#contacttext{
	font-size: 20px;
	font-family: 'Josefin Slab';
	letter-spacing: 1px;
	line-height: 23px;
	text-align: center;
}

#contacttext h1{
	font-size:80px;
	text-align: center;
	margin-bottom: 50px;
}

#image img{
	/*position:absolute;
	top:150px;
	left:50px;*/
	float:left;
	width: 240px;
	
	height: auto;
	border: 4px solid #666;
	border-radius: 25px;
	-moz-border- radius: 25px;
	-webkit-border- radius: 25px;
	
}

#image2 img{
	/*position:absolute;
	top:150px;
	left:50px;*/
	margin-top:-30px;
	float:left;
	width: 240px;
	
	height: auto;
	
	
}

#main{
	border: 1px solid #393B3C;
	border-radius:20px;
	background: url("../images/texturetastic_gray.png");
	position:relative;
	top:150px;

	margin: -33px auto;

	width: 900px;
	padding-top: 100px;
	padding-left: 120px;
	padding-right: 120px;
	padding-bottom: 60px;


	/*width: 800px;
	height:450px;
	position: fixed;
	left:50%;
	top:50%;
	margin: -225px 0 0 -400px;
	padding: 50px 50px 0 50px;
	*/

}

h1{
	font-family: 'Playball';
	padding: 0;
	margin: 0;
	margin-bottom:20px;
}

#headertext{
	font-family: 'Josefin Slab';
	font-size: 50px;
    text-shadow: 0px 0px 2px white;
    color: white;
    padding: 30px 0px 0px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


a:link {color:blue;}      /* unvisited link */
a:visited {color:purple;}  /* visited link */
a:hover {color:orange;}  /* mouse over link */
a:active {color:green;}  /* selected link */

a {
	-webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  text-decoration: none;
}


#card{
	background:white;
	width: 500px;
	margin: 0 auto;
	padding: 0;
	border: solid 1px black;
	position:relative;



    /* box shadow */
   box-shadow: 0px 0px 300px 50px white; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */
   -webkit-box-shadow:0px 0px 300px 50px white;
 

 	
}
#card h2{
	margin-top: 60px;
	font-size: 50px;
	padding-bottom:80px;
	padding-top:50px;
}
#phone{
	/*float: right;
	width: 180px;*/
	font-size: 18px;
	
	
	line-height: 0px;

	position:absolute;
	bottom:0;
	left:65%;

}

#email{
	/*float:left;
	width: 200px;*/
	font-size:18px;
	position:absolute;
	bottom:0;
	right:58%;
	line-height: 0px;
}