@import url("global.css");

/***** container div settings *****/
#container {
	height: 1001px;
	width: auto;
}

/***** header div settings *****/

#header {
height: 137px;

}
#main {
width: 1001px;

}
#header h1 {
float:left;
}
#header h1 a {
background:transparent url(images/intersol_ltd.jpg) no-repeat scroll 0pt;
height: 120px;
margin-left: 70px;
margin-top: 10px;
overflow:hidden;
text-indent:-9999px;
width:277px;
display: block;

}

/***** content div settings *****/
#about{
	width: 250px;
	background-image: url(images/bg_left_column_illustration1.jpg);
	background-repeat: no-repeat;
	height: 764px;
	float: left;
	padding-left: 70px;
}
#portfolio{
background-image: url(images/bg_columns.jpg);
background-repeat: no-repeat;
min-height: 357px;
width: 591px;
background-position: left bottom;
float: left;
border-top: 1px solid #ccc;
}

#portfolio p, #portfolio a {
font-weight: bold;
font-size: small;
letter-spacing: -1px;
line-height:30px;
}
#portfolio p img {
	border: 2px solid #efefef;
}
#partners {
	background-image: url(images/bg_partners.jpg);
	width: 70px;
	height: 357px;
	float: left;
	background-repeat:no-repeat;
}
#media, #interactive, #technology{
	width: 174px;
	float: left;
	padding: 10px 10px 20px 10px;
	text-align: center;
}
#content{
width: 595px;
float: left;
}

#bg_media_txt, #bg_interactive_txt, #bg_technology_txt{
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 190px;
	height: 160px;
	float: left;
	margin-right: 6px;
	position:relative;
	overflow:hidden;
	padding: 0 0 20px;
}
#bg_media_txt{
	background-image: url(images/bg_media_txt200.gif);
}

#bg_interactive_txt{
	background-image: url(images/bg_interactive_txt200.gif);

}
#bg_technology_txt{
	background-image: url(images/bg_technology_txt200.gif);

}
.txt{
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	padding-bottom: 30px;
	background-color: #fff;
	padding: 10px;
	height: 140px;
}
/***** navigation_top div Settings *****/

#navigation{
width: 596px;
float: left;
}
#navigation  a{display:block;height:47px;width:197px; float: left;}
#navigation  a h2 {display:none;}

.nav_media{background-image:url('images/media.gif');}
.nav_technology{background-image:url('images/technology.gif');}
.nav_interactive  {background-image:url('images/interactive.gif');}


.nav_media_hover{background-image:url('images/media.gif');background-position:0px 47px;}
.nav_technology_hover{background-image:url('images/technology.gif');background-position:0px 47px;}
.nav_interactive_hover  {background-image:url('images/interactive.gif');background-position:0px 47px;}


/*
a#nav_media{background-image:url('images/media.gif');}
a#nav_technology{background-image:url('images/technology.gif');}
a#nav_interactive  {background-image:url('images/interactive.gif');}

a:hover#nav_media, a:hover#nav_technology, a:hover#nav_interactive  {background-position:0px 47px;}

a:active#nav_media, a:active#nav_technology, a:active#nav_interactive  {background-position:0px 47px;}
*/

#media a.blockHeading h2, #technology a.blockHeading h2, #interactive a.blockHeading h2 { display: none;}

/***** content div Settings *****/



#menu {
float:left;
width: 130px;
}
#menu ul.nav{
	margin-top:10px;
}

.nav li {
margin:0px;
margin-top: 7px;
margin-top: "5px";
line-height: 0px;
}
.nav a {
text-align: right;
display:block;
color: #666;
font-size: x-small;
text-decoration: none;
padding-right: 10px;
line-height: 10px;
margin:0px;
}
.nav a:link {
color: #666;
border-right: 1px solid #666;
font-size:x-small;
}
.nav a:visited{
color: #ccc;
border-right: 1px solid #666;
font-size:x-small;
}
.nav a:hover{
color: #000;
text-decoration: underline;
border-right: 1px solid #000;
font-size:x-small;
/*background-color: #F7F7F7;*/
}
/***** footer div Settings *****/

#footer {
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	height: 47px;
	background-position: 0px 9px;
}
#footer h1 a{
	background-image: url(images/bg_logo.gif);
	background-repeat: no-repeat;
	overflow: visible;
	height: 47px;
	width: 128px;
	text-indent: -9999px;
	display: block;
	float: left;
}
.copyright{
	float: left;
	padding-top: 17px;
	padding-left: 60px;
	width: 260px;
	color: #666666;
}
.nav_bottom{
	float: left;
	padding-top: 17px;
	width: 570px;
	color: #666666;
	text-align:center;
}
/***** content div Settings *****/

#who_we_are h2 {
	text-indent: -9999px;
	margin-top: 10px;
	width:163px;
	height: 47px;
	display: block;
}
#who_we_are h2 a{
	text-indent: -9999px;
	background-image: url(images/t_who_we_are.gif);
	background-repeat: no-repeat;
	width:163px;
	height: 24px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;
}
#who_we_are h2 a:hover{
	text-indent: -9999px;
	background-image: url(images/t_who_we_are_over.gif);
	background-repeat: no-repeat;
	width:163px;
	height: 24px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;
}

#how_we_can_help{
	padding-top: 10px;
	height: 330px;
}

#how_we_can_help h2 a{
	text-indent: -9999px;
	background-image: url(images/t_how_we_can_help.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 30px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;

}
#about h2 {
	margin-bottom: 10px;
}

#how_we_do{
	padding-top: 20px;
	height: 220px;
}
#how_we_do h2 a{
	text-indent: -9999px;
	background-image: url(images/t_how_we_do.gif);
	background-repeat: no-repeat;
	width: 133px;
	height: 24px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;
}
#get_know{
	padding-top: 6px;
}
#get_know h2 a{
	text-indent: -9999px;
	background-image: url(images/t_get_know.gif);
	background-repeat: no-repeat;
	width: 192px;
	height: 24px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;
}
#get_know h2 a:hover{
	text-indent: -9999px;
	background-image: url(images/t_get_know.gif);
	background-repeat: no-repeat;
	background-position: 0px -26px;
	width: 192px;
	overflow:hidden;
	text-indent:-9999px;
	display: block;
}

/***** inside pages div Settings *****/
#bg_media_inside, #bg_interactive_inside, #bg_technology_inside{
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 584px;
	float: left;
	padding-bottom: 24px;
	position: relative;

}
#contact_us #bg_media_inside{
	background-image: url(images/bg_contact_us.gif);
}
#services #bg_media_inside{
	background-image: url(images/bg_services.gif);
}
#about_us #bg_media_inside{
	background-image: url(images/bg_about_us.gif);
}
#bg_media_inside{
	background-image: url(images/bg_media_inside.gif);
}
#bg_interactive_inside{
	background-image: url(images/bg_interactive_inside.gif);
}
#bg_technology_inside{
	background-image: url(images/bg_technology_inside.gif);
}
#fulldescription{
background-color: #FFFFFF;
	border: 1px solid #BABABA;
	border-bottom: none;
	display: block;
	/*height: 350px;	*/
}
#big_column{
	/*width: 365px; */
	float:left;
	padding: 10px;

	}
#small_column{
	width: 165px;
	padding: 10px;
	float:right;
	background-image: url(images/dots_vertical.gif);
	background-repeat: repeat-y;
	background-position: left;
	color:#333;

}


#fulldescription h2 a{
	background-position: 4px 0px;
	background-repeat: no-repeat;
	height: 24px;
	width: 190px;
	display: block;
text-indent: -9999px;
float: right;
}
#bg_media_inside #fulldescription h2 a{
background-image: url(images/button_media_proposal.gif);
}
#bg_technology_inside #fulldescription h2 a{
background-image: url(images/button_technology_proposal.gif);
}
#bg_interactive_inside #fulldescription h2 a{
background-image: url(images/button_interactive_proposal.gif);
}

#fulldescription ul#ul_media li{
list-style: url(images/ul_media.gif) square;
margin:0px 0px 20px 20px;
line-height:1.5em;
color:#333;

}
#fulldescription ul#ul_technology li{
list-style: url(images/ul_technology.gif) square;
margin:0px 0px 20px 20px;
line-height:1.5em;
color:#333;
}

#fulldescription ul#ul_interactive li{
list-style: url(images/ul_interactive.gif) square;
margin:0px 0px 20px 20px;
line-height:1.5em;
color:#333;
}


#fulldescription h3{
	font-size:1.4em;
	font-weight:normal;
	margin:0px 0px 5px;
	padding:0px 0px 0px 15px;
	letter-spacing:-0.05em;
	color:#4C4C4C;
}

#fulldescription h4{
	font-size:1em;
	font-weight:normal;
	letter-spacing:-0.05em;
	color:#666666;
	/* text-transform: uppercase;  */
	font-size: large;
}

#small_column p{

	line-height:1.1em;
	padding:0px 0px 0px 15px;
}


#small_column p.txt_contact{
	font-size:0.7em;
	color:#666666;
	letter-spacing:0.02em;
}

#small_column .contact, #small_column .about{
	margin:20px 0px 0px;

}
.contact img{
	float:right;
	margin-top:15px;
}

.nav_years, .nav_pages{
	float:right;
	height:20px;
}
.nav_years span, .nav_pages span{
	padding:0px 5px;
	border-right:1px solid #e0e0e0;
}

.nav_years a, .nav_pages a{
	color:#333;
	font-size:0.7em;
}

.nav_years a:hover, .nav_pages a:hover{
	color:#666;
	font-size:0.7em;
}
.img_preview img{
	float:left;
	margin-right:20px;
}

.img_preview{
clear:both;
margin:0px 0px 10px;
padding:0px 0px 10px;
float: left;
width: 98%;
}
.big_column_body h3{
	margin:0px 0px 5px !important;
	padding:0px !important;
}

.big_column_body p{
	font-size: 0.9em;
	color:#333;
	line-height:1.6em;
}

.big_column_body{
	border-bottom: 1px solid #e0e0e0;
	margin:0px 0px 10px 0px;
	float:left;
	width: 100%;
}
 .nav_pages {
	vertical-align:bottom;
 }