@charset "utf-8";
/* CSS Document */

body {
	background-color:#41271b;
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

/* Text formatting */
@font-face {
  font-family: ChunkFive;
  font-style: normal;
  font-weight: normal; 
  src: url('/fonts/Chunkfive.eot');
  src: local('ChunkFive'), url('/fonts/Chunkfive.otf') format('opentype');
}

p {
  font-style:italic;
  line-height:15px;
  word-spacing:1px;
}

h1 {
  font-weight:500;
}

h2 {
  margin:0px;
  padding: 0px 0px 10px 0px;
  font-family:ChunkFive,Georgia;
}

h3 {
  font-size:23px;
  font-weight:300;
  font-family:ChunkFive,Georgia;
}

li {
  list-style:none;
  padding-bottom: 20px;
}

.clear {
  clear:both;
}

a {
  text-decoration:underline;
  color:#FFF;
}

h1 {
	font-family:ChunkFive,Georgia;
	color:#bd363d;
	font-size:36px;
	font-weight:200;
	font-style:normal;
	margin:0px;
	width:550px;
	padding-top:40px;
	padding-bottom:40px;
}

a img {
margin:0px;
padding:0px;
border:none;
text-decoration:none;
}

/* Header */

#logo {
  margin-bottom:50px;
}

#header {
	border-top:1px solid maroon;
	color:#FFF;
	height:380px;
	z-index: 3;
}

#headercontent {
	background:url(/images/jellylocal/moon.png) no-repeat top right;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding-left:20px;
	position:relative;
	width:960px;
}

#rockethanger {
  position:absolute;
  top:0px;
  right:0px;
}

#rocket {
  position:relative;
}

#maintext {
	font-style:italic;
	font-size:19px;
	line-height:17px; 
	word-spacing:1px;
	width:500px;
}

#background {
  background: url(/images/jellylocal/background.png) repeat 5% 5%;
  height:380px;
  z-index: 1;
}

/* Frame tops */

#cloudtop {
  background:url(/images/jellylocal/cloudtop.png) repeat-x center #bd363d;
  height:60px;
}

#bluetop {
  background:url(/images/jellylocal/bluetop.jpg) #69b4d6 center repeat-x;
  height:57px;
  clear:both;
}

/** What we do **/

#whatwedo {
	background-color:#FFF;
	color:#bd363d;
	padding-bottom:20px;
	padding-top:30px;
}

.whatwedohd {
	width:200px;
	padding:0px;
	margin:0px;
	padding-bottom:20px;
}

#whatwedoct {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}

#whatwedoct h1 {
	color:#bd363d;
	font-family:ChunkFive,"Georgia";
	font-size:36px;
	font-weight:200;
	font-style:normal;
	margin:0px;
	width:550px;
	padding-top:10px;
	padding-bottom:20px;
}

.service {
	width:300px;
	float:left; 
	position:relative;
}

.service p {
  color:#5e5e5e;
  font-size:13px;
}

#secondservice {
  margin-left:20px;
}

#lastservice {
  margin-left:10px;
  float:right;
}

.more {
	width:56px;
	height:56px;
	position:absolute;
	right:-14px;
	top:100px;
}

/* Portfolio */
#portfolio {
	width:100%;
	padding-top:15px;
	color:#FFF;
	background-color: #52a6cc;
}

#portfolioct {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/jellylocal/baloon.jpg) no-repeat top right;
	padding-bottom:30px;
}

#portfolioct h2 {

	color:#FFF;
	font-size:23px;
	font-weight:500;
}

#portfolioct h1 {
	font-family:ChunkFive,Georgia;
	color:#FFF;
	font-size:36px;
	font-weight:200;
	font-style:normal;
	margin:0px;
	padding-left:10px;
	width:550px;
	padding-top:40px;
	padding-bottom:40px;
}

.item {
	width:860px;
	float:left;
	margin-top:10px;
	background:url(/images/jellylocal/clouds.png) top right no-repeat;
	margin-left:10px;
	height:295px;
	padding-top:10px;
}

.item2 {
	width:860px;
	float:left;
	margin-top:10px;
	background:url(/images/jellylocal/clouds2.png) top left no-repeat;
	margin-left:10px;
	height:295px;
	padding-top:10px;
}

.portfolioimage {
	float:left;
	width:380px;
}

.portfoliotext {
	float:right;
	margin-right:80px;
	text-align:left;
	width:380px;
}

.portfolioimage2 {
	float:right;
	width:380px;
}

.portfoliotext2 {
	float:left;
	margin-right:80px;
	text-align:left;
	width:380px;
}
	
#footer {
	height:200px;
	background-color:#41271b;
	padding-top:10px;
	border-top: 1px solid #2d180e;
}

#footercontent {
	color:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	width:960px;
	margin-bottom:40px;
	height:auto;
	margin-top:20px;
}

#copyright {
	color:#FFF;
	width:460px;
	font-size:13px;
	clear:both;
	margin-bottom:30px;	
	float:left;
}

#footerleft {
	width:460px;
	float:left;
	margin-bottom:20px;
}

.shade {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	margin-top:30px;
}

#contact {
	width: 380px;
	float:right;
	margin-right:20px;
	font-size:13px;
	margin-bottom:20px;
}

#contact textarea {
  margin-top:10px;
  margin-bottom:10px;
  border: none;
}

#contact h3 {
  margin-bottom:0px;
}

select { border: none; padding: 1px; margin-top: 3px; }
 
#howdidhear { color: #999; }

#submit { float: right; }
					
#twitter {
	float:right;
	width:140px;
	float:right;
}

#shopsbg {
	height:262px;
	margin-left:auto;
	background:url(/images/jellylocal/skygradient.jpg) repeat-x bottom #52a6cc;
}

#shops {
	width:960px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
}

#concrete {
	background:url(/images/jellylocal/concrete.jpg) repeat-x bottom;
	height:39px;
}