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

/* GRACIENT BG 
*http://css-tricks.com/examples/CSS3Gradient/
*/

html
{
	width:100%;
	height:100%;
}

body {
  /* fallback */
  background-color: #1a82f7;
  background: url(images/linear_bg_2.png);

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f2f2), to(#d5d5d5));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #f4f2f2, #d5d5d5);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #f4f2f2, #d5d5d5);

  /* IE 10 */
  background: -ms-linear-gradient(top, #f4f2f2, #d5d5d5);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #f4f2f2, #d5d5d5);
  
  /* Sizing fix  for Nav animation on screen sizes 1000px and up*/ 
 
  min-height:100%;
  width:100%;
}

/* INFO NAV TOGGLE STYLE */
.toggledDiv {
	width:990px;
    height:0;
    overflow: hidden;
	margin:0px auto;
	padding:-5px 0px 25px 0px;
}


/* Font Style */
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:.7em;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h1 {
	font-size:3em;
	font-family: 'Oswald', sans-serif; font-weight:700;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h2 {
	font-size:2em;
	font-family: 'Oswald', sans-serif; font-weight:700;
	font-style:normal;
	font-weight: normal;
	color:#333;
}

h3 {
	font-size:100%;
}

h4 {
	font-size:75%;
}

h5 {
	font-size:50%;
}

h6 {
	font-size:25%;
}

/* Structural CSS */



#main {
	position:relative;
	width:999;
	margin:auto auto;
	display:block;
	/*background-color:#CCC;*/
}



/*Nav Style*/

#nav
{
	width:990px;
	margin:auto auto;
	font-size:22px;
}
	
#menu
{
	margin:0 0;
}


#menu li {
	display:inline;
}

#menu li a { 	
	font-family: 'Oswald', sans-serif; font-weight:700;
    font-weight:bold;
	text-decoration:none;
	color:#000;	
}

/* Animated CSS */

.message_info
{
	width:990px;
	height:0px; 
	margin:0px auto;
	
}

#contains
{
	margin:0px;
	width:490px;
	height:inherit;
	padding:5px 0px 25px 0px;
}

.info
{
	display:inline;
	cursor:default;
	float:right;
	margin:5px 0px;
	text-decoration:none;
	color:#333;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:18px;
	padding:5px 0px 25px 0px;
}

.message
{
	width:300px;
	height:150px;
	margin:17.5px 0px;
	background-color:#333;
	float:left;
}

textarea
{
	outline:none;
	resize:none;
	border:none;
	background:none;
	color:#fff;
	margin:5px 0px 0px 10px;
	padding:5px 0px;
	font-family: 'Oswald', sans-serif; font-weight:400;
}

input
{
	outline:none;
	background:none;
	border:none;
	border-radius:10px;
	margin:5px 0px 0px 10px;
	padding:5px 0px;
	
	color:#fff;
	
	font-family: 'Oswald', sans-serif; font-weight:400;

}
input[type=submit]
{
	background:none;
}
input:-moz-placeholder
{
	color:#fff;
}
input::-webkit-input-placeholder
{
	color:#fff;
}

/* Gallery Grid Styles */
.gallery {
	position: relative;
	overflow: hidden;
	width:990px;
	margin:0px auto;
}

.title {
	height:20px;
	text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-style:normal;
	font-size:1em;
	font-weight: normal;
	color:#333;
	padding-bottom:30px;
}

.project-left {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-middle-left {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-middle-right {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
	padding-right:10px;
}

.project-right {
	display:inline;
	float:left;
	position:relative;
	margin:0px;
}

.project-info {
	margin-bottom:15px;
	margin-top:10px;
}

.project-info div {
	background-color:#CCC;
	width:auto;
	height:auto;
	display:inline;
	position:relative;
	padding:5px;
	margin:2px;
}


header {
	width:100%;
	height:25px;
	color:#000;
	position:relative;
	margin:0px auto;
	padding:35px 0px 25px 0px;
	/*background: #CCC  */
	
}
header a {
	color:#000;
	
}

#totalImages {
	color:#fff;
	
}
#counter p {
	color:#fff;
	
}

/* Blog Style */

.tumblr {

	
}

.tumblr li {
	list-style:none;
}

.tumblr p {
} 
.tumblr img {
	
	display:inline-block;
}

.tumblr-post-date {
}

/* Carousel Style */
#lightbox {
	z-index:4;
	position:fixed;
	top:0; left:0;
	width:100%;
	height:100%;
	background:url(../images/overlay2.png) repeat;
}

.container {
	margin: auto auto;
	width: 990px;
}

.vid {
	position:relative;
	z-index:9999;
	margin:auto auto;
	margin-top:10%;
	width:900px;
}
.vid a {
	text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-style:normal;
	font-size:2em;
	color:#fff ;
}

#button {
	
}

.carousel {
	position:relative;
	z-index:99999;
    width:100%;
}
#slides {
    /* fix ie overflow issue */
	position:absolute;
	overflow:hidden;
    width:300%;
    height:540px;
	margin:60px auto 30px auto;
}
  
#slides ul {
    position:absolute;
	height:inherit;
    left:inherit;
    top:inherit;
    list-style:none;
    margin:0;
    padding:0;    
    width:100%; 
	height:auto;          
}

#slides li {
	position:relative;
	display:inline-block;
	margin:auto;
	padding-left:4%;
}

#slides li img {
	cursor:pointer;
	display:block;
	width:990px;
    height:540px;
}

#title {
	text-align:left;
	width:300px;
	margin:610px 0px 0px 20px;
	float:left;
} 
#title p{
	color:#fff;	
		/* ?? gallery text style */
	text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-style:normal;
	font-size:.9em;
	color:#fff ;
	
	
}
/* Carousel Counter */
#counter p {
	display:inline;
}
#counter {
	text-align:center;
	width:45px;
	height:30px;
	margin-top:625px;
	float:left;
}
/* Styling for prev and next buttons */
#close {
	padding:0 0;
	float:right;
}
#closef {
	padding:0 0;
	float:right;
}
#close a {
	display:block; 
    width:30px; 
    height:30px;
    float:right;
    outline:0;
}
#buttons {
	float:inherit;
	display:block;
	width:990px;
	height:30px;
	margin:0 auto;
}

#buttons a {
	margin-top:630px;
    display:block;
    width:15px; 
    height:15px;
    outline:0;
}
a#prev {
    background:url(../images/leftarrow.png) center no-repeat; 
	float:left;
}
a#prev:hover {
    background:url(../images/leftarrow.png) center no-repeat;
}
a#next {
    background:url(../images/rightarrow.png) center no-repeat; 
	float:left;
}
a#next:hover {
    background:url(../images/rightarrow.png) center no-repeat;
}
a#close {
	background:url(../images/x.png) 0 0 no-repeat;
	float:right;
}
a#closef {
	background:url(../images/x.png)  no-repeat;
	width:15px;
	height:15px;
	margin-top:15px;
	float:right;
}

/* MASONRY CSS */
#blog{
	width:100%%;
	margin: 0 auto;
}
.tumblr p {
      text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:1em;
}
.tumblr a {
       text-decoration:none;
	font-family: 'Oswald', sans-serif; font-weight:400;
	font-size:1em;
	color:#CCC;
}
.item{
	
  margin: 10px;
  float: left;
	
}
#container{
	isFitWidth: true;
	margin: 0 auto;
	
}

#circleG{
	z-index:0;
	position:absolute;
	top:35%; left:45%;
	width:149.33333333333334px;
}

.circleG{
background-color:#FFFFFF;
float:left;
position:relative;
height:32px;
margin-left:17px;
width:32px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:21px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:21px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:21px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:21px;
animation-name:bounce_circleG;
animation-duration:1s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:21px;
}

#circleG_1{
-moz-animation-delay:0.01s;
-webkit-animation-delay:0.01s;
-ms-animation-delay:0.01s;
-o-animation-delay:0.01s;
animation-delay:0.01s;
}

#circleG_2{
-moz-animation-delay:0.1s;
-webkit-animation-delay:0.1s;
-ms-animation-delay:0.1s;
-o-animation-delay:0.1s;
animation-delay:0.1s;
}

#circleG_3{
-moz-animation-delay:0.25s;
-webkit-animation-delay:0.25s;
-ms-animation-delay:0.25s;
-o-animation-delay:0.25s;
animation-delay:0.25s;
}

@-moz-keyframes bounce_circleG {


}

@-webkit-keyframes bounce_circleG{

50%{
background-color:#000000
}


}

@-ms-keyframes bounce_circleG{

50%{
background-color:#000000}

}

@-o-keyframes bounce_circleG{

50% {
background-color:#000000
}

}

}

@keyframes bounce_circleG{
0%{
}

50%{
background-color:#000000}

100%{
}

}