/*
Theme Name: Creative Candy
Theme URI: www.creative-candy.co.uk
Description: Creative Portfolio
Author: Yaser Ayub
Author URI: www.creative-candy.co.uk
Version: V1.0

.
General comments/License Statement if any.
.
*/





/* --------------------------------------------------------------
       grid.css
       * Sets up an easy-to-use grid of 24 columns.

       By default, the grid is 950px wide, with 24 columns
       spanning 30px, and a 10px margin between columns.

       If you need fewer or more columns, namespaces or semantic
       element names, use the compressor script (lib/compress.rb)

       Note: Changes made in this file will not be applied when
       using the compressor: make changes in lib/blueprint/grid.css.rb
-------------------------------------------------------------- */
.container {
width:950px;
text-align:left;
margin:0 auto;
}

.showgrid {
background:url(tests/src/grid.png);
}

.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24 {
float:left;
margin-right:10px;
}

.last,div.last {
margin-right:0;
}

.span-1 {
width:30px;
}

.span-2 {
width:70px;
}

.span-3 {
width:110px;
}

.span-4 {
width:150px;
}

.span-5 {
width:190px;
}

.span-6 {
width:230px;
}

.span-7 {
width:270px;
}

.span-8 {
width:310px;
}

.span-9 {
width:350px;
}

.span-10 {
width:390px;
}

.span-11 {
width:430px;
}

.span-12 {
width:470px;
}

.span-13 {
width:510px;
}

.span-14 {
width:550px;
}

.span-15 {
width:590px;
}

.span-16 {
width:630px;
}

.span-17 {
width:670px;
}

.span-18 {
width:710px;
}

.span-19 {
width:750px;
}

.span-20 {
width:790px;
}

.span-21 {
width:830px;
}

.span-22 {
width:870px;
}

.span-23 {
width:910px;
}

.span-24,div.span-24 {
width:950px;
margin-right:0;
}

input.span-1,textarea.span-1,input.span-2,textarea.span-2,input.span-3,textarea.span-3,input.span-4,textarea.span-4,input.span-5,textarea.span-5,input.span-6,textarea.span-6,input.span-7,textarea.span-7,input.span-8,textarea.span-8,input.span-9,textarea.span-9,input.span-10,textarea.span-10,input.span-11,textarea.span-11,input.span-12,textarea.span-12,input.span-13,textarea.span-13,input.span-14,textarea.span-14,input.span-15,textarea.span-15,input.span-16,textarea.span-16,input.span-17,textarea.span-17,input.span-18,textarea.span-18,input.span-19,textarea.span-19,input.span-20,textarea.span-20,input.span-21,textarea.span-21,input.span-22,textarea.span-22,input.span-23,textarea.span-23,input.span-24,textarea.span-24 {
border-left-width:1px;
border-right-width:1px;
padding-left:5px;
padding-right:5px;
}

input.span-1,textarea.span-1 {
width:18px;
}

input.span-2,textarea.span-2 {
width:58px;
}

input.span-3,textarea.span-3 {
width:98px;
}

input.span-4,textarea.span-4 {
width:138px;
}

input.span-5,textarea.span-5 {
width:178px;
}

input.span-6,textarea.span-6 {
width:218px;
}

input.span-7,textarea.span-7 {
width:258px;
}

input.span-8,textarea.span-8 {
width:298px;
}

input.span-9,textarea.span-9 {
width:338px;
}

input.span-10,textarea.span-10 {
width:378px;
}

input.span-11,textarea.span-11 {
width:418px;
}

input.span-12,textarea.span-12 {
width:458px;
}

input.span-13,textarea.span-13 {
width:498px;
}

input.span-14,textarea.span-14 {
width:538px;
}

input.span-15,textarea.span-15 {
width:578px;
}

input.span-16,textarea.span-16 {
width:618px;
}

input.span-17,textarea.span-17 {
width:658px;
}

input.span-18,textarea.span-18 {
width:698px;
}

input.span-19,textarea.span-19 {
width:738px;
}

input.span-20,textarea.span-20 {
width:778px;
}

input.span-21,textarea.span-21 {
width:818px;
}

input.span-22,textarea.span-22 {
width:858px;
}

input.span-23,textarea.span-23 {
width:898px;
}

input.span-24,textarea.span-24 {
width:938px;
}

.append-1 {
padding-right:40px;
}

.append-2 {
padding-right:80px;
}

.append-3 {
padding-right:120px;
}

.append-4 {
padding-right:160px;
}

.append-5 {
padding-right:200px;
}

.append-6 {
padding-right:240px;
}

.append-7 {
padding-right:280px;
}

.append-8 {
padding-right:320px;
}

.append-9 {
padding-right:360px;
}

.append-10 {
padding-right:400px;
}

.append-11 {
padding-right:440px;
}

.append-12 {
padding-right:480px;
}

.append-13 {
padding-right:520px;
}

.append-14 {
padding-right:560px;
}

.append-15 {
padding-right:600px;
}

.append-16 {
padding-right:640px;
}

.append-17 {
padding-right:680px;
}

.append-18 {
padding-right:720px;
}

.append-19 {
padding-right:760px;
}

.append-20 {
padding-right:800px;
}

.append-21 {
padding-right:840px;
}

.append-22 {
padding-right:880px;
}

.append-23 {
padding-right:920px;
}

.prepend-1 {
padding-left:40px;
}

.prepend-2 {
padding-left:80px;
}

.prepend-3 {
padding-left:120px;
}

.prepend-4 {
padding-left:160px;
}

.prepend-5 {
padding-left:200px;
}

.prepend-6 {
padding-left:240px;
}

.prepend-7 {
padding-left:280px;
}

.prepend-8 {
padding-left:320px;
}

.prepend-9 {
padding-left:360px;
}

.prepend-10 {
padding-left:400px;
}

.prepend-11 {
padding-left:440px;
}

.prepend-12 {
padding-left:480px;
}

.prepend-13 {
padding-left:520px;
}

.prepend-14 {
padding-left:560px;
}

.prepend-15 {
padding-left:600px;
}

.prepend-16 {
padding-left:640px;
}

.prepend-17 {
padding-left:680px;
}

.prepend-18 {
padding-left:720px;
}

.prepend-19 {
padding-left:760px;
}

.prepend-20 {
padding-left:800px;
}

.prepend-21 {
padding-left:840px;
}

.prepend-22 {
padding-left:880px;
}

.prepend-23 {
padding-left:920px;
}

div.border {
padding-right:4px;
margin-right:5px;
border-right:1px solid #eee;
}

div.colborder {
padding-right:24px;
margin-right:25px;
border-right:1px solid #eee;
}

.pull-1 {
margin-left:-40px;
}

.pull-2 {
margin-left:-80px;
}

.pull-3 {
margin-left:-120px;
}

.pull-4 {
margin-left:-160px;
}

.pull-5 {
margin-left:-200px;
}

.pull-6 {
margin-left:-240px;
}

.pull-7 {
margin-left:-280px;
}

.pull-8 {
margin-left:-320px;
}

.pull-9 {
margin-left:-360px;
}

.pull-10 {
margin-left:-400px;
}

.pull-11 {
margin-left:-440px;
}

.pull-12 {
margin-left:-480px;
}

.pull-13 {
margin-left:-520px;
}

.pull-14 {
margin-left:-560px;
}

.pull-15 {
margin-left:-600px;
}

.pull-16 {
margin-left:-640px;
}

.pull-17 {
margin-left:-680px;
}

.pull-18 {
margin-left:-720px;
}

.pull-19 {
margin-left:-760px;
}

.pull-20 {
margin-left:-800px;
}

.pull-21 {
margin-left:-840px;
}

.pull-22 {
margin-left:-880px;
}

.pull-23 {
margin-left:-920px;
}

.pull-24 {
margin-left:-960px;
}

.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24 {
float:left;
position:relative;
}

.push-1 {
margin:0 -40px 1.5em 40px;
}

.push-2 {
margin:0 -80px 1.5em 80px;
}

.push-3 {
margin:0 -120px 1.5em 120px;
}

.push-4 {
margin:0 -160px 1.5em 160px;
}

.push-5 {
margin:0 -200px 1.5em 200px;
}

.push-6 {
margin:0 -240px 1.5em 240px;
}

.push-7 {
margin:0 -280px 1.5em 280px;
}

.push-8 {
margin:0 -320px 1.5em 320px;
}

.push-9 {
margin:0 -360px 1.5em 360px;
}

.push-10 {
margin:0 -400px 1.5em 400px;
}

.push-11 {
margin:0 -440px 1.5em 440px;
}

.push-12 {
margin:0 -480px 1.5em 480px;
}

.push-13 {
margin:0 -520px 1.5em 520px;
}

.push-14 {
margin:0 -560px 1.5em 560px;
}

.push-15 {
margin:0 -600px 1.5em 600px;
}

.push-16 {
margin:0 -640px 1.5em 640px;
}

.push-17 {
margin:0 -680px 1.5em 680px;
}

.push-18 {
margin:0 -720px 1.5em 720px;
}

.push-19 {
margin:0 -760px 1.5em 760px;
}

.push-20 {
margin:0 -800px 1.5em 800px;
}

.push-21 {
margin:0 -840px 1.5em 840px;
}

.push-22 {
margin:0 -880px 1.5em 880px;
}

.push-23 {
margin:0 -920px 1.5em 920px;
}

.push-24 {
margin:0 -960px 1.5em 960px;
}

.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24 {
float:right;
position:relative;
}

.prepend-top {
margin-top:1.5em;
}

.append-bottom {
margin-bottom:1.5em;
}

.box {
margin-bottom:1.5em;
background:#E5ECF9;
padding:1.5em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:-8px auto 11px;
}

hr.space {
background:#fff;
color:#fff;
visibility:hidden;
}

.clearfix:after,.container:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}

.clearfix,.container {
display:inline-block;
}

.clear {
clear:both;
}

body {
text-align:center;
background:#fff url(images/back.jpg) repeat-y top;
font:"Lucida Grande","Lucida sans unicode", helvetica, sans-serif;
}

* html .column,* html div.span-1,* html div.span-2,* html div.span-3,* html div.span-4,* html div.span-5,* html div.span-6,* html div.span-7,* html div.span-8,* html div.span-9,* html div.span-10,* html div.span-11,* html div.span-12,* html div.span-13,* html div.span-14,* html div.span-15,* html div.span-16,* html div.span-17,* html div.span-18,* html div.span-19,* html div.span-20,* html div.span-21,* html div.span-22,* html div.span-23,* html div.span-24 {
display:inline;
overflow-x:hidden;
}

* html legend {
margin:0 -8px 16px 0;
padding:0;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

html>body p code {
white-space:normal;
}

img {
-ms-interpolation-mode:bicubic;
}

* html .clearfix,* html .container {
height:1%;
}

fieldset {
padding-top:0;
}

textarea {
overflow:auto;
}

input.text,input.title,textarea {
background-color:#fff;
border:1px solid #bbb;
}

input.text:focus,input.title:focus {
border-color:#666;
}

input.checkbox,input.radio {
position:relative;
top:.25em;
}

form.inline div,form.inline p {
vertical-align:middle;
}

form.inline label {
position:relative;
top:-0.25em;
}

button,input.button {
position:relative;
top:0.25em;
}

#main {
margin-bottom:10px;
}

#main img {
padding-top:10px;
}


#mainknowledge {
margin-bottom:10px;
}

#mainknowledge img {
padding-top:10px;
}


#newsbanner {
	background-color:#009;
		height:278px;


background:url(images/featurebg.png) no-repeat ;
}


#newsthumb img{
	margin :0px;
	}

#newsthumb ul{
	margin:0px;
	padding:0px;
	
	}
	
#newsthumb li{
	
	}
#line {
	height:10px;
	
	}
	

#feature {
		height:inherit;
		margin-bottom:10px;


background:url(images/featurebg.png) no-repeat ;
}

#feature h2 {
	margin:0px;
	line-height:1.3em;
	padding-left:40px;
	padding-top:10px;
	}

#feature p{
	margin:0px;
	padding-bottom:10px;
		padding-left:40px;

	}

#feature img {
	margin-top:0px;
	padding-left:40px;
	padding-bottom:10px;
}

#feature p {
	display:block;
	width:638px;}


#navigation {
background-color:#FFF;
}

#feature a {
	float:right;
	padding-right:40px;

}



#top-links {
list-style-type:none;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
margin:0;
padding:0;
}

#top-links li {
float:left;
position:relative;
padding-right:26px;
color:#FFF;
padding-bottom:20px;
}

#top-links li ul {
position:absolute;
top:0;
display:none;
padding-top:20px;
line-height:30px;
background-color:#FFF;
}

#top-links ul li a {
list-style:none;
color:#2d1933;
display:block;
text-decoration:none;
}

#top-links li:hover ul {
display:block;
color:#FFF;
text-decoration:underline;
}


#sitemap li {
list-style-type:none;
line-height:1.9em;
font-size:14px;
}

ul {
list-style-type:none;
}

li {
line-height:1.7em;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

li.page_parent {
display:none;
}

#logo {
margin:0;
padding-top:10px;}

#tlogo {
border:none;
margin:0;
padding:0 10px 0 0;
}

p {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
}

#cvlogo {
border:none;
margin:0;
padding:0;
}

h1 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:28px;
margin:0px;
}

h2 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:32px;
}

#blog-thumbnails h2 {
font-size:28px;
margin:0;
padding:0;
}

#blogwrap.a {
margin-bottom:50px;
}

#blogwrap:hr {
margin-top:50px;
}

#blog-thumbnails p {
font-size:14px;
line-height:22px;
text-align:justify;
}





#blog-thumbnails a {
padding-left:245px;
}

#thumbnails h2 {
width:200px;
font-size:14px;
background-color:#dfdfdf;
padding:4px;
}

.dottedline {
border-bottom:solid 1px dotted #999;
}

#footer {
color:#FFF;
margin-top:20px;
background-color:#CCC;
}

#footer li {
color:#FFF;
float:left;
padding-right:30px;
list-style-type:none;
}

#footer p {
float:left;
display:inline;
}

#footer a {
color:#FFF;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer ul {
list-style-type:none;
float:left;
}

#thumbnails img {
height:143px;
}

img.left {
float:left;
padding-right:20px;
}

#thumbnails p {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
text-align:justify;
}

#contentbody h3 {
font-size:14px;
background-color:#dfdfdf;
pad
ding:4px;
}

#middle{
	margin:0px;
	padding:0px;
	
	}
	


#middle h1{
	padding:0px;
	margin:0px;
	
-moz-border-radius:6px 6px 6px 6px;
background-color:#3c2343;
background-image:none;
color:#FFFFFF;
margin-bottom:20px;
margin-top:0;
padding:6px;
font-size:18px;

	}	
	
	
	
	
#sidebarright a{
	text-decoration:none;
	color:#999;
	font-size:12px;
	}

#sidebarright{
	margin:0px;
	padding:0px;
	float:right
	}
	
#sidebarright h3{
	padding:0px;
	margin:0px;
	
-moz-border-radius:6px 6px 6px 6px;
background-color:#000000;
background-image:none;
color:#FFFFFF;
margin-bottom:20px;
margin-top:0;
padding:6px;

	}	
	
#sidebarright ul{
	margin:0px;
	padding:4px;
	}
#sidebarright li {
list-style:none;
line-height:1.9em;
font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:16px;
}

#sidebarright h2 {
background-color:#dfdfdf;
width:100%;
color:#333;
font-size:16px;
padding:4px 4px 4px 32px;
}

#slide-nav a:link {
color:#fff;
text-decoration:none;
}
#post{

	}
#post h3{
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
display:inline;
font:italic 24px/28px Georgia,"Times New Roman",Times,serif;
padding:1px 0;
	}
	
	
#post p{

	}		
#post img{
	float:left;
	margin-right:10px;
	margin-top:10px;
	border:solid  #CCC;
	margin-bottom:10px;

	}	
	
	
	
#post a{
	float:right;

	}	
a img {
border:0;
}

div.wrap {
width:993px;
text-align:left;
margin:0 auto;
}

div#top div#nav {
float:left;
clear:both;
width:993px;
height:52px;
margin:22px 0 0;
}

div#top div#nav ul {
float:left;
width:700px;
height:52px;
list-style-type:none;
}

div#nav ul li {
float:left;
height:52px;
}

div#nav ul li a {
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
background:url(images/nav.png) no-repeat;
}

div#header {
margin:-1px 0 0;
}

div#video-header {
height:683px;
margin:-1px 0 0;
}

div#header div.wrap {
height:483px;
}

div#header div#slide-holder {
z-index:40;
width:993px;
height:299px;
position:absolute;
}

div#header div#slide-holder div#slide-runner {
width:973px;
height:483px;
overflow:hidden;
position:absolute;
}

div#header div#slide-holder img {
display:none;
position:absolute;
margin:0;
}

div#header div#slide-holder div#slide-controls {
left:0;
bottom:0;
width:949px;
height:46px;
display:none;
position:absolute;
background:url(images/slide-bg.png) 0 0;
}

div#header div#slide-holder div#slide-controls p.text {
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
text-transform:uppercase;
margin:15px 0 0 20px;
}

div#header div#slide-holder div#slide-controls p#slide-nav {
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a {
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
line-height:24px;
font-weight:700;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(images/silde-nav.png);
margin:0 5px 0 0;
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position:0 -24px;
}

input.text,input.title,textarea,select,form.inline input.checkbox,form.inline input.radio,form.inline input.button,form.inline button {
margin:0.5em 0;

}

li:hover,li:hover,li.sfhover {
display:block;
}

#blogwrap,#thumbnails ul {
margin:0;
padding:0;
}

#zootool-badge {
	margin:0px;
	padding:0px;
    width: 188px;
    line-height: 0px;
    overflow: hidden;
}
#zootool-badge img {
    border: 0px;
}
#zootool-badge ul {
    width: 200px;
    margin: 0px;
    padding: 5px;
}
#zootool-badge li {
    float: left;
    width: 75px;
    list-style: none;
    margin: 5px;
    border: 1px solid #9e9e9e;
    padding: 1px;
    background: #fff;
    -webkit-box-shadow: #d4d4d4 0px 0px 5px;
    -moz-box-shadow: #d4d4d4 0px 0px 5px;
}
.lead-image-wrapper { background: #000; position: relative; }
.lead-image-wrapper h2 { font-size: 28px; line-height: 30px; position: absolute; top: 90px; left: 12px; z-index: 1; }
.lead-image-wrapper h2 a { color: #fff; text-decoration: none; }
.lead-image-wrapper img { height: xxxpx; width: xxxpx; }

#nav {
	margin: 0;
	padding: 7px 6px 0;
	line-height: 100%;
	border-radius: 2em;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

	background: #8b8b8b; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */

	border: solid 1px #6d6d6d;
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;
	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #d1d1d1; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#a1a1a1)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ebebeb,  #a1a1a1); /* for firefox 3.6+ */

	color: #444;
	border-top: solid 1px #f8f8f8;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0399d4 !important; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#04acec', endColorstr='#0186ba'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */

	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}
/* level 2 list */
#nav ul {
	background: #ddd; /* for non-css3 browsers */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #cfcfcf); /* for firefox 3.6+ */

	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	border: solid 1px #b4b4b4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}