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

html, body{
	margin:0;
	padding:0;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	background:#7ad5e8 url(../images/inside-bg.jpg) top center no-repeat;
}

.clear{clear:both;}
.note{font-size:0.9em;}

a{text-decoration:none; color:inherit;}
h3{font-size:1.8em; color:#1e796f; padding:0; margin:0;}

ul{
	list-style:none;
	margin:0;
	padding:0;
}


/* = structure */

#mainContainer{
	width:800px;
	padding:0;
	margin:0 auto;
}

h1.logo{
	width:540px;
	padding:50px 0 5px 0;
	margin:0 130px;
	text-align:center;
	border-bottom:1px solid #4dc1c5;
}

ul.mainMenu{
	width:100%;
	border-bottom:1px solid #4dc1c5;
	text-align:center;
	font-family:"Arena Cond Light";
	font-size:1.3em;
	color:#028777;	
}

ul.mainMenu li{
	display:inline-block;
	padding:8px 20px;
	margin:0;
	cursor:pointer;
}

ul.mainMenu li:hover{background:url(../images/icn-hover.png) top center no-repeat;}
ul.mainMenu li.selected{background:url(../images/icn-selected.png) top center no-repeat;}

#mainTitle{
	display:block;
	padding:20px 10px 10px 220px;
}

#mainTitle h2{
	text-align:left;
	font-size:2.5em;
	font-family:Arial;
	padding:0;
	margin:0;
	color:#278ca2;
}

#mainTitle p.oneLiner{
	padding:0;
	margin:-9px 0 0 38px;
	font-size:0.9em;
	text-align:left;
	color:#278ca2;
}

#mainBody{
	display:block; 
	padding:10px;
	border-bottom:1px solid #4dc1c5;
}

div.col1{
	width:220px;
	margin-right:20px;
	text-align:right;
	color:#026e61;
	float:left;
}

div.col2{
	width:540px;
	float:left;
	color:#026e61;
	text-align:justify;
}

#col2 p{text-align:justify; color:#1e796f;}

#mainFooter{
	width:100%;
	font-size:0.9em;	
	text-align:center;
	color:#26969d;
	padding:5px 0;
}

#mainFooter ul{margin:5px 0;}
#mainFooter li{
	display:inline;
	padding:0 13px;
	font-size:1.1em;
	border-right:1px dotted #38acc5;
}
#mainFooter li.last{border:0;}

/* = profile */
ul.profile{margin-top:35px;}
ul.profile li{
	display:block;
	margin-bottom:1px;
}
ul.profile p{
	background:#7fd7eb;
	color:#1b849b;
	margin:0 0 5px 0;
	padding:10px 15px;
	text-align:right;
}
ul.profile img{cursor:pointer;}

ul.submenu{width:200px; float:right; text-align:right;}
ul.submenu li{
	display:inline-block;
	font-size:1.2em;
	color:#278ca2;
	padding:0 10px 0 13px;
	background:url(../images/icn-submenu.png) left center no-repeat;
}

img.profilepic{
	float:left;
	margin-right:20px;
	border:3px solid #7fd7eb;
}

ul.team{margin-top:10px;}
ul.team li{
	width:49%;
	float:left;
	padding:8px 0;
}

/*********/

/* = services */
ul.services{margin-top:8px;}
ul.services li{
	display:block;
	margin-bottom:1px;
}
ul.services img{cursor:pointer;}

/*********/

/* = clients */
ul.clients{display:block;}
ul.clients li{
	display:block;
	background:url(../images/icn-content-list.png) left center no-repeat;
	padding:5px 0 5px 15px;
	margin-bottom:1px;
}
/*********/

/* = projects */
ul.projectDetail{display:block; background:#38acc5; margin-top:8px;}
ul.projectDetail li{
	display:block;
	padding:5px 10px;
	color:#8eddef;
}

ul.projects{display:block;}
ul.projects li{
	display:block;
	background:url(../images/icn-content-list.png) left center no-repeat;
	padding:5px 0 5px 15px;
	margin-bottom:1px;
	cursor:pointer;
}
ul.projects li.selected{border:1px dotted #38acc5; background:#8eddef;}
/*********/