/*Designed and coded by: El Moïz Ghammam*/


body {
width:100%;
/*background: -moz-radial-gradient(ellipse farthest-corner , #FAFAFA 5%, #E6E6E6 60%) ;*/

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjRkFGQUZBIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTZFNkU2Ii8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNFNkU2RTYiIC8+PHJlY3QgeD0iLTIwLjcxMDclIiB5PSItMjAuNzEwNyUiIHdpZHRoPSIxNDEuNDIxNCUiIGhlaWdodD0iMTQxLjQyMTQlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 432, color-stop(5%, #FAFAFA), color-stop(60%, #E6E6E6));
background-image: -webkit-radial-gradient(center center, farthest-corner, #FAFAFA 5%, #E6E6E6 60%);
background-image: -moz-radial-gradient(center center, farthest-corner, #FAFAFA 5%, #E6E6E6 60%);
background-image: -ms-radial-gradient(center center, farthest-corner, #FAFAFA 5%, #E6E6E6 60%);
background-image: -o-radial-gradient(center center, farthest-corner, #FAFAFA 5%, #E6E6E6 60%);
background-image: radial-gradient(farthest-corner at center center, #FAFAFA 5%, #E6E6E6 60%);

text-align:left;
margin:0px;
padding:0px;
border:0px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
font-size:12px;
color:#b5b5b5;
}


#wrapper {
	display:block;
	margin:auto;
	width:750px;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
}

#menu {
	width:750px;
	height:45px;
	position:absolute;
	top: 0px;
	border-bottom-style:solid;
	border-color:#1e1e1e;
	border-width:1px;
	margin-left: 0px;
}

#home {
width:300px;
height:40px;
position:relative;
float:left;
text-align:left;
padding-top:24px;
padding-left:10px;
}

#navigation {
	height:40px;
	position:relative;
	float:right;
	padding-right:15px;
	text-align:right;
}

#title {
width:436px;
height:228px;
position:relative;
padding-top:105px;
}

#about {
	width:725px;
	position:relative;
	top: 70px;
	height: 550px;
	padding-left: 25px;
}

#abouttext {
	width:520px;
	position:relative;
	float:right;
	text-align:left;
	padding-left:25px;
	margin-top:20px;
	margin-bottom:20px;
	border-left-style:solid;
	border-color:#1e1e1e;
	border-width:1px;
}

#linkbox {
	width:263px;
	height:93px;
	position:relative;
	margin-top:135px;
	margin-left:300px;
	margin-bottom:10px;
}

#links {
width:200px;
height:90px;
padding-top:22px;
padding-left:42px;
}

#toplink {
	width:750px;
	height:18px;
	position:relative;
	margin-left:0px;
	text-align:right;
	border-bottom-style:solid;
	border-color:#141414;
	border-width:1px;
}

#bottomlinks {
	width:750px;
	height:42px;
	position:relative;
	text-align:center;
}

#portfolio {
	width:725px;
	position:relative;
	top: 70px;
	height: 148px;
	padding-left: 25px;
}

#portfolio2 {
	width:725px;
	position:relative;
	top: 70px;
	height: 148px;
	padding-left: 25px;
}

#workwrapper {
	width:750px;
	height:195px;
	position:relative;
	padding-bottom:50px;
}

#rightwrap {
	width:540px;
	height:225px;
	position:relative;
	float:right;
	padding-right: 20px;
}

#leftwrap {
	width:165px;
	height:225px;
	position:relative;
	float:left;
	text-align:right;
	padding-right: 25px;
	vertical-align: middle;
}

#detailwrap {
	width:725px;
	position:relative;
	padding-left:25px;
	padding-bottom:18px;
	text-align:left;
	border-bottom-style:solid;
	border-color:#141414;
	border-width:1px;
}

#details {
	width:725px;
	position:relative;
	padding-left:25px;
	padding-bottom:50px;
	color: #333;
	text-align: left;
	font-size: 14px;
}

#footer {
	width:749px;
	height:30px;
	position:relative;
	border-top-style:solid;
	border-color:#1e1e1e;
	border-width:1px;

}

#footerleft {
	width:677px;
	height:30px;
	float:right;
	text-align:right;
}

a img { 
	border: 0; 
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}


/* TEXT */

p.bodyhead {
	font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#C00;
	line-height:20px;
}

p.bodytext {
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color:#000;
	line-height:20px;
	text-align: right;
	font-style: normal;
}

p.bodytextII {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	line-height:14px;
	text-align: left;
	font-style: normal;
}

p.footer {
	font-size:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#C00;
	font-style: normal;
}

p.worktitle {
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	vertical-align:middle;
	line-height:20px;
	text-transform:uppercase;
	font-style: normal;
}

p.heading {
	font-size:24px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#C00;
	font-style: normal;
}

p.subheading {
	font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#000;
	text-transform:uppercase;
	font-style: normal;
}



/* LINKS */

a {
	outline: none;
	color: #C00;
}

a.homelinks {
font-size:15px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
text-shadow: 0px 2px 3px #666;
color:#000;
text-decoration:none;
line-height:23px;
}

a.homelinks:hover {
font-size:15px;
font-family:'Lucida Grande', 'Lucida Sans', Verdana, sans-serif;
text-shadow: 0px 2px 3px #666;
color:#666666;
text-decoration:underline;
}

a.footerlink {
font-size:12px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#000;
text-decoration:none;
font-style: normal;

}

a.footerlink:hover {
	font-size:12px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666666;
	font-style: normal;
}

a.worklink {
font-size:11px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#C00;
font-style: normal;
text-decoration:underline;
}

a.worklink:hover {
	font-size:11px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#F00;
	font-style: normal;
}



/* MENU LINKS */

a.nav {
display:block;
width:82px;
height:40px;
float:right;
background-image:url(images/menu.gif);
}

a.work {background-position:0px 0px;}
a.work:hover {background-position:0px -40px;}

a.about {background-position:-82px 0px;}
a.about:hover {background-position:-82px -40px;}