/*
Oinam Software
http://www.oinam.com/

November 1, 2005
____________________________________________________________________________________________________ */
html, body 
{ 
	text-align: center; 
	color: #666;
}

/* utils */
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* 
ui layout
____________________________________________________________________________________________________ */
/* header, which also encloses the navigation */
#header
{
	background: #bbccd6 url("../timages/bgHeader.gif") top repeat-x;
	height: 70px;
	margin: 0;
	padding: 0;
}

/* navigation starts */
#nav 
{
	width: 980px;
	margin: 0 auto;
}

#nav ul 
{
	margin: 0;
	padding: 30px 0 0 0;
	list-style: none;
}

#nav li
{
	display: inline;
	margin: 0;
	padding: 0;
	font: normal normal bold small/normal "Trebuchet MS", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}

#nav a
{
	float: left;
	width: 100px;
	margin: 0;
	padding: 0 0 18px 0;
	text-decoration: none;
	text-transform: lowercase;
	color: #808080;
	background: url(../timages/navnormal.gif) no-repeat left bottom;
	border: 0 none;
}

#nav .navLast a {	width: 101px;}

#nav #current a
{
	color: #ccc;
	border: 0 none;
	background: url(../timages/navcurrent.gif) no-repeat left bottom;
}

/* hide from Mac IE5 \*/
	#nav a span {float:none;}
/* end hack */

#nav a:hover
{
	color: #000;
	border: 0 none;
	background: url(../timages/navhover.gif) no-repeat left bottom;
}

/* navigation ends */

/* main content wrappers */
#wrapper, #wrapperHome, #wrapperInd
{
	width: 980px;
	padding: 0;
	margin: 20px auto;
	text-align: left;
}
#wrapper { background: #fff url("../timages/bg3col.gif") repeat-y left top; }
#wrapperInd { background: #fff url("../timages/bg2col.gif") repeat-y left top; }
#wrapperHome { background: none; }

/* column layout, there are multiple column layouts, including a 2col and 2 types of 3col */
#leftcol 
{
	float:left;
	width: 480px;
	margin: 0;
	background: #fff url(../timages/bg3colHome.gif) repeat-y 0 100px;
	padding: 0;
}

#leftcol #col1
{
	width: 160px;
	min-width: 140px;
	float: left;
	margin-right: 5px;
}

#leftcol #col2
{
	width: 300px;
	float: left;
	margin-right: 5px;
}


#clmLeft
{
	float: left;
	width: 460px;
	margin: 0;
	padding: 0 10px;
}

#clmCenter
{
	float: left;
	width: 220px;
	margin: 0 10px;
	padding: 0 0 0 10px;
}

#clmLeftIndv
{
	float: left;
	width: 680px;
	margin: 0;
	padding: 0 10px;
}

/* this main content will be replaced by flash in most cases */
#ctMain
{
	width: 460px;
	margin-right: 10px;
	padding: 0;
}

#colHighlight {
	float: left;
	width: 190px;
	margin: 0;
}

#rightcol
{
	float: left;
	width: 220px;
	padding: 0 10px;
	margin: 0;
}

#footer 
{
	margin: 0;
	padding: 0;
	height: 70px;
	clear: both;
	background: #bbccd6 url(../timages/bgFooter.gif) repeat-x 0 0;
}

/* 
typography, headings, list, image replacements
____________________________________________________________________________________________________ */

/* headings */
#leftcol h1, #clmLeft h1, #clmLeftIndv h1,
#leftcol h2, #clmLeft h2, #clmLeftIndv h2
{
	margin: 5px 0;
	padding: 10px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	color: #708090;
}

#leftcol h1, #clmLeft h1, #clmLeftIndv h1 { font-size: 1.3em; }
#leftcol h2, #clmLeft h2, #clmLeftIndv h2 { font-size: 1.1em; }

#clmCenter h1, #clmCenter h2
{
	margin: 5px 0;
	padding: 10px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	color: #708090;
}

#clmCenter h1 { font-size: 1.3em; }
#clmCenter h2 { font-size: 1.1em; }

#colHighlight h1, #colHighlight h2
{
	margin: 0;
	padding: 15px 0;
	text-indent: -10000px;
}

#colHighlight h2 { padding: 5px 0; }

#colHighlight h6
{
	clear: both;
	background: #fff url(../timages/boxHighlight.gif) no-repeat left bottom;
	margin: 0;
	padding: 20px 16px;
	text-align: right;
	text-transform: lowercase;
}

#rightcol #logo h2
{
	height: 80px;
	background: url(../timages/MobileAMAlogo.gif) 25% 0 no-repeat;
	text-indent: -10000px;
}

#rightcol h3
{
	margin: 5px 0;
	padding: 0;
	font: normal normal bold 1em/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* typography */
#leftcol p, #clmLeft p, #clmLeftIndv p, #clmCenter p
{
	margin: 0 0 20px 0;
	padding: 0;
}

#leftcol .more, #clmLeft .more
{
	text-transform: lowercase;
	font: normal normal normal 0.90em/normal "Trebuchet MS", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	background: #fff url(../timages/dashed.gif) no-repeat 25% 60%;
	margin-right: 5px;
}

#leftcol .more a, #clmLeft .more a
{
	color: #999;
	text-decoration: none;
	background: #fff url(../timages/dotted.gif) repeat-x left bottom;
}

#leftcol .more a:hover, #clmLeft .more a:hover
{
	text-decoration: none;
	border: 0 none;
	background: #fff url(../timages/solid.gif) repeat-x left bottom;
}

#leftcol a
{
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 0 none;
}

#leftcol a:hover
{
	color: #000;
	text-decoration: none;
	border-bottom: 0 none;
	background: #f0e68c url(../timages/dotted.gif) repeat-x left bottom;
}

#clmLeft a, #clmLeftIndv a, #clmCenter a
{
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 0 none;
	background: #fff url(../timages/dotted.gif) repeat-x left bottom;
}

#clmLeft a:hover, #clmLeftIndv a:hover, #clmCenter a:hover
{
	color: #000;
	text-decoration: none;
	border: 0 none;
	background: #f0e68c url(../timages/solid.gif) repeat-x left bottom;
}

#colHighlight p
{
	border-left: 1px solid #E1E3E2;
	border-right: 1px solid #E1E3E2;
	background: #fff;
	margin: 0;
	padding: 8px 10px;
	font: normal normal normal x-small/normal "MS Sans Serif", Geneva, sans-serif;
}

#colHighlight img
{
	border: 1px solid #b8b8b8;
	padding: 2px;
	margin: 2px 0;
	background: #fff;
}

#colHighlight a
{
	text-decoration: none;
	color: #999;
}

#colHighlight a:hover
{
	color: #000;
}

#colHighlight .more {
	padding: 5px 20px;
	background: url(../timages/long.gif) no-repeat 100% 50%;
}

#rightcol p {
	margin: 10px 0;
	color: #666;
	font: normal normal normal 0.86em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#rightcol .more
{
	text-transform: lowercase;
	font: normal normal normal 0.90em/normal "Trebuchet MS", "Lucida Sans Unicode", verdana, helvetica, sans-serif;
}

#rightcol a
{
	text-decoration: none;
	border: 0 none;
	color: #999;
	background: #fff url(../timages/dotted.gif) repeat-x left bottom;
}

#rightcol a:hover
{
	border: 0 none;
	color: #000;
	background: #fff url(../timages/solid.gif) repeat-x left bottom;
}

#footer p, #footer a, #footer a:hover {
	padding: 16px 0;
	text-align: center;
	margin: 0;
	color: #efefef;
	font: normal normal normal x-small/normal "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}

#footer a:hover
{
	color: #fff;
}

/* un-ordered list */
#leftcol ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftcol ul li
{
	border-bottom: 1px dotted #dedede;
}

#leftcol li
{
	margin: 5px 0;
	padding: 0;
}

#leftcol #col1 ul li
{
	margin: 5px 1px;
	clear: both;
	padding: 0 0 5px 0;
}

#leftcol #col1 ul li p
{
	float: left;
	margin: 0;
	width:90%;
}

#leftcol #col1 ul li img
{
	border: 1px solid #ccc;
	padding: 3px;

	float: left;
	margin: 3px 5px 0 0;
}

#clmLeft ul, #clmLeftIndv ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#clmLeft ul li, #clmLeftIndv ul li
{
	border-bottom: 1px solid #dedede;
	list-style: none;
	margin: 0;
	padding: 5px 20px;
	background: #fff url(../timages/bullet.gif) no-repeat 0 12px;
}

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

#clmCenter ul li
{
	list-style: none;
	margin: 0;
	padding: 5px 15px;
	background: #fff url(../timages/dashed.gif) no-repeat 0 13px;
}

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

#rightcol ul li
{
	list-style: none;
	margin: 0;
	padding: 2px 15px;
	background: #fff url(../timages/smallDots.gif) no-repeat 0 10px;
}

/* image replacements */
.oinamhosting { height: 60px; background: #fff url(../timages/oinamhosting.gif) no-repeat top left; text-indent: -10000px; }
.titleNewProjects { background: #fff url(../timages/titleProjects.png) no-repeat left center; }
.recentProjects { background: #fff url(../timages/boxHighlight.gif) no-repeat top left; }

/* the Flash replaced divs */
#splash
{
	width: 460px;
	height: 300px;
	border-bottom: 1px solid #333;
}

#flContact
{
	width: 220px;
	height: 400px;
	background: #fff;
}