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

html {
  overflow: -moz-scrollbars-vertical;
  overflow-x: auto;
}

html, body {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#c7e0df;
  text-align:left;
  height: 100%;
  min-height: 100%;
  background-color:#687876;
  background-image:url(images/clique_main_bg_xtile.gif);
  background-repeat:repeat-x;
  margin: 0 auto 0 auto; /* this is so it won't float weirdly. It makes the whole thing will flush to the top */
  padding: 0; /* this is so it won't float weirdly. It makes the whole thing will flush to the top */
}

input, textarea {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#c7e0df;
	background-color: #51605F;
	border: 1px solid #93A2A0;
	overflow:auto;
	padding: 5px;
}

.hidden	{
visibility:hidden;
}

h1, h2, h3, h4, h5	{
visibility:hidden;
font-size:1px;
}

.horizontal_spacer_20px_dark_grey	{
height: 20px;
width: auto;
background-color:#687876;
}

#wrapper	{
width: 925px;
min-height:100%;
height: auto;
margin: 0 auto 0 auto;
padding: 0;
}

#text_content	{
padding: 10px 50px 10px 20px;
margin:0;
width:624px;
height:auto;
float:left;
line-height: 18px;
color:#c7e0df;
}

#text_content ul	{
list-style-type:none;
}

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


/* header start */
#header	{
width: 800px;
height: 66px;
overflow:hidden;
float:left;
padding: 0 64px 0 61px;
margin: 0;
text-align:right;
overflow:hidden;
color:#787878;
font-weight:bold;
}

#home_btn	{
width: 97px;
height: 66px;
float:left;
padding: 0;
margin: 0;
}

#home_btn a	{
padding: 0;
margin: 0;
display:block;
width: 97px;
height: 66px;
float:left;
background-image:url(images/clique_logo.png);
background-repeat:no-repeat;
}

#home_btn span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 97px;
height: 66px;
}

#navbar	{
width: 703px;
height: 66px;
float:left;
padding: 25px 0 0 0;
margin: 0;
overflow:hidden;
}

#navbar a	{
margin:0;
padding: 0 0 0 20px;
color:#787878;
font-weight:bold;
text-decoration:none;
}

#navbar a:active	{
color:#000000;
}

#navbar a:hover	{
color:#000000;
}

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

#navbar span.active	{
color:#000000;
}
/* header end */

/* banner start */
#banner	{
width: 925px;
height: 378px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#banner.martini	{
background-image:url(images/martini_banner.gif);
background-repeat:no-repeat;
}

#banner.portfolio	{
background-image:url(images/portfolio_banner.jpg);
background-repeat:no-repeat;
}

#banner.about	{
background-image:url(images/about_banner.jpg);
background-repeat:no-repeat;
}

#banner.how_we_work	{
background-image:url(images/how_we_work_banner.jpg);
background-repeat:no-repeat;
}

#banner.clients	{
background-image:url(images/clients_banner.jpg);
background-repeat:no-repeat;
}

#banner.contact	{
background-image:url(images/contact_banner.jpg);
background-repeat:no-repeat;
}

#banner span	{
margin:0;
padding: 0;
visibility:hidden;
display:block;
width: 925px;
height:378px;
}

/* banner end */

/* content start */
#content	{
width: 864px;
height: auto;
overflow:hidden;
float:left;
padding: 0 0 0 61px;
margin: 0;
}

/* featured projects button start */
#featured_projects	{
width: 170px;
height: 134px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_projects a	{
width: 170px;
height: 134px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/featured_projects_view_portfolio_btn.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_projects a:hover	{
width: 170px;
height: 134px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/featured_projects_view_portfolio_btn.gif);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_projects span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 170px;
height: 134px;
}
/* featured projects button end */

/* featured project 1 button start */
#featured_project_1	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_1 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_01_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_1 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_01_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_1 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 1 button end */

/* featured project 2 button start */
#featured_project_2	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_2 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_02_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_2 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_02_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_2 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 2 button end */

/* featured project 3 button start */
#featured_project_3	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_3 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_3 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_3 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 3 button end */

/* portfolio clients menu start */
#portfolio_clients_menu	{
width: 170px;
height: 500px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}

#portfolio_clients_menu_why_us	{
width: 170px;
height: 325px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}

#portfolio_clients_menu_about	{
width: 170px;
height: 300px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}

#portfolio_clients_menu_how_we_work	{
width: 170px;
height: 550px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}

#clients_menu_header	{
width: 170px;
height: 65px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_header.gif);
background-repeat:no-repeat;
overflow:hidden;
}

#clients_menu_menu	{
width: 155px;
height: 200px;
float:left;
margin: 0;
padding:0 15px 0 0;
}

#clients_menu_menu a	{
margin:0;
padding: 0;
color:#c7e0df;
font-size:10px;
text-decoration:none;
}

#clients_menu_menu a:active	{
color:#000000;
}

#clients_menu_menu a:hover	{
color:#000000;
}

#clients_menu_menu ul	{
padding: 0;
list-style-image:url(images/bullet.gif);
}

#clients_menu_menu li	{
padding: 0 0 5px 0;
}

#clients_menu_menu li.active	{
color:#000000;
list-style-image:url(images/bullet_black.gif);
font-size:10px;
padding: 2px 0 5px 0;
}

#clients_menu_menu li.visited	{
color:#000000;
color:#c7e0df;
}


/* portfolio clients menu end */

/* portfolio projects - featured projects 6pack continued */
#featured_projects_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/featured_projects_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

/* featured project 4 button start */
#featured_project_4	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_4 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_4 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_4 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 4 button end */

/* featured project 5 button start */
#featured_project_5	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_5 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_5 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_5 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 5 button end */
/* featured project 6 button start */
#featured_project_6	{
width: 213px;
height: 126px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
}

#featured_project_6 a	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#featured_project_6 a:hover	{
width: 213px;
height: 126px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/fp_tn_03_btn.jpg);
background-repeat:no-repeat;
background-position: 0 -134px;
display:block;
}

#featured_project_6 span	{
padding: 0;
margin: 0;
visibility:hidden;
display:block;
width: 213px;
height: 126px;
}
/* featured project 6 button end */

#portfolio_clients_menu.featured_projects	{
width: 170px;
height: 350px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}


/* portfolio projects - featured projects 6pack end */
/* portfolio section: end */

/* about us section: start */
/* about us section: who we are start */
#who_we_are_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/who_we_are_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* about us section: who we are end */

/* about us section:what we do start */
#what_we_do_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/what_we_do_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* about us section: what we do end */

/* about us section: why us start */
#why_us_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/why_us_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* about us section: why us end */


/* about us section: what's clique mean start */
/*#whats_clique_mean_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/whats_clique_mean_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}*/
/* about us section: what's clique mean end */


#portfolio_clients_menu.our_services	{
width: 170px;
height: 410px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_menu_bg_ytile.gif);
background-repeat:repeat-y;
}


/* about us section: end */

/* how we work section: start */
/* how we work section: attract engage deliver start */
#attract_engage_deliver_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/attract_engage_deliver_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* how we work section: attract engage deliver end */

/* how we work section: effective perspective start */
#effective_perspective_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/effective_perspectives_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* how we work section: effective perspective end */

/* how we work section: creative thinking start */
#creative_thinking_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/creative_thinking_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}
/* how we work section: creative thinking end */
/* how we work section: end */

/* clients section start */
#clients_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/clients_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#clients_logo	{
padding: 10px 64px 0 61px;
margin:0;
width:800px;
height:335px;
float:left;
background-image:url(images/logos.gif);
background-repeat:no-repeat;
color:#c7e0df;
}

#text_content.clientslist	{
padding: 10px 64px 10px 61px;
margin:0;
width:800px;
height:auto;
float:left;
line-height: 18px;
color:#c7e0df;
}

/* clients section  end */

/* contact section start */
#contact_title	{
width: 694px;
height: 61px;
float:left;
padding: 0;
margin: 0;
background-image:url(images/contact_title.gif);
background-repeat:no-repeat;
background-position: 0 0;
display:block;
}

#text_content.contact	{
padding: 10px 64px 10px 61px;
margin:0;
width:800px;
height:auto;
float:left;
line-height: 18px;
color:#c7e0df;
}


/* contact section  end */



/* footer start */
#footer	{
width: 925px;
height: 38px;
overflow:hidden;
float:left;
padding: 0;
margin: 0;
background-image:url(images/copyright_statement.gif);
background-repeat:no-repeat;
background-position: 580px 0;
}

/* footer end */

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

a:link	{
color:#c7e0df;
text-decoration:none;
}

a:hover	{
color:#c7e0df;
text-decoration:underline;
}

a:active	{
color:#c7e0df;
text-decoration:underline;
}

a:visited	{
color:#c7e0df;
text-decoration:none;
}

.redFont {
	font-weight: bold;
	color: #990000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.contact_content_line {
	background-image: url(images/black_line.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#location_map {
	float:left;
	height: auto;
	width: 200px;
	vertical-align: middle;
}

#location_map_icon {
	float:left;
	height: 18px;
	width: 22px;
}

#location_map_text {
	float:left;
	height: 18px;
	width: 150px;
}

/* content end */