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



/* ----------------------------
Reset
---------------------------- */

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
fieldset,img { border: 0; }
legend { color: #000; }
li { list-style: none; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

input, textarea, select
{
	font-size: 100%;
	line-height: 1.1;
}

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}


img a{border:none;}

/* ----------------------------
end of reset
---------------------------- */









body {background-image:url(images/bg.png);
background-repeat:repeat-x;
background-color:#FE8100;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;

}




#header {background-color:#000;
width:100%;
height:77px;
}

#header_wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:77px;
}

#logo {width:194px;
height:77px;
float:left;
margin-left:15px;
}

#nav {
	width:600px;
	float:right;
	height:26px;
	margin-bottom:10px;
	margin-right:15px;
	margin-top:52px;
	text-align:right;
	text-transform:uppercase;
	font-size:12px;
}
	
	
#nav ul {margin:0}

#nav li {
	display:inline;
	list-style:none;
}	



.link { float:right;
position:absolute;
bottom:8px;
right:10px;
}
	


/*
-----------------------------------------------------------
Typography
-----------------------------------------------------------
*/
	
	
h1, h1 a{
	font-size:12px;
	display:inline;
	text-decoration:none;
	color:#FFF;
	
}

h1 a:hover {
	color:#FF9000;
}



h2 {
	font-size:24px;
	color:#FF9000;
	line-height:27px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:#424242 solid 1px;
}


h3 {
	font-size:17px;
	color:#FF9000;
	line-height:17px;
	text-transform:uppercase;
	padding-bottom:10px;
	border-bottom:#424242 solid 1px;
}



p { margin-top:10px;
	margin-bottom:10px;
	text-align:justify;
	text-justify:inter-word;
	font-size:11px;

}

a {color:#FF9000;
text-decoration:none;
}

a:hover {color:#424242;} 

/*
-----------------------------------------------------------
Typography end
-----------------------------------------------------------
	
*/
	

#main {
	width:940px;
	height:420px;

	margin-top:60px;
	margin-bottom:60px;

	margin-left:auto;
	margin-right:auto;
	
}

#gallery {
	width:680px;
	height:400px;
	border:#000 solid 10px;
	float:left;
	margin-right:10px;
	background-color:#000;
}
	
#content{
	width:210px;
	height:400px;
	padding:10px;
	float:left;
	background-color:#000;
	position:relative;
}


#content li {list-style-image:url(images/bullet.png);
	margin-left:15px;
}



#read_more
{
  display: block;
  width: 80px;
  height: 20px;
  background:url(images/read_more.png) no-repeat 0 0;
  color:#000;

}

#read_more:hover
{ 
  background-position: -80px 0;
}

#read_more span
{

  display: none;

}




#contact {
	width:680px;
	height:400px;
	float:left;
	margin-left:10px;
	background-color:#000;
	padding:10px;
	overflow:hidden;
}
	








/*-----------------------------------------------------------
Portfolio Gallery
-----------------------------------------------------------*/

	#flashcontent {				
		width: 940px;	
		height: 420px;
		padding:0;
	}
/*-----------------------------------------------------------
Portfolio Gallery Ends
-----------------------------------------------------------*/












/*
-----------------------------------------------------------
Footer
-----------------------------------------------------------
	
*/
	



* {
 margin: 0;

}
html, body {
height: 100%;
}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -260px;
}

.footer {
height: 260px;
width:100%;
background-color:#000;

}
.push {
height: 260px;
width:100%;
}


#footer_wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}


.footer_block {
	width:200px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	padding:10px;
	float:left;
}



.footer_block li {
	list-style-image:url(images/bullet.png);
	margin-left:15px;
}

/*-----------------------------------------------------------
Follow us links
-----------------------------------------------------------*/


#subscribe
{
  display: block;
  width: 186px;
  height: 36px;
  background:url(images/follow/mailing_list.png) no-repeat 0 0;

}

#subscribe:hover
{ 
  background-position: -186px 0;
}

#subscribe span
{
  display: none;
}


#subscribe2
{
  display: block;
  width: 186px;
  height: 36px;
  background:url(images/follow/mailing_list2.png) no-repeat 0 0;

}

#subscribe2:hover
{ 
  background-position: -186px 0;
}

#subscribe2 span
{
  display: none;
}




#twitter_follow
{
  display: block;
  width: 186px;
  height: 36px;
  background:url(images/follow/twitter.png) no-repeat 0 0;

}

#twitter_follow:hover
{ 
  background-position: -186px 0;
}

#twitter_follow span
{
  display: none;
}


#artician
{
  display: block;
  width: 186px;
  height: 36px;
  background:url(images/follow/artician.png) no-repeat 0 0;

}

#artician:hover
{ 
  background-position: -186px 0;
}

#artician span
{
  display: none;
}



#behance
{
  display: block;
  width: 186px;
  height: 36px;
  background:url(images/follow/behance.png) no-repeat 0 0;

}

#behance:hover
{ 
  background-position: -186px 0;
}

#behance span
{
  display: none;
}









/*
-----------------------------------------------------------
Footer end
-----------------------------------------------------------
	
*/