/* CSS Document */

body{
background-color:#d4e2eb;
background-image: url(Images/body-bg.jpg);
background-position: top;
background-repeat: repeat-x;
background-attachment:fixed;
margin:0px;
padding:0px;
color:#FFFF00;
}
h1{ font-size:1.3em; font-family: Tahoma, verdana, arial; color:#424242; padding:0px; margin:0px; font-weight:200}
body img {border:0px}
#link-area{width:728px; height:40px}
#link-area a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-top:10px; text-decoration:none} 
#link-area a:visited{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-top:10px; text-decoration:none} 
#link-area a:hover{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fecf05; padding-top:10px; text-decoration: none} 
.accordion-content a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration:none; margin-left:20px; margin-right:20px} 
.acccontent { margin: 0px auto; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#424242; line-height:20px} 


.accordion-content a:visited{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration:none} 
.accordion-content a:hover{ font-size:11px; font-family:Arial, Helvetica, sans-serif;font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration: none} 
.maintext {	color: #424242;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size:0.7em;line-height : 1.6;}
.headlines {color: #195682;	font-weight: bold;	font-family: arial, Tahoma, verdana; font-size:1em;}
.headbl {color: #4165b1;	font-weight: bold;	font-family: arial, Tahoma, verdana; font-size:1.5em;}
.headlinesGR {color: #868686;	font-weight: bold;	font-family: arial, Tahoma, verdana; font-size:0.9em;}
.style1 {
	color: #4386CA;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.style2 {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}
.style3 {color: #4f8fcd;font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: .6em;}
.feats{background-image:url(Images/dotted-line-with-arrow.jpg); width:160px; height:23px; padding-left:7px; padding-top:4px; background-repeat:no-repeat}
.feats a {text-decoration:none; color:#306CA9;}
.feats a:visited {text-decoration:none; color:#306CA9}
.feats a:hover {text-decoration:none; color: #FF6600}
.feats2{width:161px; height:23px;}
.feats2 a {text-decoration:none; color:#306CA9; text-decoration:underline}
.feats2 a:visited {text-decoration:none; color:#306CA9; text-decoration:underline}
.feats2 a:hover {text-decoration:none; color: #FF6600; text-decoration:underline}
.inlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .6em; font-weight:normal}
.inlink a {text-decoration:none; color:#306CA9;}
.inlink a:visited {text-decoration:none; color:#306CA9}
.inlink a:hover {text-decoration:none; color: #FF6600}
.accordion-toggler{	cursor: pointer;}
.accordion-content{margin: 0px auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.accordion-old{margin: 0px auto; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.accordion-old a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-top:10px; text-decoration:none; margin-left:20px; margin-right:20px} 
.accordion-old a:visited{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-top:10px; text-decoration:none} 
.accordion-old a:hover{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; padding-top:10px; text-decoration: none} 

.accold{margin: 0px auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.accold a{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration:none; margin-left:20px; margin-right:20px} 
.accold a:visited{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration:none} 
.accold a:hover{ font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; padding-top:10px; text-decoration: none} 

.porttitlez{margin: 0px auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; text-transform:none; font-size:9px}

.style4 {font-size:.9em;	font-weight: bold;}
.style12 {font-size: 6pt}
.style13 {color: #497898; }
.h16px{height:16px}
#maindiv{width:728px; margin:0 auto; text-align:center}
#headerimagesep{height:89px; width:728px; }
.alllinks{height:25px; float:left; padding-top:15px}

.alllinkssup{height:25px; float:left; padding-top:11px}
#subinsub{background-image:url(Images/tab.jpg); width:68px; height:25px; padding-top:4px}

#newsinsub{background-image:url(Images/tab.jpg); width:75px; height:25px; padding-top:4px}

.alllinkscont{height:25px; float:left; padding-top:11px}
#contincont{background-image:url(Images/tabblue.jpg); width:101px; height:25px; padding-top:4px}

.alllinksport{height:25px; float:left; padding-top:11px}
#portinport{background-image:url(Images/tab-red.jpg); width:131px; height:25px; padding-top:4px}

.alllinksabout{height:25px; float:left; padding-top:11px}
#aboutinabout{background-image:url(Images/tabgray.jpg); width:98px; height:25px; padding-top:4px}

.alllinkserv{height:25px; float:left; padding-top:11px}
#servinserv{background-image:url(Images/tabgrey.jpg); width:114px; height:25px; padding-top:4px}

.alllinksdo{height:25px; float:left; padding-top:11px}
#doindo{background-image:url(Images/tabgreen.jpg); width:113px; height:25px; padding-top:4px}

#linkcontainer{float:left; width:10px; background-image:url(Images/main-links-left.jpg); height:40px}
#linkcontleft{float:left; width:708px; background-image:url(Images/main-links-bg.jpg); height:40px}
#homedivinhome{width:65px;  float:left;  padding-left:10px;}
#homeinhome{background-image:url(Images/tab-home.jpg); background-repeat:no-repeat; background-position:bottom; width:65px; padding-top:15px; height:25px; }

#about{width:98px;}
#conta{width:101px;}
#wutwe{width:113px;}
#servi{width:114px;}
#porto{width:131px;}
#suppo{width: 90px;}
#news{width: 75px;}

#homein{width:65px; padding-left:10px}
.clear{clear:both}
.dnon{display:none}
#endlinkarea{float:left; width:10px; background-image:url(Images/main-links-right.jpg); height:40px}
.sublink{width:728px; height:34px; display:block; text-transform: uppercase;Weight: Normal;}
.sublink a:hover{ text-decoration:underline;;Weight: Normal;}
.sublinkhold{float:left; padding-top:9px; padding-left:30px}
.sublinkholdporto{float:left; padding-top:9px; padding-left:21px;font-weight:normal}
.sublinkholdporto a{margin-left:10px; margin-right:10px;font-weight:normal} 

.sublinkholdwedo{float:left; padding-top:9px; padding-left:21px;font-weight:normal}
.sublinkholdwedo a{margin-left:10px; margin-right:10px;font-weight:normal} 


.aboutcolor a{text-decoration:underline;color:#305871;font-weight:normal}
.aboutcolor a:visited{text-decoration:underline;color:#305871;font-weight:normal}
.aboutcolor a:hover{text-decoration:underline;color:#305871;font-weight:normal}

.wedocolor a{text-decoration:underline;color:#33852a;font-weight:normal}
.wedocolor a:visited{text-decoration:underline;color:#33852a;font-weight:normal}
.wedocolor a:hover{text-decoration:underline;color:#33852a;font-weight:normal}

.servicescolor a{text-decoration:underline;color:#593a5c;font-weight:normal}
.servicescolor a:visited{text-decoration:underline;color:#593a5c;font-weight:normal}
.servicescolor a:hover{text-decoration:underline;color:#593a5c;font-weight:normal}

.portocolor a{text-decoration:underline;color:#9a3016;font-weight:normal}
.portocolor a:visited{text-decoration:underline;color:#9a3016;font-weight:normal}
.portocolor a:hover{text-decoration:underline;color:#9a3016;font-weight:normal}

.supportcolor a{text-decoration:underline;color:#383434;font-weight:normal}
.supportcolor a:visited{text-decoration:underline;color:#383434;font-weight:normal}
.supportcolor a:hover{text-decoration:underline;color:#383434;font-weight:normal}

.contactcolor a{text-decoration:underline;color:#185471;font-weight:normal}
.contactcolor a:visited{text-decoration:underline;color:#185471;font-weight:normal}
.contactcolor a:hover{text-decoration:underline;color:#185471;font-weight:normal}

#subabout{background: url(Images/sublinkbg.jpg); height:34px; color:#497896}
#subdo{background: url(Images/wedo.jpg); height:34px; color:#4aaa3f}
#subservice{background: url(Images/SERVICES-sub-link-bg.jpg); height:34px; color:#744e77}
#subporto{background: url(Images/portfolio-sublinksbg.jpg); height:34px; color:#ba3b1b}
#supsupport{background: url(Images/SUPPORT-sub-link-bg.jpg); height:34px; color:#555555}
#subcontact{background: url(Images/blue-line.jpg); height:34px; color:#26749a}


#maincontentst{width:728px; background-image:url(Images/tablebg.jpg)}
#headercont{background: url(Images/tablebg.jpg);}
#headerimage{width:720px; height:146px; margin:0 auto; background-image: url(Images/macobie-home.jpg)}
#headerimageinner{width:720px; height:86px; margin:0 auto;}
#maintextst{width:720px; margin:0 auto; background-image:url(Images/bg.jpg); margin-top:12px}
#leftcolumn{float:left; width:490px; text-align:left; padding-left:19px;  padding-right:19px}
#leftcolumnlesspadd{float:left; width:450px; text-align:left; padding-left:15px;  padding-right:15px}
.pdtop10{padding-top:10px;}
.pdtop15{padding-top:11px;}
.pdtop20 {padding-top:20px;}
.pdright11{padding-right:11px}
.pdleft7{padding-left:7px}
.pdleft22{padding-left:22px}

.headingblue{background-image:url(Images/bluebgwitharrow.jpg); width:438px; height:30px; margin-top:20px; background-repeat:no-repeat}
#somepadding{padding-left:28px; padding-top:6px}
#areamidline{margin-top:15px; float:left}
#photoplace{float:left; width:264px; text-align:left}
#rightcomment{float:left; width:211px; padding-left:15px}
#commentrtxt{padding-top:10px; padding-right:3px}
#arrowblue{padding-top:4px; text-align:left}
.arrowblue2{padding-right:5px; padding-left:10px; padding-bottom:6px}
.firstarrow{padding-right:5px; padding-bottom:6px}
.marginto35{margin-top:35px}
.headinggreybg{background-image:url(Images/gray-box-with-arrow.jpg); height:30px; width:211px}
.headinggreytxt{padding-left:28px; padding-top:6px}
#rightcolumn{float:left; width:180px;}
.rightcolumncontain{
	padding-top:10px;
	padding-left:5px;
	width:160px;
	margin-left:auto;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
}
.icon{float:left; width:27px}
.headingright{float:left; width:125px; text-align:left; padding-left:5px; padding-top:5px;}
.containerright{
	margin-top: 0px;
	margin-left:8px
}	
#footer{width:728px; height:12px;}
#footertxt{height:20px; text-align:center; padding-top:10px;}
#footertxt a{color: #497898;font-family: Verdana, Arial, Helvetica, sans-serif;	text-decoration:none;}
#footertxt a:visited{color: #497898;font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
#footertxt a:hover{color: #497898; text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;	}
#increasefreedom{margin-top:20px; height:60px}
.boldfont{font-weight:bold;}
.subheading {
	color: #306CA9;
	font-size: large;
}
.fontnormal{ font-weight:normal}
.skills p {padding-top:8px; padding-bottom:0px; margin:0px; color:#424242; font-size:1em;}
.skillsep {padding-left:9px; padding-right:9px; float:left; width:130px}
.style14s {
	color: #306CA9;
	font-weight: bold;
	font-size: 1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.h3st {
	text-transform: uppercase;
	color: #333333;
	background: #d3d3d3;
	cursor: pointer;
	margin:0 auto
}



.h3st a:link, .h3st a:visited {
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color: #333333;
}

.h3st a:hover, .h3st a:active {
	color: #333333;
}

.h3st.news, .h3st.mootools {
	background: #f0f0ee;
}

.h3st.gethelp, .h3st.prototype {
	background: #c1d791;
}
.accordion{ text-align:left; color:#000000; }
.portcontain{text-align:left; width:438px; background-image:url(Images/dottted-line-left.jpg); margin:0 auto; padding-top:20px; padding-bottom:5px; background-position:center; background-repeat:no-repeat}
.portimage{float:left; width:210px; padding-right:8px; padding-left:2px; text-align:center}
.porttext{float:left; width:200px; padding-left:12px}

.liless li {margin-left:2px; }
.liless ul {margin-left:10px; list-style-image:url(Images/arrowdarkblue.jpg)}
.pdright5{padding-right:5px}

.porttilteleft{
	float:left;
	width:110px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 8px;
}
#viewporto{padding-top:8px; padding-bottom:3px}

#viewby{height:38px}
#viewbyword{float:left; width:51px; margin-left:10px; padding-top:9px; font-weight:bold; padding-right:12px; font-size:11px; color:#595959}
#viewbyimg{float:left; width:6px; text-align:center; margin-right:15px}
#viewby a {float:left; background-image:url(Images/portfolioviewleatest.jpg); width:92px; height:32px; display:block; text-align:center; line-height:12px;font-family: Tahoma, verdana, arial;	font-weight: bold;	font-size:9px;	color:#909090; text-decoration:none; margin-right:6px; padding-top:5px}
#viewby a:hover {float:left; background-image:url(Images/portfolioselected.jpg);color: #FFFFFF;}

#selectpo a {float:left; background-image:url(Images/portfolioselected.jpg);color: #FFFFFF;}
#selectpo a:hover {float:left; background-image:url(Images/portfolioviewleatest.jpg);color:#909090;}

#porttopnew{ background-image:url(images/porttop.jpg); width::488px; height:29px;; background-repeat: no-repeat; font-size:11px; color: #FFFFFF; font-weight:bold}
#portadjust{padding-left:11px; padding-top:4px}
.portconttop{background-image:url(Images/portoconttop.jpg); width:488px; height:10px; background-repeat:no-repeat; margin-top:11px}
.portcontbg{background-image:url(Images/portocontbg.jpg); width:488px;  background-repeat: repeat-y;}
.portcontfoot{background-image:url(Images/portocontbott.jpg); width:488px; height:10px; background-repeat:no-repeat;}
.portlinktext{font-size:10px;}
.style14 {color: #FFFFFF}


#content form {
	margin: 10px 0 0 0; 
	padding: 0 0 10px; 
  	width: 450px; 
  	float: left; 
}	
#content fieldset {
	border: 1px solid #62758C; 
	margin: 0 0 10px;
	padding: 5px 0 15px 15px; 
}
#content legend {
	border: 1px solid #6D7C92; 
	color: #fff; 
	background: #62758C url("images/sidehead.jpg") repeat-y; 
	padding: 1px 5px 2px; 
	margin-bottom: 5px;
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  
}
#content label {
	float: left; 
 	width: 130px; 
  	clear: both; 
	font-size: .8em;
	text-align: right;
	margin-top: 5px; 
	}
#content input, #content textarea {
	color: #000; 
	border: 1px solid #62758C; 
	padding: 1px; 
	background: #DEE3E7; 
	margin: 3px 5px 2px; 
	width: 280px; 
	float: left; 
}
#content table {
	font-size: .80em;
}
#content table td {
	padding: 6px;
	border-bottom: 1px solid #6A7C93;
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */

#content input.sminp {
	width: 110px; 
	margin-right: 160px; 
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #C0C8D2;
}