/* import stylesheets and hide from IE/Mac \*/
@import url("");

/* CSS Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, ul, li, fieldset, form, label { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }

:focus { outline: 0; }


/* all */
html{
  *overflow-x:hidden;
}
body {
  background: url(../images/bg.jpg); 
  font-family: "Century Gothic", Arial, Helvetica,  sans-serif;
  font-size: 62.5%;
  line-height: 1.8em; 
  color: #fff;
  font-weight: lighter;
  background-color:#000;
}

/* type */
@font-face {
	font-family: 'Century Gothic';
	src: url('../type/Century.ttf');
	src: local('Century Gothic Gothic'), 
		 local('Century'), 
		 url('../type/Century.ttf') format('truetype');
}

@font-face {
	font-family: 'Century Gothic-Bold';
	src: url('../type/GOTHICB.ttf');
	src: local('GOTHICB GOTHICB'), 
		 local('GOTHICB'), 
		 url('../type/GOTHICB.ttf') format('truetype');
}
a {  
  text-decoration: none;
}

h1 {
  font-size:2.2em;
  font-weight:normal;
  line-height:1.8em;
}

h2 {
  font-size:1.8em;
  font-weight:normal;
  line-height:1.8em;
}

h3 {
  font-size:1.8em;
  font-weight:normal;
  line-height:0.9em;
}

p {
  font-size:1.2em;
  font-weight:lighter;
}
.line{
 *margin:3px 0px;
  margin:5px 0px;
  height:2px;
  background:url(../images/line.png) repeat-x;
}

small a{
  font-family: Arial, sans-serif;
  font-size:1.1em;
  color: #959595;
}
small :hover{
  font-family: Arial, sans-serif;
  font-size:1.1em;
  color: #7ab32a;
}

.big_title{
  font-size:2.6em;
  font-weight:normal;
  line-height:1.8em;
  letter-spacing:-0.05em;
}
.green_text{
  color:#7ab32a;
}
.white_text{
  color:#fff;
}



/* Structure */
.back { 
  background: url(../images/bg_header.jpg) no-repeat center;
  background-position:center 47px;
  overflow-y: hidden;
}

.main_container { 
  margin: 0 auto; 
  width: 100%;
  overflow:hidden;
  *overflow-x:hidden;
}


#top_header_wrap { 
  background: url(../images/bg_nav.png) repeat-x top left; 
  width:100%;
}

#top_header {
  margin:0 auto;
  width:960px;
}

#header_wrap { 
  margin:0;
  height: 530px;
  width:100%;
}

#header { 
  margin:0 auto;
  width:960px;
  height: 530px;
}

#content_wrap {
  clear:both;
 *margin-top:450px;
  margin-top:20px;
  width:100%;
  background: url(../images/bg_content.png); 
}

#content_top {
  width:100%;
  height:26px;
  background: url(../images/bg_content_top.png);
}

#content_bottom {
  width:100%;
  height:26px;
  background: url(../images/bg_content_bottom.png); 
}

#content {
  margin:0 auto;
  width:960px;
}
.clear{
 clear:both;
}
.clear2{
 *height:30px;
 clear:both;
}
.clear3{
 *height:130px;
 clear:both;
}

/* Footer */
#footer {
  margin:0;
  width:100%; 
}
.foot_cont {
 margin:0 auto;
 width:960px;
 height:68px;
 text-align:center;
 background:url(../images/ladybug.png) no-repeat center;
  *overflow-x:hidden;
}
.foot_cont p {
 color:#7cb417;
 text-shadow:3px 3px 3px #000;
}




/* nav */
.menu {
margin:0px;
position:relative;
height:56px;
font-size:1.6em;
color:#7cb417
}


.menu ul{
list-style-type:none;
padding:10px;
margin:0 0 0 20px;
width:960px;	
height:100%;
}

.menu li{
float:left;
}

.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu a, .menu :visited {
color:#fff;
text-decoration:none;
}

.selected {
color:#7cb417
}

.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0px 10px;
line-height:1.9em;
cursor:pointer;

}


.menu ul ul {
visibility:hidden;
position:absolute;
height:28px;
left:0px;
width:960px;
text-shadow:1px 1px #000;
font-size:0.9em;
}
.menu ul ul li.showcase1{
position:relative;
left:150px;
background: url(../images/bg_submenu.png) repeat-x;
background-position:0px -6px;
}

.menu ul ul li.showcase2{
position:relative;
left:150px;
background: url(../images/bg_submenu2.png) repeat-x;
background-position:0px -6px;
}
.menu ul ul li.whatwedo1{
position:relative;
left:0px;
background: url(../images/bg_submenu.png) repeat-x;
background-position:0px -6px;
}

.menu ul ul li.whatwedo2{
position:relative;
left:0px;
background: url(../images/bg_submenu3.png) repeat-x;
background-position:0px -6px;
}

.menu :hover {
white-space:normal;
}

.menu a:hover b {
color:#7cb417;
}


.menu li:hover > a b
{
color:#7cb417;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}

.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2.3em; /*submenu to top*/
}

.menu ul :hover ul li {
  display:block; 

}
.menu ul :hover ul li a {
display:block; 
font-size:1em; 
height:2em; 
line-height:1.8em; 
width:auto; 
float:left; 
color:#7cb417; 
padding:0 10px;
}
.menu ul :hover ul li a:hover {
color:#fff;
}



/* Logo */

.logo {
 margin:0;
 width:275px;
 float:left;
 text-shadow: 1px 1px #000;
}
.logo img {
 padding:56px 0px 0px 50px;
}

/* text_home */
.text_home { 
 padding:0px 18px;
 margin:100px 0px 0px 0px;
 text-align:left;
}

.text_home a{
 color:#7ab32a;
 text-decoration:underline;
}
.text_home :hover{
 color:#fff;
 text-decoration:none;
}
.text_home :visited{
 color:#adaeac;
 text-decoration:none;
}




.slid_layout {
 text-align:left;
}


/* HOME */
.content_left{
 float:left;
 margin:0px 0px 0px 16px;
 width:280px;
}

.content_center{
 float:left;
 width:280px;
 margin:0px 0px 0px 48px;

}

.content_right{
 float:right;
 width:280px;
 margin:0px 0px 0px 22px;
}

#content h1 {
 margin-top:10px;
 font-size:2.2em;
 color:#fff;
}

#content h2 {
 margin-top:-5px;
 margin-bottom:10px;
 font-size:1.4em;
 color:#959595;
}

#content p {
 font-size:1.2em;
 color:#b5b5b5;
 text-shadow:1px 1px #000;
}

#content img {
 float:left;
 margin:5px 10px 5px 0px;
}





/* Contact Us */

#form_bg{
  width:580px;
  height:460px;
  margin-left:280px;
  background:url(../images/bg_t.png);
  padding:20px;

}
#form_shadow{
  width:640px;
  height:52px;
  margin-left:280px;
  background:url(../images/bg_shadow.png) no-repeat;
}


.form { 
    width:400px;
    margin-left:14%;
    text-align:left;
	}
input, textarea { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 180px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #fff; 
	font-size:1.2em;
	}

.submit input {
    padding:0px;
	width: 71px;
    height:38px; 
	background:url(../images/send.png) no-repeat;
	border:0px;
	}



/* Our Clients */

#client_bg{
  width:580px;
  height:530px;
  margin-left:280px;
  background:url(../images/bg_t.png);
  padding:20px;

}
#client_shadow{
  width:640px;
  height:52px;
  margin-left:280px;
  background:url(../images/bg_shadow.png) no-repeat;

}

#l_logo{
  float:left;
  width:232px;
}
#l_logo img{
  margin:15px 0px;
}

#m_logo{
  float:left;
  margin-left:275px;
  margin-top:-510px;
  width:148px:
}
#m_logo img{
  margin:15px 0px;
}


#r_logo{
  float:right;
  margin-right:0px;
  margin-top:-530px;
  width:114px;
}
#r_logo img{
  margin:9px 0px;
}


/* Showcase */

#showcase_bg{
  width:610px;
  height:625px;
  margin-left:280px;
  background:url(../images/bg_t.png);

}
#showcase_shadow{
  width:640px;
  height:52px;
  margin-left:280px;
  background:url(../images/bg_shadow.png) no-repeat;
}
#onlinemag_shadow{
  width:640px;
  height:52px;
  margin-left:300px;
  margin-top:-80px;
  background:url(../images/bg_shadow.png) no-repeat;
}
.show_title{
}
.show_title a{
  padding:0px 8px;
  color:#fff;
  background:url(../images/bg_t.png);
  text-shadow:none;
  
}
.show_title :hover{
  padding:0px 8px;
  color:#000;
  background:url(../images/bg_g.png);
  text-shadow:none;  
}

img#v8emag{
  margin:86px 0px;
}



.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 25px;
	width: 63px;
	background:url(../images/view.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 25px;
	width: 63px;
	background: url(../images/view.png) no-repeat;
	background-position: bottom;
}




/* Online Magazine */

.co_left{
 float:left;
 margin:0px 0px 0px 0px;
 width:240px;
}

.co_center{
 float:left;
 width:240px;
 margin:0px 0px 0px 0px;

}

.co_center2{
 float:left;
 width:240px;
 margin:0px 0px 0px 0px;

}

.co_right{
 float:right;
 width:240px;
 margin:0px 0px 0px 0px;
}


/* Interactive Magazine */

#interactive_bg{
  width:680px;
  height:528px;
  margin-left:280px;
  padding-top: 1px;
  background:url(../images/bg_t.png);
}

.interactive_container{
  margin:10px;
}

#interactive_shadow{
  width:640px;
  height:52px;
  margin-left:300px;
  margin-top:6px;
  background:url(../images/bg_shadow.png) no-repeat;
}


/* Photography ------------------------------------------------------------- */

#photography_bg{
  width:610px;
  height:500px;
  margin-left:280px;
  margin-top:50px;
}
.img_bg{
  margin-bottom:15px;
  padding-top:10px;
  width:184px;
  height:132px;
  background:url(../images/bg_t.png);
  text-align:center;
}

/* About US ------------------------------------------------------------- */

#aboutus_bg{
  padding-top:120px;
  margin-left:280px;
}

/* What we do ------------------------------------------------------------- */

#whatwedo_bg{
*padding-top:80px;
  padding-top:50px;
  margin-left:300px;
}