/*     Eclexia
        Style Guide as at  19/01/08
        body :  #5C71B1;
	wrap:  #F1F1F1;
	nav :FBFBFB; 
	nav text: #A71C23;
	contents:  
	text:  #F86CA9;
	gradient range: #FBFBFB to #FC71B1;
	footer type  
	dark blue: #000034;
	hover orange #EA6F2C;
          link green  #30883A;
*/
*     {
	margin: 0px; 
	padding: 0px;
}
body  {
      background-color: #5C71B1;
	  font-family: "Arial Narrow", Tahoma, Verdana, Arial, helvetica, sans-serif;
      color: #5C71B1;
      text-align: center;
}
a           {font-weight: bold;
       text-decoration: none;
}
a:link {color: black;}
a:visited {color:black;}
a:active {color: #EA6F2C;
}
a  img {border: 1px solid white;  
}  
a:hover   img {border: 1px solid #EA6F2C;
} 
textarea {overflow:auto;}   /*Textareas in IE have vertical scrollbar visible by default*/
.clear {clear: both 
}
.clearleft {clear: left;
}
.clearright {clear: right;
}  
.errmsg   {background-color: red;
} 
h2     {font-size: 170%;
	 color: #000034;
	 margin-top: 10px;
}
p           {font-size: 110%;
}
.eclname {color: #2B2B73;
         font-size: 1em;
		 font-weight: bold;
}
#wrap  {width:85%;
	   background: #FBFBFB url(../images/tile.jpg) repeat-y left top;
       margin-left:  auto;
       margin-right: auto;
	   margin-top: 10px;
       text-align: left;
	   min-width: 760px;
	   max-width: 820px; 
	   padding-bottom: 20px;
}
/*  css for header section */
#header  {/*border-bottom: 2px solid #5C71B1;*/
         margin: 0px;	
         height: 136px;		 
}
#header  p {/*text-align: center;	*/
          margin-left: 235px;
          padding: 0px;	  
}
#header h1 {position: absolute;
            left: -1000px;
			width: 95%;
} 
#linebox  {float: left;
	      width: 20px;
		  height: 136px; 
		  border-right: 2px solid #5C71B1;
		  color: #FBFBFB;
		  padding: 0px;
	 
}   
#headerpic  img { 
	padding: 5px 0px 0px 0px;
}

/*  navigation bar*/
#navcontainer  {
		list-style-type: none;	  
		margin: 0px 0px 0px 0px;
		padding: 0;
		font-size: 1.1em;
		font-weight: normal;
		background:  #2B2B73;
border-right: 2px solid #2B2B73;		
		width: 99.5%;
		float: left;
}
#navcontainer a {font-weight: normal;
}
#navcontainer ul#navlist {text-align: center;
		list-style: none;
		padding: 0;
		margin: 0px;
        float: left;
		width: 100%;
		/*background-color: #5C71B1;*/

}
#navcontainer ul#navlist li  {display: block;
		padding: 0;
		text-align: center;
		float: left;
		/*background-color: #5C71B1;*/
		border: none;
		margin: .5% 4% .5% 12%;
		}
/*#navcontainer ul#navlist li#homepage {position: absolute;
                                  left: 110px;
}
#navcontainer ul#navlist li#servicespage {position: absolute;
                                  left: 342px;
}
#navcontainer ul#navlist li#portfoliopage {position: absolute;
                                  left: 500px;
}*/
#navcontainer ul#navlist li#contactuspage {margin-right: 0px;
}
/*#navcontainer ul#navlist li#dummy {font-size: 140%;
                                color: #2B2B73;  				 
}*/
#navcontainer ul#navlist li a  {display: block;
		padding: .2em 0;   
		color: white;
        /*background-color: #5C71B1;	*/
		text-decoration: none;	
}
#navcontainer ul#navlist li a#currentpage { 
				    font-weight: bold;
} 
#navcontainer ul#navlist li a:hover 
                                  {color: #EA6F2C;
				  /*background-color: white; */
} 

/* CSS for footer */

#footer     { background-color: #5C71B1;
	       color: white;
		  text-align: center; 
          display: inline-block;
		  width:85%;
		  min-width: 760px;
	      max-width: 820px;
		  margin: 0px auto 0px auto;
          		  
}
#copyright  {font-size: .7em;
            margin-top: 5px;
			margin-bottom: 5px;
}
#footer .eclname {font-size: 1.2em;
}
#footer a:link {color: white;}
#footer a:visited {color:white;}
#footer a:active {color: white;}
#footer a:hover {color: #EA6F2C;}

/* CSS for general contents */	 	
.contents {margin-left: 20px; 
          float: left;
		  background:  transparent url(../images/gradient_tile.jpg) repeat-y left top;
		  width:98%;
}
/* CSS for Home Page */
.portfolio {float: left;
              width: 410px;	
			  padding-top: 30px;
			  margin-bottom: 15px; 
}
.portfolio p {text-align: center;
                margin: 0px;
				font-size: 95%;
}
.portfolio p.webtitle  {margin-bottom: 15px;
}
.portfolio p.fullport  {margin-top: 10px;
                       text-align: right;
}
.portfolio a {text-decoration: underline;
             display: block;
			margin: 0px 66px 0px 66px; 
}
.portfolio p.fullport  a {text-decoration: none;
                        margin: 0px 66px 0px auto;
						font-weight: normal;
}
.portfolio a:link {color: black;}
.portfolio a:visited {color:black;}
.portfolio a:active {color: #EA6F2C;}
.portfolio a:hover {color: #EA6F2C;}

.porttext 	{padding: 20px 0px 30px 0px; 
			 margin: 0px 20px 0px 420px;
}
#hometext  p  {margin: 10px 0px 5px 5px;			     
}
#hometext  p.eclpara {color: #2B2B73;
         font-size: .95em;
		 font-weight: bold;
		 margin-top: 0px;
		 margin-bottom: 2px;
}
#hometext  p .eclname { font-size: 1.1em;
}
#hometext  p  .ecldef {color: #2B2B73;
         font-size: .95em;
		 font-weight: bold;
} 
#hometext  p .addrdtls1 {
		 font-weight: bold;
}
/*  CSS for Portfolio page */
#portcontents     {background:  transparent url(../images/rev_gradient_tile.jpg) repeat-y 400px top;
                width: 99.5%;
}
#portcontents ul   {padding: 20px;
				 margin: 0px;
}
#portcontents ul li {display: inline;
                  width: 278px;
				  list-style-type: none;
				  float: left;
				  margin: 0px 0px 20px 66px;
}
#portcontents ul li.rightcol  {margin-left: 73px;
}

#portcontents a:link {color: black;}
#portcontents a:visited {color:black;}
#portcontents a:active {color: #EA6F2C;}
#portcontents a:hover {color: #EA6F2C;}

#portcontents ul li  a {width: 278px;
                   text-decoration: underline;
                   display: block;
}
#portcontents ul li p {text-align: center;
                  width: 278px; 
				  margin: 0px;
}
#portcontents ul li p.webtitle  {margin-bottom: 15px;
}


/*  CSS for Privacy page */

#privtext  p  {margin: 10px 0px 5px 0px;			     
}

/* CSS for services page */

#servicestext ul   {padding: 10px 0px 30px 0px; 
}  
#servicestext ul  ul  {padding: 0px; 
}     		  
#servicestext ul  li  {margin: 10px 0px 10px 20px;
                   clear: right;
                  font-size: 110%;	
                  list-style-type: disc;				  
}
#servicestext ul  li  ul li {margin: 0px 0px 10px 0px;	
                     float: right;
					 color: #2B2B73;
					 font-weight: bold;
					 font-size: 90%;
					 list-style-type: none;
}		     
#servicestext  p   {margin:5px 0px 10px 0px;
                 clear: right;
}
#servicestext  p  #note   {font-weight: bold;
}

/*  CSS for contactme.php */

#contacttext  p  {margin: 10px 50px 5px 0px;	
                font-size: 1.1em;		     
}
#contacttext p#reqdatamsg  {font-size: 100%;
                           font-weight: normal;					 
}  
#contacttext  .aster  {color: #B9272A;
                   font-weight: bold;      		
}
#contacttext #userfeedbackform {
              margin-top: 25px;
			  margin-left: 0px;
			  font-size: 1em;
			  font-weight: bold; 
}
#contacttext #userfeedbackform  p.errmsg   {font-size: 1em;
                                         text-align: center;
}
#contacttext #userfeedbackform  p.phpmsg {color: #000034; 
        text-align: center;
		font-size: 100%;
		margin-bottom: 20px;
		font-weight: normal;
}  
#contacttext #userfeedbackform fieldset { 
                                  border: none;
                                  margin-bottom: .75em; 
}
#contacttext #userfeedbackform input
              {padding-bottom: 1em; 
}
#contacttext #userfeedbackform textarea  {overflow:auto; /*Textareas in IE have vertical scrollbar visible by default. */
}
#contacttext #userfeedbackform #email, 
#contacttext #userfeedbackform #message,
#contacttext #userfeedbackform #firstname,
#contacttext #userfeedbackform #lastname 
                             {width: 50%; 
}
#contacttext #userfeedbackform #firstname,  #contacttext #userfeedbackform #lastname
              {padding-bottom: 1em;
}

#contacttext #userfeedbackform #subbutton {font-size: 1em;
                         color: #000034;
						 margin-left: 0px;
						 margin-right: .5em;
						 background-color: transparent;
						 font-size: 1.2em;
						 padding-bottom: 0;
}
#contacttext #userfeedbackform #resetbutton {font-size: 1em;
                           color: #B9272A;
						   background-color: transparent;
						   font-size: 1.2em;
						   padding-bottom: 0;
}
#contacttext #userfeedbackform label
       {clear: left;
	float: left;
	width: 7em; 
}