/*
##############################################
IMONDA Studio 2010 | www.imonda.co.uk
; Support: tech@imonda.co.uk
; Css syles - version 2.0
; _IE6.0 not supported in this file |
##############################################
*/

@font-face {
	font-family: 'CompleteinHimRegular';
	src: url('fonts/complete_in_him-webfont.eot');
	src: local('?'), url('fonts/complete_in_him-webfont.woff') format('woff'), url('fonts/complete_in_him-webfont.ttf') format('truetype'), url('fonts/complete_in_him-webfont.svg#webfontgMvc4Ol3') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasRegular';
	src: url('fonts/bebas-webfont.eot');
	src: local('?'), url('fonts/bebas-webfont.woff') format('woff'), url('fonts/bebas-webfont.ttf') format('truetype'), url('fonts/bebas-webfont.svg#webfont0HfGHfmO') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	color: #ffffff;
  background: url(img/back_portfolio.png) repeat;
  background-color: #f2f1dd;
  font-family: Arial, Verdana, Trebuchet MS,Tahoma;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* content headers*/
h1, h2, h3, h4, h5, h6 {
  font-family: Arial;
}

h1 {
  display: inline;
  font-weight: normal;
  text-decoration: none;
  font-size: 10px;
  color: #ffffff;  
}
h2 {
  display: inline;
  font-weight: normal;
  text-decoration: none;
  font-size: 10px;
  color: #ffffff;  
}

h3 {
  font-family: Arial;
  font-weight: bold;
  color: #ffffff;
  font-size:12px;
}

h4 {
  font-family: Arial;
  font-weight: bold;
  color: #1c2329;
  font-size:13px;
  margin-top:0px;
  margin-bottom:0px;
  line-height:2px;
}

/* @@@ WRPAPPERS */
#wrapper_indextop {
  background: url(img/back_top.jpg) repeat-y 50% 0;
  background-color: #e3600c;
  height: 858px;  
  padding-left: 0px;   
}
#wrapper_indexportfolio {
  background-color: #ffd018;
  height: 1028px;  
  padding-left: 0px;
}
#wrapper_aboutbar {
  background: url(img/about_bar.png) repeat-x;
  height: 37px;  
  padding-left: 0px;
}
#wrapper_aboutus {
  background: url(img/back_aboutus.jpg) repeat-y 50% 0;
  background-color: #538dac;
  height: 552px;  
  padding-left: 0px;
}
#wrapper_footer {
  background-color: #306d98;
  height: 240px;  
  padding-left: 0px;
}

/* @@@ INDEX TOP */
#indextop {
  width: 1000px;
  padding-top: 0px;
	position: relative;     
  text-align: left;
 	margin: 0px auto;
}
.top {
  width: 1000px;
  text-align: left;
}
.topleft {
  width: 739px;
  float: left;
}
.topright {
  width: 261px;
  float: left;
}
.menulayer {
  width: 463px;
  height: 25px;
	position: absolute;
	float: left;
	top: 20px;
	left: 242px;
	z-index: 1;
  background-color: #1c2329;
}
.loveweb {
  width: 86px;
  height: 37px;
  margin-top: 27px;
  margin-left: 143px;
  background: url(img/welovetheweb.png) no-repeat;
}
.lovewebwhite {
  width: 86px;
  height: 37px;
  margin-top: 11px;
  margin-left: 424px;
  background: url(img/welovethewebwhite.png) no-repeat;
}
.logo {
  width: 200px;
  height: 94px;
  background: url(img/logo_imonda.png) no-repeat;
}
.slogan1 {
  width: 71px;
  height: 74px;
  margin-top: 31px;
  margin-left: 27px;  
  background: url(img/slogan_hi.png) no-repeat;
}
.slogan2 {
  width: 390px;
  height: 46px;
  margin-left: 27px;
  margin-top: 8px;     
  background: url(img/slogan_webdesign.png) no-repeat;
}
.slogan3 {
  width: 515px;
  height: 47px;
  margin-left: 27px; 
  margin-top: 8px;  
  background: url(img/slogan_creative.png) no-repeat;
}
.quote {
  margin-left: 27px; 
  margin-top: 8px;  
  font-size: 13px;
  color: #ffffff;
  font-family: Arial;
  font-style: italic;
}
.subtop {
  width: 1000px;
  text-align: left;
}
.subtopleft {
  width: 570px;
  float: left;
}
.subtopright {
  width: 430px;
  float: left;
}
.sleft {
  width: 240px;
  height: 117px;
  float: left;
  text-align: right;
  background: url(img/readytogetstarted.png) no-repeat;
  background-position: left top;  
}
.sright {
  width: 190px;
  height: 117px;  
  float: left;
}
.arrows {
  width: 64px;
  height: 47px;
  margin-left: 118px; 
  margin-top: 45px;  
  background: url(img/arrows.png) no-repeat;
}
.freshandnew {
  width: 87px;
  height: 13px;
  margin-left: 82px; 
  margin-top: 7px;  
  background: url(img/freshandnew.png) no-repeat;
}
.contenttop {
  width: 1000px;
  text-align: left;
	position: relative;  
}
.contenttopleft {
  width: 636px;
  float: left;
}
.contenttopright {
  width: 364px;
  float: left;
}
.linkssign {
  width: 38px;
  height: 59px;
  margin-left: 44px; 
  margin-top: 6px;  
/*  background: url(img/links_sign.png) no-repeat; */
}
.tube {
  width: 276px;
  height: 271px;
  margin-top: 66px;
  margin-left: 12px; 
  background: url(img/tube.png) no-repeat;
}
.subcontenttop {
  width: 636px;
  text-align: left;
	position: relative;  
}
.subcontenttopleft {
  width: 335px;
  float: left;
}
.subcontenttopright {
  width: 301px;
  float: left;
}
.theytalkalot {
  width: 122px;
  height: 23px;
  margin-top: 71px;
  margin-left: 74px; 
  background: url(img/s_theytalk.png) no-repeat;
}

/* Buttons on the FLY */
.b_webdesign {
  width: 172px;
  height: 34px;
	position: absolute;
	float: left;
	top: -17px;
	left: 216px;
	z-index: 1;
}
.b_seomarketing {
  width: 234px;
  height: 34px;
	position: absolute;
	float: left;
	top: 48px;
	left: 275px;
	z-index: 1;
}
.b_identitylogodesign {
  width: 309px;
  height: 34px;
	position: absolute;
	float: left;
	top: 124px;
	left: 304px;
	z-index: 1;
}
.b_printgraphicdesign {
  width: 316px;
  height: 34px;
	position: absolute;
	float: left;
	top: 213px;
	left: 288px;
	z-index: 1;
}
.b_ecommerce {
  width: 199px;
  height: 34px;
	position: absolute;
	float: left;
	top: 279px;
	left: 224px;
	z-index: 1;
}


/* INDEX NEWSET PROJECTS */
#newthumbs{
	width:290px;
	padding:0px;
	text-align:center;
}

#newthumbs ul{
	padding:0px;
	margin:0px;
}

#newthumbs ul li{
	display:block;
	margin:0px;
	width:270px;
	margin:10px;
	padding:10px;
	background:url(img/back_portthumb.png) repeat;
	height:180px;
	display:block;
}

#newthumbs ul li img{
	width:270px;
	padding:0px;
	margin:0px;
}

#newthumbs ul li a{
	width:270px;
	height:180px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:24px;
	font-weight:bolder;
}



/* @@@ INDEX PORTFOLIO */
#thumbs{
	width:930px;
	padding:0px;
	margin:0px auto;
	text-align:center;
}

#thumbs ul{
	padding:0px;
	margin:0px;
}

#thumbs ul li{
	display:inline;
	margin:0px;
	width:270px;
	margin:10px;
	padding:10px;
	background:url(img/back_portthumb.png) repeat;
	height:180px;
	display:block;
}

#thumbs ul li img{
	width:270px;
	padding:0px;
	margin:0px;
}

#thumbs ul li a{
	width:270px;
	height:180px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:24px;
	font-weight:bolder;
}

.boxgrid{ 
  width: 270px; 
	height: 180px; 
	margin:0px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative; 
}

.boxgrid img{ 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	border: 0; 
}

.boxgrid span{ 
  padding: 0 10px; 
	color:#000000; 
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	/*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);*/
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
	top: 260px;
	left: 0px;
}
.caption .boxcaption {
	top: 220px;
	left: 0px;
}

.naviindex {
    width: 1000px;
    padding-top: 0px;
    text-align: left;
   	margin: 0px auto;
}

.naviindexleft {
  width: 750px;
  float: left;
}
.naviindexright {
  width: 250px;
  float: left;
}





/* @@@ INDEX ABOUTUS/CONTACTUS */

#indexwhoweare {
    width: 1000px;
    padding-top: 0px;
    text-align: left;
   	margin: 0px auto;
}
.whoweare {
    width: 1000px;
    text-align: left;
}
.c_whoweare {
    width: 1000px;
    padding-top: 24px;
    text-align: left;
}
.cleft {
  width: 539px;
  float: left;
}
.cright {
  width: 461px;
  float: left;
}
.whoweareleft {
  width: 539px;
  float: left;
  background: url(img/indexwhite_line.png) no-repeat;  
  background-position: right top;
}
.whoweareright {
  width: 461px;
  float: left;
}
.headerabout {
  width: 113px;
  height: 49px;
  margin-left: 24px;
  background: url(img/h_aboutus.png) no-repeat;  
}
.headerportfolioindex {
  width: 129px;
  height: 48px;
  margin-bottom: 15px;
  background: url(img/h_portfolio.png) no-repeat;  
}

.headercontact {
  width: 144px;
  height: 48px;
  margin-left: 30px;
  background: url(img/h_contactus.png) no-repeat;  
}
.textabout {
  padding-top: 34px;
  padding-left: 38px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'CompleteinHimRegular';
	font-size: 24px;
}
.textcontact {
  padding-top: 20px;
  padding-bottom: 15px;  
  padding-left: 57px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  font-family: Arial, Verdana, Trebuchet MS,Tahoma;
	font-size: 14px;
}
.htextcontact {
  padding-top: 22px;
  padding-left: 45px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  font-family: Arial, Verdana, Trebuchet MS,Tahoma;
	font-size: 14px;
  color: #093e63;
}
.htextcontactwrite {
  padding-top: 17px;
  padding-left: 45px;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  font-family: Arial, Verdana, Trebuchet MS,Tahoma;
	font-size: 14px;
  color: #093e63;
}
.blueline {
  width: 184px;
  height: 1px;
  background: url(img/indexblue_line.png) no-repeat;
  margin-left: 44px;  
}

.footline {
  width: 918px;
  height: 3px;
  background: url(img/portfolioline.png) no-repeat; 
  margin-left:40px;
}

.backtotopabout {
  height: 13px;
  margin-top: 0px;
  font-family: Arial;
	font-size: 10px;   
  margin-left: 23px;
  vertical-align: middle;
	float: left;   
}
.backtotopabout UL {
  list-style: none;
  padding: 0;
  margin: 0;
	color: #fafafa;
	background: none;
	height: 13px;
}
.backtotopabout LI {
  width: 76px;
  height: 13px; 
  margin-right:5px;    
	float: left;
}
.backtotopabout LI A {
  width: 76px;
  height: 13px;  
	padding-top: 2px;
	padding-bottom: 2px; 
  margin-right:5px; 
	font-size: 10px;
  color: #ffffff;  
	font-weight: bold;
	outline: none;
  text-decoration: none;
  background-color: #093e63;
  float: left;  
}
.backtotopabout A:hover {
  width: 76px;
  height: 13px;  
	color: #093e63;
	outline: none;
  text-decoration: none;
  background-color: #ffd018;
}







.backtotopport {
  width: 76px;
  height: 13px;
  margin-top: 20px;
  font-family: Arial;
	font-size: 10px;   
  margin-left: 23px;
  vertical-align: middle; 
}
.backtotopport UL {
	display: block;
  padding: 0;
  margin: 0;
	color: #fafafa;
	background: none;
  width: 76px;
	height: 13px;
}
.backtotopport LI {
  width: 76px;
  height: 13px;  
	float: left;
  list-style-type: none;
         
}
.backtotopport LI A {
  width: 76px;
  height: 13px;  
	DISPLAY: block;
	padding-top: 2px;
	padding-bottom: 2px;  
	font-size: 10px;
  color: #ffffff;  
	font-weight: bold;
	outline: none;
  text-decoration: none;
  background-color: #093e63;
}

.backtotopport A:hover {
  width: 76px;
  height: 13px;  
	color: #093e63;
	outline: none;
  text-decoration: none;
  background-color: #ffd018;
}




/* @@@ INDEX FOOTER */
.footermain {
  width: 1000px;
  text-align: left;
	position: relative; 
 	margin: 0px auto;   
}
.footerleft {
  width: 668px;
  float: left;
}
.footerright {
  width: 332px;
  float: left;
}
.fleft {
  width: 321px;
  float: left;
}
.fright {
  width: 347px;
  float: left;
}
.footlinks {
  width: 36px;
  height: 17px;
  background-color: #000000;
  color: #ffffff;
  padding-left: 9px;
  padding-bottom: 2px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'BebasRegular';
	font-size: 12px;         
}
.footinfo {
  width: 74px;
  height: 17px;
  background-color: #000000;
  color: #ffffff;
  padding-left: 9px;
  padding-bottom: 2px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'BebasRegular';
	font-size: 12px;         
}
.footpartners {
  width: 74px;
  height: 17px;
  margin-bottom: 16px;
  background-color: #000000;
  color: #ffffff;
  padding-left: 9px;
  padding-bottom: 2px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'BebasRegular';
	font-size: 12px;         
}
.footmenu {
   width: 280px;
   margin-left: 40px;
   margin-top: 30px;   
}
.flinks_l {
  width: 140px;
  float: left;  
}
.flinks_r {
  width: 140px;
  float: left;  
}
.banner {
   margin-top: 26px;
   margin-left: 30px;  
}
.textlinks {
  padding-bottom: 7px;  
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'BebasRegular';
	font-size: 11px;      
}
.subtextlinks {
  padding-bottom: 7px;  
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'BebasRegular';
	font-size: 11px;      
}
.connectright {
   margin-top: 30px;
   height: 90px;  
   color: #0c4167;
   font-weight: bold;
   font-size: 14px;
   font-family:Arial;
   
}
.partners {
  
}
.imonda {
  margin-top: 25px;
  font-size: 11px;
  color: #ffffff;  
  font-family:Arial;    
}

.tags {
  margin-left:42px;
  font-size: 10px;
  color: #ffffff;  
  font-family:Arial;  
}
.subimonda {
  margin-top: 25px;
  font-size: 11px;
  color: #000000;  
  font-family:Arial;    
}

.subtags {
  margin-left:42px;
  font-size: 10px;
  color: #000000;  
  font-family:Arial;  
}


/* PARTNERS */

#partnerslist {
  padding-top:5px;
}

/* CONNECT */

a.fb {background: url(img/fb.png) no-repeat 0 0; width:23px;}
a.twitter {background: url(img/twitter.png) no-repeat 0 0; width:23px;}

a:hover.fb,
a:hover.twitter {background-position: 0 -22px;} /* reveal colorized version */

#connectlist span {
  display: block;
  float: left;
  margin: 0 4px;
  line-height: 20px;
}
#connectlist a {
  display: block;
  float: left;
  height: 22px;
  margin: 0 4px;
}

.sublogo {
  width: 200px;
  height: 94px;
}


/* @@@@@@@@@@@@ ALL links */

a { color: #b2b2b2; outline: none;}
a:hover { color: #234e6e; outline: none;}

/* index MENU */
a.menulink
{ margin-right: 25px;}

a.email {color: #234e6e; font-size:14px; text-decoration: none;}
a.email:hover {color: #ffd018; font-size:14px; text-decoration: underline;}

a.icms {color: #234e6e; font-size:12px; text-decoration: none;}
a.icms:hover {color: #b2b2b2; font-size:12px; text-decoration: none;}

a.subimonda {color: #000000; font-size:11px; text-decoration: none;}
a.subimonda:hover {color: #787878; font-size:11px; text-decoration: underline;}

a.footlink {color: #ffffff; font-size:12px; text-decoration: none;}
a.footlink:hover {color: #000000; font-size:12px; text-decoration: underline;}

a.subfootlink {color: #000000; font-size:12px; text-decoration: none;}
a.subfootlink:hover {color: #2a2a2a; font-size:12px; text-decoration: underline;}

a.clientprojectlink {color: #1c2329; text-decoration: none;}
a.clientprojectlink:hover {color: #1c2329; text-decoration: underline;}

a.categoryport {color: #1c2329; font-weight: bold; font-size:14px; text-decoration: none;}
a.categoryport:hover {color: #1c2329; font-weight: bold; font-size:14px; text-decoration: underline;}

a.portnavidesc {color: #1c2329; font-size:11px; font-weight: bold; text-decoration: none;}
a.portnavidesc:hover {color: #1c2329; font-size:11px; font-weight: bold; text-decoration: underline;}

a.testlink {color: #1c2329; font-size:11px; font-weight: bold; text-decoration: underline;}
a.testlink:hover {color: #1c2329; font-size:11px; font-weight: bold; text-decoration: none;}