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

* {margin:0; padding:0;}

body {
	background: url(../images/bg-web.jpg) top center no-repeat #000000;
	color:#e6e6e6;
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	margin: 0 auto;
}

h1 {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
}

h2 {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
h3 {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.aqua {
	color:#19faad;
}
.green {
	color:#9ee40a;
}
.purple {
	color:#83186e;
}
.lightpurple {
	color:#7d5d85;
}
.yellow {
	color:#fbff1f;
	}

/* image full boxes */

.prjbox {
	width:270px;
	height:250px;
	background: #221a24;
	float:left;
	border: 1px solid #412d46;
	padding: 10px 10px 30px 10px;
	margin:0 8px 8px 0;
}

.prjbox p {padding-top:10px; color:#7d5d85;}

/* image thumb boxes */

.pixbox {
	width:270px;
	height:210px;
	background: #221a24;
	float:left;
	border: 1px solid #412d46;
	padding: 10px 10px 30px 10px;
	margin:0 8px 8px 0;
}

.pixbox p {padding-top:10px;}

.pixcapt1 {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#83186e;
}

.pixcapt2 {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:regular;
	font-style:italic;
	color:#7d5d85;
}
.view {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9ee40a;
	text-align:right;
}

a:link {
	color:#9ee40a;
	text-decoration:none;
}
a:visited {
	color:#9ee40a;
	text-decoration:none;
}
a:hover {
	color:#a80a7c;
	text-decoration:none;
}

a.view:link {
	color:#9ee40a;
	text-decoration:none;
}
a.view:visited {
	color:#9ee40a;
	text-decoration:none;
}
a.view:hover {
	color:#19faad;
	text-decoration:none;
}

a.piclink:link {
	color:#83186e;
	text-decoration:none;
}
a.piclink:visited {
	color:#83186e;
	text-decoration:none;
}
a.piclink:hover {
	color:#9ee40a;
	text-decoration:none;
}

a.yellowlink:link {
	color:#fbff1f;
	text-decoration:none;
}
a.yellowlink:visited {
	color:#fbff1f;
	text-decoration:none;
}
a.yellowlink:hover {
	color:#19faad;
	text-decoration:none;
}


#wrapper {
	width:1000px;
	height:auto;
	margin: 0 auto;
	padding:0;
	z-index:0;
	overflow:auto;
	text-align:justify;
}

#dragonflies {
	width:980px;
	height:140px;
}

/* header bits */
#header {
	width:985px;
	height:122px;
	color:#8fd00b;
	padding:110px 15px 0 0;
}

#menu {
	position:absolute;
	width:943px;
	height:35px;
	margin-top:140px;
	padding:15px 0 0 53px;
	color:#d6fed3;
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#menu li {
	display:inline;
	padding-right:45px;
}

#menu a {
	color:#fbff1f;
	text-decoration:none;
}

#menu a:hover {
	color:#9b1d83;
	text-decoration:none;
}

#socialmedia {
	height:150px;
	position:absolute;
	margin:150px 0 0 890px;
	z-index:3;
}

#fullcontent {
	width:1000px;
	height:auto;
	overflow:auto;
	background:url(../images/bg-full.png) repeat-y;
	float:left;
}

/* sidebar bits */
#sidebar {
	width:276px;
	height:auto;
	float:left;
	border-top:1px solid #ecea1b;
	border-bottom:1px solid #ecea1b;
	background: url(../images/bg-sidebar.png) repeat-y; 
	margin-left:10px;
	padding:22px;
}

/* content bits */
#content {
	width:606px;
	height:auto;
	float:left;
	border-top:1px solid #ecea1b;
	border-bottom:1px solid #ecea1b;
	background: url(../images/bg-content.png) repeat-y; 
	margin-left: 8px;
	padding:22px;
}

/* contact form */
	
#formbox {
	width:400px;
	height:auto;
	margin-left:34px;
	background: #151e2a;
	border: 1px solid #2c3d54;
	color: #8abcff;
	line-height:14pt;
	padding:5px;
	text-align:left;
}

.formbox_copy {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #1a4174;	
	line-height:14pt;
}



/* footer bits */
 #footer {
	width:1009px;
	height:230px;
	margin: 0 auto;
	padding:0;
	padding-left:9px;
	background:url(../images/bg-footer.jpg) bottom no-repeat;
} 

#footer a:link{
	color:#9ee40a;
	text-decoration:none;
}
#footer a:hover{
	color:#19faad;
	text-decoration:none;
}

#ftsidebar {
	width:276px;
	height:auto;
	float:left;
	/*  border-top:1px solid #ecea1b;
	border-bottom:1px solid #ecea1b; 
	background: url(../images/bg-sidebar.png) repeat-y; */
	margin-left:10px;
	padding:22px;
	z-index:2;
}

#ftcontent {
	width:606px;
	height:auto;
	float:left;
	/*  border-top:1px solid #ecea1b;
	border-bottom:1px solid #ecea1b; 
	background: url(../images/bg-content.png) repeat-y; */
	margin-left: 8px;
	padding:22px;
	z-index:1;
}

#footer_main {
	width:950px;
	height:100px;
	/* position:absolute; */
	margin:20px;
	/* overflow:hidden; */
	padding:50px 0 0 20px;
	z-index:10;
	float:left;
	clear:both;
}

#footer_sub {
	width:950px;
	margin:20px;
	height:auto;
	/* position:absolute;
	overflow:hidden; */
	padding:125px 0 0 20px;
	z-index:12;
	float:left;
	clear:both;
}

#inspiration {
	width:385px;
	height:102px;
	position:absolute;
	float:left;
	padding:10px 0 0 140px;
}