* {
	margin: 0;
}

body {
	font-family: Verdana;
	line-height: 130%;
	background-color: #8AE4FF;
}

body {
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.48, rgb(216,245,255)),
	    color-stop(0.76, rgb(138,228,255))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(216,245,255) 48%,
	    rgb(138,228,255) 76%
	);
}

#header {
	width: 100%;
	height: 65px;
	background-color: #fff;
	margin-bottom: 45px;
	background-image: url(../images/header_background.png);
}

#hwrapper {
	max-width: 930px;
	margin: auto;
}

#hright {
	float: right;
	width: 500px;
	margin-top: 21px;
}

#hleft {
	float: left;
	width: 200px;
	margin-top: 6px;
}

div#wrapper {
	margin:0 auto;
	width: 832px;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	border-bottom: 1px dotted #000;
	text-decoration: none;
	color: #000;
}

.active {
	border-bottom: 5px solid #363636;
}

#header_logo {
	background: url(../images/logo_orange.png) no-repeat;
	width: 832px;
	height: 100px;
	margin-bottom: 12px;
}

#navBar {
	width: 832px;
	margin-bottom: 12px;
}

#navBar a {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: none;
	color: #000;
}

#navBar a:hover {
	border-bottom: 1px dotted #000;
}

#navBar ul {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
}

p {
	padding: 10px;
	margin: 0;
	font-size: 14px;
}

h2 {
	font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-bottom: 1px dotted #fc7b50;
	width: 40%;
}

div#container {
	margin-left: 15px;
}
#header li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding-right: 15px;
}

/* DEPRECATED */
#content {
	width: 832px;
}

.content {
	width: 832px;
}

.round {
	display:block;
}
.round * {
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF;
}
.round1 {
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fdf1e8;
  border-right:1px solid #fdf1e8;
  background:#fef9f5
}
.round2 {
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fce9db;
  border-right:1px solid #fce9db;
  background:#fefaf7;
}

.round3 {
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fefaf7;
  border-right:1px solid #fefaf7;
}

.round4{
  border-left:1px solid #fdf1e8;
  border-right:1px solid #fdf1e8
}

.round5{
  border-left:1px solid #fef9f5;
  border-right:1px solid #fef9f5
}

.roundfg{
  background:#FFFFFF;
  padding-left: 10px;
}
#content_right {
	width: 38%;
	padding-left: 522px;
	font-size: 12px;
	margin-right: 10px;
}

#content_right p {
	width: 280px;
}

#content_left {
	float: left;
	margin-right: 20px;
	padding-right: 50px;
	width: 58%;
}
#filler {
	height: 200px;
}
#nav {
	margin-top: 12px;
	font-size: 14px;
	text-transform: lowercase;
}

#about {
	float: left;
	margin-left: 160px;
}

#contact {
	margin-left: 600px;
}
#links {
	float: left;
}
#about_us {
	background: url(../images/about_us.png) no-repeat;
	width: 149px;
	height: 59px;
}
#contact_us {
	background: url(../images/contact_us.png) no-repeat;
	width: 156px;
	height: 59px;
}
#site_links {
	background: url(../images/site_links.png) no-repeat;
	width: 141px;
	height: 55px;
}
#newsletter_header {
	background: url(../images/newsletter.png) no-repeat;
	width: 157px;
	height: 50px;
}

.no_bullets {
	list-style: none;
	padding-left: 15px;
}

#contact_us_text {
	padding-left: 30px;
}
#what_we_do {
	background: url(../images/what_we_do.png) no-repeat;
	width: 141px;
	height: 46px;
}
#some_examples {
	background: url(../images/some_examples.png) no-repeat;
	width: 187px;
	height: 46px;
}
#footer {
	margin-top: 12px;
	width: 832px;
}
#footer_logo {
	background: url(../images/logo_footer.png) no-repeat;
	width: 114px;
	height: 65px;
	float: left;
}
#footer_text {
	padding-top: 20px;
	font-size: 10px;
	line-height: 130%;
}

h1 {
	font: normal bold 26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 15px;
}

h6 {
	font: 40px Rockadoo;
	margin: 0;
	padding-top: 9px;
	padding-left: 9px;
}
@font-face {
	font-family: Rockadoo;
	src:url(rabiohead.ttf) format("truetype");
}
blockquote {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin-bottom: 5px;
}

img {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

#sg_img_caption {
	width: 220px;
	font-size: 10px;
	margin-left: 23px;
	padding-top: 0;
}

#sg_image {
	float: right;
	margin-left: 10px;
	margin-right:25px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 8px solid #cdcdcd;
	height: 252px;
}

#yp_image {
	float: right;
	margin-left: 10px;
	margin-right:25px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 8px solid #cdcdcd;
	height: 241px;
}

#mgt_image {
	float: right;
	margin-left: 10px;
	margin-right:25px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: 8px solid #cdcdcd;
	height: 287px;
}

#features ul {
	list-style-image: url(../images/check.png);
}

#features li {
	padding-top: 10px;
}

#launch_website {
	margin-top: 55px;
	margin-left: 25px;
}

#launch_website a:hover {
	border: none;
}

/* @group Form */



form #email {
	color: orange;
	width: 65%;
	margin: auto;
	height: 30px;
	font-size: 20px;
}

/*#posEmail {
	background: url(http://localhost/~iwaffles/rockadoo.com/sitev2/images/email.png) no-repeat 0 5px;
	text-indent: 20px;
}*/

#contactFormArea fieldset{
	width: 500px;
	border: 0;
}

#contactFormArea textArea {
	font-size: 15px;
	color: #4288fd;
}

#contactFormArea input {
	width: 400px;
	height: 25px;
	margin-bottom: 5px;
	clear: none;
	display: block;
	font-size: 16px;
	color: #4288fd;
}

#contactFormArea input#selfCC {
	width: 16px;
	display: inline;
}

#contactFormArea input#sendContactEmail.submit {
/*
	font-size: 20px;
	width: 100%;
	height: 35px;
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(/images/formbg.gif) repeat-x left top;
*/
}

/* @end */

ul {
	list-style-image: url(../images/bullet_green.png);
}

li {
	padding-bottom: 2px;
}

#servicesList {
	font-size: 14px;
}

.prev a:hover, .next a:hover {
	cursor:pointer;
}

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 800px;
	height:415px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

#features {
	position: relative;
	float: left;
	margin-top: -250px;
	width: 350px;
}

.sg_container {
	height: 700px;
}

#arrows {
	position:relative;
	width:980px;
	float:left;
	margin-left:-75px;
	top:250px;
	
}

#arrows a:hover {
	cursor: pointer;	
}

#right_arrow {
	float:right;
}

#left_arrow {
	float:left;
}

.button {

  width: 120px;
  height: 24px;
  padding: 5px 5px 3px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border: 2px solid #ccc;
  position: relative;

  /* Label */
  font-family: Lucida Sans, Helvetica, sans-serif;
  font-weight: 800;
  color: #fff;
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.aqua {
  background-color: rgba(60, 132, 198, 0.8);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(28, 91, 155, 0.8)), to(rgba(108, 191, 255, .9)));
  border-top-color: #8ba2c1;
  border-right-color: #5890bf;
  border-bottom-color: #4f93ca;
  border-left-color: #768fa5;
  -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 2px 10px;
  -moz-box-shadow: rgba(66, 140, 240, 0.5) 0px 2px 16px; /* FF 3.5+ */
}

.button .glare {
  position: absolute;
  top: 0;
  left: 5px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  height: 1px;
  width: 142px;
  padding: 8px 0;
  background-color: rgba(255, 255, 255, 0.25);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0)));
}

.clear {
	clear:both;
}