html, body{width:100%;height:100%;padding:0px;margin:0px;}
body{height:100%;}

img { border:none; }





a:link {
color: #cecbc4;
text-decoration:underline
}


a:visited {
color: #cecbc4;
text-decoration:underline
}


a:active {
color: #cecbc4;
text-decoration:underline
}


a:hover {
color: #f5f2eb;
text-decoration:underline
}



/** FORM FIELDS **/
fieldset{
	border:0px;
}


.content{
	padding: 20px 20px 20px 20px;
	font-family: Verdana, Arial, Tahoma;
	font-size:13px;
	line-height:20px;
	color:#f5f2eb;	
	}

.inputsection{
	width: 92%;
	padding: 5px 9px;
	height: 20px;
	margin-top: 5px;
	border: 1px solid #4c4c4c;
	border-radius: 3px;
	background-image: url(../images/imput_bg.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#f5f2eb;
}

.submitbutton{
	padding: 5px 9px;
	height: 25px;
	margin-top: 5px;
	border: 1px solid #4c4c4c;
	border-radius: 3px;
	background-image: url(../images/imput_bg.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#f5f2eb;
	cursor:pointer;
}

.submitbutton:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.inputlargesection{
	width: 92%;
	padding: 5px 9px;
	height: 130px;
	margin-top: 5px;
	border: 1px solid #4c4c4c;
	border-radius: 3px;
	background-image: url(../images/larginput_bg.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #f5f2eb;
}

/** IMAGE OVERLAY SECTION **/
.overlay{
	width: 100%;
	height: 100%;
	float:left;	
	top: 0;
	left: 0;
	background-image: url(../images/overlay.png);
	background-repeat: repeat;
	z-index:1;
}

.wrap{
	width:100%;
	float:none;
	margin:0 auto 0 auto;
	overflow:hidden;
	z-index:2000;
}


/** NAVIGATION, LOGO AND SOCIAL ICONS **/
.nav_wrap{
	width: 705px;
	float: none;
	margin: 0px auto 0px auto;
	height:90px;
	overflow:hidden;
}

.logo{
	width: 111px;
	height: 56px;
	float: left;
	background-image: url(../images/logo_bg-.png);
	background-repeat: repeat-x;
	padding:20px 69px 20px 70px
}

.nav{
	width: 100%;
	float: left;
	background-image: url(../images/nav_bg_top.png);
	background-repeat: repeat-x;
	background-position: left top;
}

.nav ul{
	width:100%;
	float:left;
	top:0;
	padding:10px 0px;
	margin:0px;
}

.nav > ul > li{
	width: 100%;
	padding: 16px 0px 20px 0px;
	background-image: url(../images/splitter.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style-image: none;
	list-style-type: none;
	cursor:pointer;
}

.nav > ul > li a, .nav > ul > li a:visited{
	color: #f5f2eb;
	text-decoration:none;
}

.nav > ul > li a:hover{
	color: #00abfa;
}

.socialicons{
	margin-top:25px;
	width: 100%;
	float: left;
	height: 20px;
	text-align: center;
	background-image: url(../images/social_bg.png);
	background-repeat: repeat-x;
	padding:10px 0px 9px 0px;
}

.socialicons img{
	border:0px;
}

.socialicons img:hover{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

/** COUNTDOWN SECTION **/
.counter_wrap{
	width: 700px;
	float: none;
	margin: 40px auto 0px auto;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
}

.counter_title{
	width:100%;
	float:left;
	text-align:center;
}

.counter_title h1{
	font-family: 'Droid Serif', serif;
	color:#f5f2eb;
	font-size:16pt;
	padding:20px 0px;
	maring:0px;
	font-weight:200;
}

.numbers{
	width:25%;
	height:105px;
	float:left;
}

.days, .hours, .minutes, .seconds{
	font-family: 'Droid Serif', serif;
	color:#f5f2eb;
	width:100%;
	float:left;
	text-align:center;
	font-size:32pt;
	padding:0px;
	margin:0px;
}

.smallfont{
	font-family: 'Open Sans', sans-serif;
	color:#f5f2eb;
	width:100%;
	float:left;
	text-align:center;
	font-size:9pt;
	padding:0px;
	margin:0px;
}

/** SOCIAL PAGE **/
.twitterwrap{
	width: 670px;
	float: none;
	margin: 40px auto 0px auto;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	padding:0px 15px 15px 15px;
	display:none;
}

.mytwittertitle{
	width:100%;
	float:left;
	text-align:center;
}

.mytwittertitle h2{
	font-family: 'Droid Serif', serif;
	color:#f5f2eb;
	font-size:16pt;
	padding:10px 0px 0px 0px;
	maring:0px;
	font-weight:200;
}

.twitterbody{
	width:100%;
	float:left;
}

.tweet,
.query {
	font-family: 'Droid Serif', serif;
	color: #D3D3D3;
}

.tweet_list {
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}
	
.tweet_list .awesome,
.tweet_list .epic {
	text-transform: uppercase;
}

.tweet_list li {
	text-align:center;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.3em;
	list-style-type: none;
	border:0px !important;
	font-family: 'Droid Serif', serif;
	font-weight:normal;
	text-decoration:none;
	font-size:12pt;
	color:#E1E1E1;
}

.tweet_list li:first-child{
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.3em;
	list-style-type: none;
	list-style-type: none;
	border:0px !important;
}

.tweet_list li:last-child{
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	border-top:0px;
	border-bottom:0px;
}
		
.tweet_list li a {
	color: #018ADC;
	text-decoration:none;
}

.tweet_list li a:hover {
	color: #38b2fe;
	text-decoration:underline;
}

.tweet_list .tweet_avatar {
	padding-right: .3em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/** Latest Works Area **/
.works_wrap{
	width:890px;
	float:none;
	margin:40px auto 0px auto;
	padding:0px 0px 0px 10px;
	overflow:hidden;
	display:none;
}

.works_wrap > ul{
	float:left;
	margin:0p;
	padding:0px;
}

.works_wrap > ul > li{
	width: 200px;
	float: left;
	display: inline-block;
	margin: 10px 10px;
	list-style-image: none;
	list-style-type: none;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	background-color:#3b3b3b;
	overflow:hidden;
	position:relative;
}

.works_wrap > ul > li div.imagewrap{
	width:100%;
	float:left;
	height:130px;
}

.works_wrap > ul > li .imagewrap img{
	width:100%;
	height:auto;
	border:0px;
}

.works_wrap > ul > li div.imagetext{
	width: 100%;
	height: 20px;
	float:left;
	padding: 1px 0px 4px 5px;
	background-image: url(../images/works_title_bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #f5f2eb;
	font-size: 10pt;
	background-position: left top;
}

.works_wrap > ul > li:hover > .enlarge{
	display:block;
}

.enlarge{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	background-image: url(../images/whiteoverlay.png);
	background-repeat: repeat;
}

.enlargeimg{
	width:38px;
	height:38px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-19px 0px 0px -19px;
}

/** CONTACT SECTION **/
.contact_wrap{
	width: 300px;
	float: none;
	margin: 40px auto 0px auto;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	display:none;
}

.errorcontainer, .successcontainer{
	float: none;
	width:280px;
	margin: 20px auto 0px auto;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat;
	border-radius:5px;
	-moz-box-shadow:0px 0px 6px black;
	-ms-box-shadow:0px 0px 6px black;
	-o-box-shadow:0px 0px 6px black;
	-webkit-box-shadow:0px 0px 6px black;
	box-shadow:0px 0px 6px black;
	overflow:hidden;
	color:white;
	text-align:center;
	padding:5px;
	display:none;
	font-family: 'Droid Serif', serif;
	font-weight:200;
	font-size:10pt;
}

/* BACKGROUND SLIDER CSS */
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/		
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

.clear{clear:both;}

/** MEDIA SECTION **/
@media all and (max-width:900px) {
	.works_wrap{width:750px;}
	.works_wrap > ul > li{width: 230px;}
}

@media all and (max-width:750px) {
	.counter_wrap{width:500px;}
	.twitterwrap{width:500px;}
	.works_wrap{width:500px;}
}

@media all and (max-width:520px) {
	.counter_wrap{width:300px;}
	.twitterwrap{width:300px;}
	.works_wrap{width:300px;}
	.counter_title h1{font-size:10pt;padding-left:10px;padding-right:10px;}
	.days, .hours, .minutes, .seconds{font-family: 'Droid Serif', serif;font-size:26pt;}
	.works_wrap > ul > li{width: 260px;}
}


.footer{
	width: 700px;
	float: none;
	text-align:right;
	margin: 8px auto 0px auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	overflow:hidden;
}