* {
margin:0;
padding:0;
}


html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-image: url(../images/westerly2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
a {
text-decoration:none;
outline:0;
}
#intro {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #600;
	text-align: left;
	text-transform: none;
	width: 640px;
	font-style: normal;
	line-height: normal;
	word-spacing: normal;
}
a img {
border:0;
}

#page-wrap {
width:950px;
position:relative;
margin:0 auto;
}

#nav-bar {
	width:170px;
	position:fixed;
	-moz-border-radius-bottomleft:18px;
	-moz-border-radius-bottomright:18px;
	-webkit-border-bottom-left-radius:18px;
	-webkit-border-bottom-right-radius:18px;
	background-image:url(../images-transparent/transpBlack50.png);
	background-repeat:repeat;
	top: 0px;
}

#nav-bar ul {
list-style:none;
margin:50px 0;
}

#nav-bar ul li {
	font-size:16px;
	text-align:right;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
}

body#usage ul li.usage a,body#index ul li.index a,body#demo1 ul li.demo1 a,body#demo2 ul li.demo2 a,body#changelog ul li.changelog a,body#parameters ul li.parameters a,#nav-bar ul li.active a {
position:relative;
background:#FFF;
z-index:300;
border-bottom-color:#FFF;
border-top-color:#FFF;
}

#nav-bar ul li.active a:hover {
background-color:#FFF;
background-image:url(../images-transparent/transpOrange90.png);
background-repeat:repeat;
}

#nav-bar ul li a {
	display:block;
	border-top:1px solid rgba(0,0,0,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
	color:#CCC;
	text-shadow:1px 1px 1px #FFF;
	font-weight:700;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#nav-bar ul li:first-child a {
border-top:0;
}

#nav-bar ul li:last-child a {
border-bottom:0;
}

#nav-bar ul li a:hover {
background:rgba(0,0,0,0.07);
}

h1 {
	letter-spacing:-1px;
	font-family: Helvetica, Sans-Serif;
	font-size: 20px;
	font-weight: lighter;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 18px;
	padding-left: 10px;
}

h1 a {
color:#FFF;
}

h1 a span {
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#FFF;
font-size:16px;
letter-spacing:0;
position:relative;
top:-6px;
font-weight:400;
background-color:#006;
padding:3px 8px;
}

h1 a:hover span:after {
	content:" Download!";
	font-size:11px;
	position:relative;
	bottom: 2px;
}

#main-content {
	position:relative;
	z-index:200;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-moz-box-shadow:0 0 18px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 0 18px rgba(0, 0, 0, 0.6);
	min-height:500px;
	background-image:url(../images-transparent/transpOrange50.png);
	background-repeat:repeat;
	padding:30px;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 180px;
	height: 800px;
}
#inside-content {
	position:relative;
	z-index:200;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	-moz-box-shadow:0 0 18px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow:0 0 18px rgba(0, 0, 0, 0.6);
	min-height:500px;
	background-image:url(../images-transparent/transpWhite.png);
	background-repeat:repeat;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	font-weight: lighter;
	font-style: normal;
	line-height: normal;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	color: #633;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 720px;
	width: 650px;
}
#nav-bar .support {
	text-align:left;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 5px;
	padding: 10px;
	background-image: url(../images-transparent/transpBlue50.png);
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#nav-bar .support h4 {
text-transform:uppercase;
border-bottom:1px solid #4660e2;
color:#C90;
padding-bottom:5px;
margin-bottom:5px;
}

#nav-bar .support ul {
list-style:disc;
margin:0 0 0 12px;
}

#nav-bar .support ul li {
text-align:left;
font-size:11px;
margin:0 0 4px;
}

#footer {
	position:relative;
	z-index:350;
	color:#FFF;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 110px;
}

p {
	line-height:1.5;
	color:#900;
	margin:0 0 15px;
}

.callout {
background:#fdfce4;
border:1px solid #fff000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
padding:15px;
}

h2 {
	font-size:16px;
	color:#C60;
	margin:0 0 15px;
	text-transform: uppercase;
	font-weight: lighter;
	font-family: Helvetica, sans-serif;
}

h3 {
font-size:20px;
color:#4660E2;
margin:0 0 15px;
}

h4 {
font-size:16px;
text-transform:uppercase;
margin:0 0 15px;
}

pre {
background:#eee;
border:1px solid #666;
white-space:pre-wrap;
margin:0 0 15px;
padding:15px;
}

code {
font:11px Monaco, Courier, MonoSpace;
}

#main-content a {
text-decoration:none;
}

#main-content a:hover {
text-decoration:none;
border-bottom:2px solid #4660e2;
}
#ad{
	border: thin solid #603;
	margin: 5px;
	padding: 5px;
}