@charset "UTF-8";
/* 

COLORS:
Grey:#555555
Orange:#f58026
----

gold: #ba9d41
red:#c41323

 */

/* body {
line-height:18px; background-color:#ebebec; background: #ebebec url(../images/body_bg_large2.jpg) no-repeat top center; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; margin: 0; padding: 0;} */

body {
line-height:18px; background-color:#fff; background: #fff url(../images/redstripe.jpg) no-repeat top center; background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding: 0;}

hr {
border-top:2px; border-top-color:#ba9d41; border-color:#ba9d41; color:#ba9d41; height:2px;}

.holder {
width:715px; height:auto; margin:auto; padding-left:10px; padding-right:10px;}

.body {
width:668px; height:auto; margin:auto; padding-left:20px; padding-right:20px; padding-top:15px;}

.col1 {
float:left;
width:290px;
margin:0px 50px 20px 10px;
}

.col2 {
float:left;
width:290px;
}

.aboutdiv {
border-bottom:1px solid #464646;}



.tabulaabout {
text-transform:uppercase; color:#ba9d41; font-size:11px; margin-left:10px; margin-top:20px;}

.clientdetail {
text-transform:uppercase; color:#ba9d41; font-size:14px; margin-top:20px;}

.adminlink{float:right;}



.menuholder {
	float:left; margin-left:44px; margin-right:0px;	margin-top:105px;}
.menu {
	color:#555; font-size:18px; font-weight:200; display: inline; list-style-type: none; width:515px; height:100px; text-decoration:none;}
	
.menu2 {
	margin-left:263px;}
	
.menu2 li{
	color:#555; font-size:12px; display: inline; list-style-type: none; width:500px; height:100px; text-decoration:none; padding:5px 6px 5px 5px;}

.menu2 li a{
	color:#555; font-size:12px; display: inline; list-style-type: none; width:500px; height:100px; text-decoration:none;}
	
.menu2 li a:hover {
	display:inline; color: #ba9d41; font-size:12px; }
	
.menu2 li.on a{
	display:inline; color: #ba9d41; font-size:12px; }
	
.navstroke {
background: #fff url(../images/navstroke.jpg) repeat-x; width:447px; height:4px; margin-left: -4px;
}
.bodystroke {
background: #fff url(../images/bodystroke.jpg) no-repeat; width:387px; height:6px;
}
	

.navbar {
    margin: 0px; padding: 0px; height: 10px; }
.navbar a:hover {
    color: #ba9d41; }
.navbar li.on a {
	color: #ba9d41;}
.navbar li {
    list-style: none; float: left; }
.navbar li a {
    display: block; padding:5px 0px 5px 0px; margin-right:43px; color: #555; text-decoration: none; 
    }

.navbar li ul {
    display: none; padding:0px; width: 300px;  /*Width to help Opera out*/  }
	
	
.navbar li:hover ul {
    display: inline; text-decoration:none; list-style:none; position: absolute; margin:5px 0px 0px 0px;}
.navbar li:hover li {
	display:inline; float: none; }
.navbar li:hover li a {
	display:inline; color: #555; }
.navbar li li {
	padding:5px 5px 0px 0px; display:inline; color: #ba9d41; font-size:12px; }
.navbar li li a:hover {
	display:inline; color: #ba9d41; font-size:12px; }
.navbar li:hover ul, #navbar li.hover ul {
    display: inline; position: absolute; margin: 0px; font-size:12px;}
.navbar li:hover li, #navbar li.hover li {
    float: none; display:inline;}
	
/*.navbar li.on ul {
  /*display active subnav list
  display: block;}*/
  
.navbar li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
	  
  display: block;
  z-index: 6000;
}

	
	
-----
	
	
#nav li {
  /*float the main list items*/
  margin: 0;
  float: left;
  display: block;
  padding-right: 5px;
}

#nav li.off ul, #nav li.on ul {
  /*hide the subnavs*/
  display: none;
}

#nav li a {
  /*for all links in the list*/
  color: #555;
  display: block;
  height: 10px;
  margin-right:15px;
  border: 0px;
  padding: 5px;
}

#nav li a:hover {
  /*for all links in the list*/
  color: #ba9d41;
  display: block;
  height: 10px;
  margin-right:15px;
  border: 0px;
  padding: 5px;
}

	
#nav li.off ul, #nav li.on ul {
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  top: 33px;
  height: 10px;
  left: 100px;
  padding-top: 10px;
}

	#nav li.on a {
  /*change border color for active topic area*/
  border: 0px;
   color:#ba9d41;
}

#nav li.on ul a, #nav li.off ul a {
  /*  cancel inherit of border
      on subnav of active topic */
  border: 0;

}

#nav li.on ul {
  /*display active subnav list*/
  display: block;
 
}
#nav li.on ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
 
  font-size:12px;
  width: auto;
  margin-right: 5px;
}

#nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #555;
  font-size:12px;
  width: auto;
  margin-right: 5px;
}

#nav li.on ul a:hover, #nav li.off ul a:hover {
  float: left;
  /*ie doesn't inherit the float*/

  font-size:12px;
  width: auto;
  margin-right: 5px;
}

#nav li.on ul {
  /*display the current topic*/
  display: block;

}

#nav li.off:hover ul {
  /*  display the other topics when
      their parent is hovered */
	  
  display: block;
  z-index: 6000;
}

	
	
.sub {
	margin:auto;
}






/*  LINKS  */

.bodytext a {
	color:#c41323; text-decoration:none; font-weight:bold;}

.bodytext a:hover {
color:#555555; text-decoration:none; font-weight:bold;}

.greylink {
color:#555555; text-decoration:none; font-weight:bold;}

.greylink a:hover {
color:#c41323; text-decoration:none; font-weight:bold;}

.tab_link a{text-decoration:none; color:#555; font-size:9px;}
.tab_link a:hover{text-decoration:none; color:#c41323; font-size:9px;}


/*  IMAGE DIVS  */

.tabulalogo {
height:84px; width:198px; float:left; margin-left:20px; margin-top:50px;}

.headerbackground {
background-image:url(../images/backgroundheader.png); height:167px; width:693px; margin:auto; margin-top:5px;}

.tabuladefinition {
background-image:url(../images/tabuladefinition.png); height:170px; width:460px; float:left; margin-top:10px;}

.flash {
 /*background-image:url(../images/home.jpg);*/
height:175px; width:654px; background-repeat:no-repeat; margin:auto; margin-top:15px;}

.flashservices {
/*background-image:url(../images/services.jpg);*/
height:343px; width:658px; background-repeat:no-repeat; margin:auto; margin-top:25px;}

.flashstudio {
/*background-image:url(../images/studio.jpg);*/
height:343px; width:658px; background-repeat:no-repeat; margin:auto; margin-top:25px;}

.flashabout {
/*background-image:url(../images/about.jpg);*/
height:343px; width:658px; background-repeat:no-repeat; margin:auto; margin-top:25px;}

.flashteam {
/*background-image:url(../images/team.jpg);*/
height:343px; width:658px; background-repeat:no-repeat; margin:auto; margin-top:25px;}


div.hr {
  height: 24px; background: url(../images/fadedivider.png) no-repeat scroll;}

div.hr hr {
  display: none;}

/* .fadedivider {
background-image:url(../images/fadedivider.png);
background-repeat:no-repeat;
heighth:37px;
width:575px;
}*/

.silhouettes {
background:url(../images/world.jpg) no-repeat right; height:151px; width:285px; float:right; margin-top:15px; margin-right: -15px;}

.clear {
clear:both;}

.bodytext {
padding-top:20px; padding-left:10px; float:left; width:365px;}

.contactform {
float:right; margin-top:20px; padding:0px; line-height:4px; width:450px; text-align:right; margin-right:-15px; background: url(../images/bg_contactform.gif) no-repeat; font-size: 1.1em;
}

.contactinfo { width: 190px;  background: url(../images/bg_contactInfo.jpg) no-repeat;
float:left; margin-top:15px; line-height:20px; margin-left: 15px; padding-top: 150px;
}

.contactinfo a {color: #000; font-size: 1.3em;}
.contactinfo a:hover {color:#e11820;}

.hidden {display: none;}

.request {
color:#ba9d41; font-size:14px; margin-left:80px; margin-bottom:10px; text-align:right; font-weight:200; width:370px; display: none;}

/* FORM DESIGN */


label
{
color:#fff;
font-weight:bold;
width: 80px;
float: left;
text-align: right;
margin-right:10px;
margin-top:5px;
display: block;
text-transform: uppercase;
padding: 5px;
}


.submit input
{
margin-left: 290px;
} 

input
{
width:340px;
color: #464646;
background: #eee;
border:2px #FFF;
font-size: 1.1em;
padding: 5px;
margin-bottom: 0px;
}

textarea
{
color: #464646;
background: #eee;
border: 2px #FFF;
width:350px;
}

.button{ 
		clear:both;
		margin-left:220px;
		width:91px;
		height:17px;
		background:#FFF url(../images/sent_button.jpg) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
		border:0px;}

/* FOOTER AREA */

.footergrey {
color:#555;}

.footergrey a {
color:#555;}

.footergrey a:hover {
color:#c41323;}

.footergreysmall {
color:#555;
font-size:9px;}

.footer {
background-color:#FFFFFF; padding:10px; margin-top:30px; margin-right:auto; margin-left:auto; width:680px;}

.footertext {
float:left;}

.footertext a {
color:#555555; text-decoration:none;}


.footertext a:hover {
color:#c41323; text-decoration:none;}

.footertext2 a {
color:#555555; text-decoration:none;}


.footertext2 a:hover {
color:#c41323; text-decoration:none;}

.footertext2 {
float:right; margin-right:27px;}

.footerorange {
font-weight:bold; color:#c41323; font-size:11px; text-align:right;}

.copyright {
float:right; margin-right:20px;}

.footerHolder {
width:680px; margin:auto; margin-top:10px; padding-left:15px;}



/*PORTFOLIO*/

a {color:#c41323; outline:none;}
a:hover {color:#464646;}


:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:10px; font-weight:normal;}
ul,ol,li,h2,h6,body,html,p,blockquote,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none; font-style:normal;}
b {font-weight:normal;}

/*----------Default Styles*/

p, ul, ol, dl, blockquote {padding-bottom:14px;}
blockquote {font-family:Cambria, Georgia, "Times New Roman", Times, serif; font-style:italic; color:#515151; font-size:12px;}
dt {float:left; clear:left; color:#454d45; padding-right:4px;}
dd {float:left; color:#c41323;}
h2 {color:#c41323; font:21px/21px Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}
h6 {padding-bottom:14px;}


/*----------Common Styles*/
.c1 {color:#a1b3a4;}
.c2 {color:#464646;}
.s {color:#71871d; font-size:10px; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif;}
.author {color:#898989; font-family:Arial, Helvetica, sans-serif; font-style:normal; display:block; font-size:11px;}
.details {border-top:1px solid #a6a6a6; width:676px;}



/*----------Layout*/
#container {width:670px; margin:0; padding:5px 0 0 5px; min-height:450px;}
#main {width:678px; float:left; position:relative; padding-top:10px;}


/*----------Content*/
body.home .col {margin-bottom:10px;}
.col {float:left; margin-bottom:10px;}
.single {width:262px; border-top:1px solid #a6a6a6; padding-top:24px; margin-top:45px;}
.double {width:390px;}
.wMargin {margin-right:25px;}
.wMiniMargin {margin-right:5px;}
.p {height:245px;}
.right {float:right; padding:10px 0 10px 0;}
/*Subnav*/
.subnav {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; color:#a6a6a6; padding:0; width:390px; margin-bottom:25px; border-bottom:1px solid #a6a6a6; height:14px; margin-top:10px;}
.subnav li {float:left; padding-right:10px; position:relative; margin-top:1px;}
.subnav li.last {float:right; padding-right:0; text-align:right;}
.subnav li a {border-bottom:1px solid #a6a6a6; color:#a6a6a6; outline:none;}
.subnav li a:hover {color:#c41323; background:none;}
.subnav li.active a {border-color:#a6a6a6; color:#c41323;}
/*Portfolio*/
#photo {border:1px solid #dadada; padding:0; margin-bottom:15px; width:390px; height:260px; overflow:hidden; clip:rect(0px, 390px, 260px, 0px); position:relative;}
#photo ul {padding:0; position:absolute; margin-left:0; width:10000px;}
#photo ul li {float:left; position:absolute; left:0; top:0; display:none; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#photo ul li.active {display:block; filter:alpha(opacity=1);-moz-opacity:1;opacity:1;}

.projectthumbs {float:right; padding-right:0px;}
.projectthumbs img {padding-right:2px; padding-bottom:2px;}

#portfolio div.p p {padding-bottom:0;}


/* JAVASCRIPT ANIMATION DIVS*/

#servicesholder {
	margin:auto;
	width:675px;
	height:351px;
	z-index:500;
	}

#servicesbackground {
	display:none;
	position:absolute;
	width:675px;
	height:351px;
	background-image: url('../images/background.jpg');
	}
	
#servicesgoldbar {
	position:absolute;
	display:none;
	margin-top:133px;
	width:675px;
	height:123px;
	background-image: url('../images/goldbar.png');
	}
	
#servicescreative {
	position:absolute;
	display:none;
	float:left;
	margin-top:22px;
	margin-left:33px;
	width:290px;
	height:85px;
	background-image: url('../images/creative.png');
	}
	
#servicestext {
	position:absolute;
	display:none;
	margin-left:335px;
	margin-top:12px;
	width:325px;
	height:85px;
	background-image: url('../images/servicestext.png');
	z-index:99;
	}
	
	

/*---ABOUT JS---*/
	
#aboutholder {
	margin:auto;
	width:675px;
	height:351px;
	z-index:500;
	}

#aboutbackground {
	display:none;
	position:absolute;
	width:676px;
	height:352px;
	background-image: url('../images/aboutbackground.jpg');
	}
	
#abouttextbackground {
	position:absolute;
	display:none;
	float:left;
	margin-top:26px;
	margin-left:15px;
	width:647px;
	height:283px;
	background-image: url('../images/abouttextbackground.png');
	}	
	
#aboutgoldbar {
	position:absolute;
	display:none;
	margin-top:22px;
	margin-left:10px;
	width:628px;
	height:38px;
	background-image: url('../images/aboutgoldbar.jpg');
	}
	
	
#abouttext {
	position:absolute;
	display:none;
	margin-top:20px;
	margin-left:15px;
	width:570px;
	height:195px;
	background-image: url('../images/abouttext.png');
	}
	
#abouttabula {
	position:absolute;
	display:none;
	margin-top:2px;
	margin-left:15px;
	width:161px;
	height:34px;
	background-image: url('../images/abouttabula.png');
	}
	
	
	/*---STUDIO JS---*/
	
#studioholder {
	margin:auto;
	width:676px;
	height:352px;
	z-index:500;
	}

#studiobackground {
	display:none;
	position:absolute;
	width:676px;
	height:352px;
	background-image: url('../images/studiobackground.jpg');
	}
	
#studiotextbackground {
	position:absolute;
	display:none;
	float:left;
	margin-left:50px;
	width:260px;
	height:287px;
	background-image: url('../images/studiotextbackground.png');
	}	
	
#studiogoldbar {
	position:absolute;
	display:none;
	margin-top:46px;
	margin-left:8px;
	width:243px;
	height:23px;
	background-image: url('../images/studiogoldbar.jpg');
	}
	
	
#studiotext {
	position:absolute;
	display:none;
	margin-top:20px;

	width:238px;
	height:197px;
	background-image: url('../images/studiotext.png');
	}
	
#studiostudio {
	position:absolute;
	display:none;
	width:87px;
	height:22px;
	background-image: url('../images/studiostudio.png');
	}
	
	
/*---TEAM JS---*/
	
#teamholder {
	margin:auto;
	width:676px;
	height:352px;
	z-index:500;
	}

#teambackground {
	display:none;
	position:absolute;
	width:676px;
	height:352px;
	background-image: url('../images/teambackground.jpg');
	}
	
#teamtextbackground {
	position:absolute;
	display:none;
	float:left;
	margin-top:76px;
	width:676px;
	height:176px;
	background-image: url('../images/teamtextbackground.png');
	}	
	
	
#teamtext {
	position:absolute;
	display:none;
	margin-top:30px;
	margin-left:40px;
	width:604px;
	height:129px;
	background-image: url('../images/teamtext.png');
	}
	

/*---HOME JS---*/
	
#homeholder {
	margin:auto;
	width:659px;
	height:163px;
	z-index:500;
	}

	
#hometext {
	position:absolute;
	display:none;
	float:left;
	width:624px;
	height:99px;
	background-image: url('../images/hometext.png');
	}	
	
	
#homechangebar {
	position:absolute;
	display:none;
	margin-top:126px;
	width:658px;
	height:33px;
	background-image: url('../images/changebar.png');
	}
	
	/*---PROCESS JS---*/
	
	
#processholder {
	margin:auto;
	width:683px;
	height:352px;
	z-index:1;
	}

#processbackground {
	display:none;
	position:absolute;
	width:683px;
	height:352px;
	background-image: url('../images/process_background.jpg');
	}
	
#processtext {
	position:absolute;
	display:none;
	float:left;
	margin-top:59px;
	margin-left:150px;
	width:532px;
	height:250px;
	background-image: url('../images/process_text.jpg');
	z-index:50;
	}	
	
	
#processcircle {
	position:absolute;
	display:none;
	
	width:276px;
	height:352px;
	background-image: url('../images/process_circle.png');
	background-repeat:no-repeat;
	z-index:99;
	}