@charset "utf-8";
/* CSS Document created by Shoaib Sadiq */

* { margin:0; }

html, body { height:100%; }

body { background: #ececec url(images/bg.jpg) repeat-x fixed; }

@font-face {  
font-family: 'NeosansBlack';  
src: url('fonts/otf/NeoSans-Black.otf');  
src: local('NeosansBlack'),  
local('NeosansBlack'),  
url('fonts/otf/NeoSans-Black.otf') format('opentype');  
}

@font-face {  
font-family: 'Neosans';  
src: url('fonts/otf/NeoSans.otf');  
src: local('Neosans'),  
local('Neosans'),  
url('fonts/otf/NeoSans.otf') format('opentype');  
}

@font-face {  
font-family: 'MyriadPro';  
src: url('fonts/otf/MyriadPro-Regular.otf');  
src: local('MyriadPro'),  
local('MyriadPro'),  
url('fonts/otf/MyriadPro-Regular.otf') format('opentype');  
}

@font-face {  
font-family: 'AftaSansThin';  
src: url('fonts/otf/AftaSansThin-Regular.otf');  
src: local('AftaSansThin'),  
local('AftaSansThin'),  
url('fonts/otf/AftaSansThin-Regular.otf') format('opentype');  
}


a, h2 {
	color:#008fa9;
	text-decoration:none;
}

a:hover {
	color:#000;
	text-decoration:none;
}

li {
	list-style:circle;
	margin-left:15px;
}

.clear {
	line-height: 0px;
	font-size: 0px;
	clear: both;
	height: 0px;
}

h2 { font-family: AftaSansThin, Georgia, "Times New Roman", Times, serif; font-weight:bold; }

img { border:none; }

.main { width:auto; }

.leftPanel { width:680px; height:100%; margin:0 0 0 300px; float:left; padding:20px 0 0 10px; }
.leftPanel img { -moz-border-radius: 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 5px 0 #cecece; }

.rightPanel { width:270px; height:100%; position:fixed; background-color:#1f1f1f; float:right; border-right: 10px #008fa9 solid;  }
.navigation { margin-top:20px; margin-left: 55px; }
.navigation li {
	width:180px;
	height:45px;
	background-color:#3a3a3a;
	list-style:none;
	font-family:AftaSansThin, Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-bottom:1px;
	padding:10px 0 0 20px;
}

.navigation li a {
	color:#dddddd;
	display:block;
}

.navigation li.current-menu-item, .navigation li.current-menu-parent, .navigation li.current-menu-item:hover, .navigation li.current-menu-parent:hover, .navigation li.current_page_parent { background-color:#008fa9; }

.navigation li:hover {
	background-color:#4e4e4e;
}

.title {
	font-family:NeosansBlack, Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#fff;
	margin:50px 0 0 91px;
}

.updates .rightPanel { border-right-color:#008fa9;  }
.updates .navigation li.current-menu-item, .updates .navigation li.current-menu-parent { background-color:#008fa9; }
.updates a, .updates h2 { color:#008fa9; }

.me .rightPanel { border-right-color:#8db000;  }
.me .navigation li.current-menu-item, .me .navigation li.current-menu-parent { background-color:#8db000;  }
.me a, .me h2 { color:#8db000; }

.work .rightPanel { border-right-color:#a92800;  }
.work .navigation li.current-menu-item, .work .navigation li.current-menu-parent { background-color:#a92800;  }
.work a, .work h2 { color:#a92800; }

.in-touch .rightPanel { border-right-color:#00a99b;  }
.in-touch .navigation li.current-menu-item, .in-touch .navigation li.current-menu-parent { background-color:#00a99b;  }
.in-touch a, .in-touch h2 { color:#00a99b; }

.navigation li.first-menu-item {
	border-top-left-radius:10px;
	-webkit-border-top-left-radius:10px; 
}

.navigation li.last-menu-item {
	border-bottom-left-radius:10px;
	-webkit-border-bottom-left-radius:10px; 
}

.sep { width:auto; border-bottom:1px #e7e7e7 dashed; }

.social { float:right; margin:15px 10px 0 0; }
.social li { list-style:none; display:inline-block; margin-left:5px; }

.facebook a { background:url(images/facebook_dark.png) no-repeat; width:32px; height:32px; text-indent:-999999px; display:block; }
.facebook a:hover { background:url(images/facebook.png) no-repeat; }
.twitter a { background:url(images/twitter_dark.png) no-repeat; width:32px; height:32px; text-indent:-999999px; display:block; }
.twitter a:hover { background:url(images/twitter.png) no-repeat; }
.linkedin a { background:url(images/linkedin_dark.png) no-repeat; width:32px; height:32px; text-indent:-999999px; display:block; }
.linkedin a:hover { background:url(images/linkedin.png) no-repeat; }
.skype a { background:url(images/skype_dark.png) no-repeat; width:32px; height:32px; text-indent:-999999px; display:block; }
.skype a:hover { background:url(images/skype.png) no-repeat; }
.flickr a { background:url(images/flickr_dark.png) no-repeat; width:32px; height:32px; text-indent:-999999px; display:block; }
.flickr a:hover { background:url(images/flickr.png) no-repeat; }

.meta {
	margin-bottom:10px;
	font-size:11px;
	background-color:#eeeeee;
	padding:5px;
}

.copyright {
	margin:50px 13px 0 0;
	float:right;
	color:#3a3a3a;
}