@charset "UTF-8";
/* CSS Document */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

.transparent_class {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.5;
	opacity: 0.8;
}

ul {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
li {
	text-decoration: none;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#twitter_aftab_arab_design_london {
	position: absolute;
	height: 221px;
	width: 183px;
	left: 1102px;
	top: 278px;
}
#links_to_recent_work {
	position: absolute;
	height: 228px;
	width: 345px;
	top: 245px;
	background-color: #FFF;
	text-decoration: none;
	list-style-type: none;
	left: 183px;
}
#links_to_recent_work li a {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	text-decoration: none;
	list-style-type: none;
}
#links_to_recent_work ul li a:hover {
	color: #036;
}
#links_to_recent_work ul li a:active {
	color: #CCC;
}
#links_to_recent_work li {
	list-style-type: none;
}

em {
	text-decoration: none;
	display: none;
}

#content {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: absolute;
	/* These have no effect on the functionality */
	width: 1116px;
	font-family: helvetica, arial, sans-serif;
	font-size: 10pt;
	left: 0px;
	top: 25px;
	height: 658px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 20px 0 0 0;
}
#logo {
	background-image: url(../images/AulaRegis.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 162px;
	width: 137px;
	left: 40px;
	top: 54px;
}
#information {
	position: absolute;
	height: 156px;
	width: 411px;
	left: 150px;
	top: 35px;
	list-style-type: none;
}
#portfolio {
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	height: 50px;
}
#email {
	margin-left: 15px;
}
.whitetext {
	color: #FFF;
}
 
#portfolio a {
	height: 50px;
	width: 400px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/Portfoliobutton.png);
}
#portfolio a:hover {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../images/Portfoliobutton.png);
}
#portfolio a:active {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/Portfoliobutton.png);
}


#portfolio2 {
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	height: 50px;
}
#portfolio2 a {
	height: 51px;
	width: 400px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/Contactbutton.png);
}
#portfolio2 a:hover {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../images/Contactbutton.png);
}
#portfolio2 a:active {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/Contactbutton.png);
}
#aulatitle {
	position: relative;
	height: 50px;
	padding-left: 10px;
}
#form {
	background-color: #FFF;
	position: absolute;
	height: 562px;
	width: 498px;
	left: 578px;
	top: 48px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}
#backlink {
	color: #FFF;
	position: absolute;
	height: 56px;
	width: 495px;
	left: 2px;
	top: 569px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #CCC;
}