/* studio points arch + research v2.0 stylesheet  ::  created november 29 2008  ::  copyright soul design group  ::  www.souldesigngroup.com */

* {
	margin:0px;
	padding:0px;
	outline:none;
	behavior: url(iepngfix.htc);
}

html {
	height:auto;
}

body {
	background:url(images/bg.gif) repeat top left #FFF;
	font-family: "Myriad Web", arial, verdana, sans-serif;
	font-size:12px;
	line-height:1.3em;
	letter-spacing:1.2px;
    color:#333;
	margin:0 auto;
	border:none;
}

p {
	margin-top:10px;
}

h1 {
	font-weight: bold;
	font-size: 24px;
}

h2 {
	font-family: arial, verdana, sans-serif;
	line-height:1.1em;
	font-weight: bold;
	font-size: 18px;
}

h3 {
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

a:link {text-decoration:none; color:#333;}
a:active {text-decoration:none; border:none; color:#333;}
a:visited {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#666;}

a.ul:link {text-decoration:none; color:#333; border-bottom:1px solid #CCC;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.img-bg {
	padding:10px;
	background:url(images/img-bg.gif) repeat;
}

.img-bg-sm {
	padding:5px;
	background:url(images/img-bg.gif) repeat center;
}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#CDC; color:#333; font-size:9px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

.orange {color:#FC0; font-weight:bold; font-size:20px; margin-bottom:5px;}

#bg-graphic {
	position:absolute;
	bottom:10px;
	right:10px;
}

#page {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
	
/*********************************
			  INDEX
*********************************/
#index-content {
	width:900px;
	height:571px;
	margin:3% auto 0 auto;
	background:url(images/index_bg.gif) no-repeat center top;
}

#index-nav {
	float:left;
	margin:500px 0 0 50px;
}

#index-contact {
	font-size:11px;
	float:left;
	margin:-50px 0 0 600px;
	padding-left:5px;
	border-left:1px dotted #AAA;
}

/*********************************
			   NAV
*********************************/
#nav {
	margin:10px 0 0 10px;
}

#nav-logo {
	float:left;
	padding:3px 15px 0 0;
}

.nav-item {
	float:left;
	padding:2px 10px;
}

#nav-item-on {
	background:url(images/nav-bg-on.gif) repeat-x;
	border-top: #FC0 1px dotted;
	border-bottom: #FC0 1px dotted;
}
	

/*********************************
	   	     CONTENT
*********************************/
#content {
	margin:50px 50px 0 50px;
	padding-bottom:25px;
	min-height:500px;
	_height:500px;
	
}

.title {
	background-color:#EEE;
	margin-bottom:25px;
}


/*********************************
	 	  ARCHITECTURE
*********************************/
#content-arch {
	width:5900px;
	margin:50px 50px 0 50px;
	min-height:500px;
	_height:500px;
	
}

.arch-item {
	float:left;
	margin-right:50px;
}

.arch-item-image {
	float:left;
}

.arch-item-text {	
	float:left;
	background-color:#eaeaea;
	margin:15px 0 0 -50px;
	padding:0px 5px;
}

#arrows {
	float:right;
}

a.arrows-btn:link {float:right; text-indent:-3000px; height:25px; margin:-5px 50px 0 0;}
a.arrows-btn:active {float:right; text-indent:-3000px; height:25px; margin:-5px 50px 0 0;}
a.arrows-btn:visited {float:right; text-indent:-3000px; height:25px; margin:-5px 50px 0 0;}
a.arrows-btn:hover {float:right; text-indent:-3000px; height:25px; margin:-5px 50px 0 0;}

#project-text {
	float:left;
	width:350px;
	margin-right:25px;
	padding-right:5px;
	border-right:1px dotted #AAA;
	text-align:justify;
}

#project-img {
	float:left;
}

#gallery-back {
	width:190px;
	margin:50px 0 0 0;
	float:right;
	text-align:center;
	font-weight:bold;
	border:1px solid #EEE;
	background:#F1F1F1;
}


/*********************************
	 	   RESEARCH
*********************************/
#content-research {
	width:3300px;
	margin:50px 50px 0 50px;
	padding-bottom:25px;
	min-height:500px;
	_height:500px;
	
}

.research-item {
	float:left;
	margin-right:75px;
}

.research-item-text {
	width:350px;
	float:left;
	margin-left:10px;
}

.pm-box {
	width:270px;
	margin-top:20px;
	text-align:center;
	float:left;
}

.pm-box-text {
	height:180px;
	margin-top:10px;
	background-color:#FFF;
	border:1px solid #BBB;
}

/*********************************
	 	     PARTNERS
*********************************/
#partners {width:675px; margin:0 auto;}

.partner {
	width:675px;
	margin:30px 0;
}

.partner_image {
	width:350px;
	padding:0 10px;
	float:left;
}

.partner_text {
	width: 300px;
	float:right;
	text-align:left;
}


/*********************************
	 	     WHO WE ARE
*********************************/
#who-content {
	width:952px;
	height:705px;
	margin:0 auto;
	padding:25px 0;
	background:url(images/who-bg.gif) no-repeat center bottom;
}	

/*********************************
	   	     FOOTER
*********************************/
#footer-contact {
	width:450px;
	border-top:1px dotted #BBB;
	border-right:2px solid #BBB;
	border-bottom:1px dotted #BBB;
	margin-top:25px;
	background-color:#F1F1F1; 
	padding:0 0 0 10px;
	font-size:10px;
	color:#999;
}


#footer {
	width:250px;
	border-top:1px dotted #BBB;
	border-right:2px solid #BBB;
	border-bottom:1px dotted #BBB;
	background-color:#F1F1F1; 
	margin-top:25px;
	padding:0 0 0 10px;
	font-size:10px;
	color:#BBB;
}


/*********************************
	       IE6 MESSAGE
*********************************/
#sectionIE {
	position:absolute;
	top:0px;
	left:0;
}
#ie6_browsererrorwrapper	{
	position:absolute;
	top:0;
	left:0;
	background-image:url(images/ANoteOnBrowsing_DonWrapperBG.gif);
	background-repeat:repeat;
	width:100%;
	height:100%;
	overflow:hidden;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display:none;
	_display:block;
}

#ie6_browsermessage	{
	position:relative;
	margin:0 auto;
	_top:25px;
	_left:175;
	padding:30px;
	text-align:center;
	width:900px;
	height:615px;
	overflow:auto;
	background-color:#fff;
	border:15px solid #302b1e;
	display:none;
	_display:block;
}

#ie6_browsermessage p	{
	margin:0 0 15px 0;
}

#ie6_browsermessage h1	{
	margin:0 0 30px 0;
	font-size:22px;
}

#ie6_browsermessage h2	{
	margin:0 0 15px 0;
	font-size:18px;
}

#ie6_col1	{
	text-align:left;
	width:450px;
	float:left;
	padding-bottom:10px;
}

#ie6_col1 h2	{
	margin:30px 0 15px 0;
}

#ie6_col2	{
	text-align:left;
	float:left;
	width:275px;
	margin:0 0 0 50px;
	font-size:11px;
	color:#666666;
	padding-bottom:10px;
}

#ie6_col2 h2	{margin:0 0 0 0; font-size:15px; _font-size:13px;}
#ie6_col2 h3	{margin:0 0 15px 0; font-size:12px; _font-size:11px; color:#888; font-weight:normal;}

#ie6_col2 p em	{color:#333; font-weight:bold;}

#goOnUpgrade1 {
	position:absolute;
	margin:-30px 0 0 -43px;
	}
#goOnUpgrade2 {
	position:absolute;
	margin:-30px 0 0 -43px;
	}
#goOnUpgrade3 {
	position:absolute;
	margin:-30px 0 0 -43px;
	}
#goOnUpgrade4 {
	position:absolute;
	margin:-30px 0 0 -30px;
	}
	
#close_btn {
	position:absolute;
	top:10px;
	right:20px;
	}