/* Reset
----------------------------------------------------------- */
blockquote,body,div,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,hr,img,input,label,legend,li,object,ol,p,select,textarea,ul {border:none;margin:0;padding:0;}


/* HTML Elements
----------------------------------------------------------- */

body {
	background: #fff;
	color: #979595;
	font: normal 11px/16px Arial, Tahoma, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align: left;
}

a{color:#979595;text-decoration:none;}
a:link,a:active,a:focus,a:visited {outline:none;}
a:hover{color:#e6920e;}

h1{color:#e6920e;font-size:18px;font-weight:normal;line-height:22px;margin:0 0 18px 0;}
h2{color:#e6920e;font-size:15px;font-weight:bold;line-height:20px;margin:15px 0;}
h3{color:#e6920e;font-size:13px;font-weight:bold;line-height:17px;margin: 0;}

input, textarea{border:1px solid #d8d8d8;padding:2px; font: 11px Arial; color:#939598;}
select{border:1px solid #7f9db9;}
option {padding:2px;}


p {margin:0 0 20px 0;}

ol {margin:20px 0 20px 24px;} 
ol li {margin: 6px 0;} 


ul {margin:20px 0 20px 24px;} 
ul li {margin: 6px 0;} 

/* Buttons
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;}
.btn a {border:none;display:block;overflow:hidden;text-indent:-12345px;}
.btn a:hover {border:none;}

/* buttons images + dimensions */
.btn-submit,.btn-submit a{background:url("../images/buttons/submit.gif");width:68px;height:16px;}
.btn-submit a:hover{background-position:0 -16px;}


/* Headings
----------------------------------------------------------- */

/* default class for all headings */
.hdn {display:block;overflow:hidden;text-indent:-12345px;}

/* headings images + dimensions */
.hdn-mainbrain{background:url("../images/headings/main_brain.gif") no-repeat;width:849px;height:290px; margin:0 auto; padding-top:26px;}
.hdn-logo{background:url("../images/logo.gif") no-repeat; position:relative; width:54px;height:25px; float:left; display:block; left:41px; top:12px;}
.hdn-designdevelopment{background:url("../images/headings/design_development.gif") no-repeat;width:237px;height:24px; margin-bottom:26px;}
.hdn-company{background:url("../images/headings/company.gif") no-repeat;width:99px;height:24px; margin-bottom:26px;}
.hdn-creativemarketingstrategy{background:url("../images/headings/creative_marketing_strategy.gif") no-repeat;width:283px;height:25px; margin-bottom:26px;}
.hdn-branding{background:url("../images/headings/branding.gif") no-repeat;width:92px;height:24px; margin-bottom:26px;}
.hdn-flash{background:url("../images/headings/flashwork.gif") no-repeat;width:109px;height:19px; margin-bottom:26px;}
.hdn-viralcampaign{background:url("../images/headings/viralcampaign.gif") no-repeat;width:153px;height:24px; margin-bottom:26px;}
.hdn-website{background:url("../images/headings/website.gif") no-repeat;width:82px;height:19px; margin-bottom:26px;}
.hdn-edm{background:url("../images/headings/edm.gif") no-repeat;width:48px;height:18px; margin-bottom:26px;}
.hdn-printdesign{background:url("../images/headings/printdesign.gif") no-repeat;width:121px;height:23px; margin-bottom:26px;}
.hdn-microsite{background:url("../images/headings/microsite.gif") no-repeat;width:92px;height:18px; margin-bottom:26px;}
.hdn-enewsletter{background:url("../images/headings/enewsletter.gif") no-repeat;width:128px;height:19px; margin-bottom:26px;}
.hdn-pos{background:url("../images/headings/pos.gif") no-repeat;width:42px;height:18px; margin-bottom:26px;}
.hdn-seo{background:url("../images/headings/seo.gif") no-repeat;width:42px;height:18px; margin-bottom:26px;}
.hdn-cms{background:url("../images/headings/cms.gif") no-repeat;width:46px;height:18px; margin-bottom:26px;}
.hdn-mobilemarketing{background:url("../images/headings/mobilemarketing.gif") no-repeat;width:178px;height:24px; margin-bottom:26px;}
.hdn-socialmedia{background:url("../images/headings/socialmedia.gif") no-repeat;width:127px;height:19px; margin-bottom:26px;}
.hdn-copywriting{background:url("../images/headings/copywriting.gif") no-repeat;width:124px;height:24px; margin-bottom:26px;}
.hdn-imageryandphotography{background:url("../images/headings/imageryandphotography.gif") no-repeat;width:242px;height:25px; margin-bottom:26px;}
.hdn-contactus{background:url("../images/headings/contact_form.gif") no-repeat;width:236px;height:33px; margin-bottom:26px;}
.hdn-generalcontact{background:url("../images/headings/general_contact.gif") no-repeat;width:162px;height:19px; margin-bottom:26px;}

/* Layout
----------------------------------------------------------- */
div#wrapper
{
	margin:0 auto;
	background:url(../images/background.gif) no-repeat 0 37px;
	width:900px;
	position:relative;
	overflow:hidden;
}

#header
{
	width:900px;
	height:70px;
	overflow:hidden;
}

#header ul
{
	margin:15px 4px 0 0;
	padding:0;
	list-style-type:none;
	float:right;
}

#header ul li { float:left; margin-right:4px; }
#header ul li a
{
	font: normal 11px Trebuchet MS, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;
}

#header ul li a:hover, #header ul li a.active {color:#000;}

#footer
{
	clear:both;
	background:url(../images/footer_background.gif) no-repeat;
	padding-top:32px;
	text-align:center;
	font-size:10px;
	width:900px;
	margin-top:60px;
}

#footer a {color: #979595;}
#footer a:hover {text-decoration:underline;}
#footer div.copy a {color:#d2d0d0;}
#footer div.copy
{
	color:#d2d0d0;
	margin-top:12px;
}

.normal 
{
	width:900px;
	overflow:hidden;
}
/*#content p {width:327px; margin-right:70px;}*/
#content .img-holder 
{
	float:right;
	position:relative;
	top:-30px;
	width:420px;
	margin-left:22px;
	overflow:hidden;
}

.layout1
{
	width:770px;
	padding:0 0 0 128px;
	background:url(../images/brain_01.gif) no-repeat 18px 0;
}

.layout2
{
	width:770px;
	padding:0 0 0 128px;
	background:url(../images/brain_02.gif) no-repeat 18px 0;
}

.layout3
{
	width:770px;
	padding:0 0 0 128px;
	background:url(../images/brain_03.gif) no-repeat 18px 0;
}

.layout4
{
	width:770px;
	padding:0 0 0 128px;
	background:url(../images/brain_04.gif) no-repeat 18px 0;
}

#submenu
{
	width:440px;
	min-height:161px;
	height:auto !important;
	height:161px;
}

#submenu ol {
	background: url(../Images/submenu_nav.gif);
	background-repeat:no-repeat;
	list-style: none;
	margin: 0;
	height:34px;
}

#submenu ol li {
	float: left;
	height: 34px;
	margin: 0;	
	position: relative;
}

#submenu ol li.think{width:71px;}
#submenu ol li.make{width:73px;}
#submenu ol li.execute{width:92px;}

#submenu ol li a {
	background: url(../Images/submenu_nav.gif);
	background-repeat:no-repeat;
	display: block;
	height: 34px;	
	overflow: hidden;
	text-indent: -12345px;
}

#submenu ol li.think a {background-position:0 0;}
#submenu ol li.think a:hover, #submenu ol li.think a.over{background-position:0 -34px;}
#submenu ol li.think_active a {background-position:0 -68px;}

#submenu ol li.make a {background-position:-71px 0;}
#submenu ol li.make a:hover, #submenu ol li.make a.over {background-position:-71px -34px;}
#submenu ol li.make_active a {background-position:-71px -68px;}

#submenu ol li.execute a {background-position:-144px 0;}
#submenu ol li.execute a:hover, #submenu ol li.execute a.over {background-position:-144px -34px;}
#submenu ol li.execute_active a {background-position:-144px -68px;}


#submenu ul
{
	padding:10px 0px 0px 5px;
	margin:0 0 48px 0;
	list-style-type:none;
	height:63px;
	width:329px;
}

#submenu ul li
{
	float:left;
	width:92px;
	margin:0;
	padding:0;
	text-align:left;
}

#submenu ul li a
{
	font: normal 11px Arial, Tahoma, Helvetica, sans-serif;
}

#submenu ul li.last {width:140px;}

#submenu ul li a.active {color:#000;}

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}
.panel h2 {margin-bottom:0;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; padding-top:9px; }
.panel .panel-overlay a { display:block; float:right; color: white; text-decoration: underline; font-weight: bold; }
.panel .panel-overlay p {float:left;}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }
.filmstrip li img {width:100px;height:50px;}

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}