/* CSS Document */

/*Redifined HTML elements*/
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

body{
	margin:0px;
	padding:0px;
	behavior: url('htcmime.php?file=inc/csshover.htc');
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
}
h1{
padding-bottom:0px;
margin-bottom:10px;
}
h2{
padding-bottom:0px;
margin-bottom:10px;
padding-left:20px;
}
h3{
font-size:12px;
}
.articlebody p{
padding-left:24px;
padding-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#787878;
padding-bottom:13px;
}
.articlebody ul{
padding-bottom:13px;
}
.articlebody li{
margin-left:60px;
padding-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#787878;
padding-bottom:10px;
margin-right:60px;
}
.navlink{
display:block;
height:100%;
width:100%;
}
p{
margin:0px;
padding:0px;
}
.para a{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#1961aa;
font-weight:bold;
text-decoration:none;

}
.parag{
padding-bottom:10px;
}
.paraul li{
margin-left:40px;

}
.para a:hover{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#1961aa;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #003399;

}

/*what we do layout elements*/

#quote{
width:670px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
}
#quotetop{
background-image:url(img/quotetop.jpg);
background-repeat:no-repeat;
height:37px;
}
#quotemiddle{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:20px;
color:#a0a0a0;
background-color:#f1f3f5;
padding-left:50px;
padding-right:30px;
}
#quotebottom{
background-image:url(img/quotebottom.jpg);
background-repeat:no-repeat;
height:37px;
}
#whatcols{
width:670px;
margin-left:auto;
margin-right:auto;
}
.whatcol{
width:152px;
display:inline;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#a0a0a0;
text-align:left;
margin-right:10px;
margin-left:5px
}
.clear{
clear:both;
}
/*Major layout elements*/

#topbar{
background-image:url(img/top.jpg);
background-repeat:repeat-x;
height:0px;
}
#navbar{
background-image:url(img/navbar.jpg);
background-repeat:repeat-x;
height:0px;
display:none;
}
#bottombar{
background-image:url(img/bottomwide.jpg);
background-repeat:repeat-x;
height:0px;
display:none;
}

#bottombkrnd{
background-image:url(img/bottom.jpg);
background-repeat:no-repeat;
height:0px;
width:716px;
margin-left:auto;
margin-right:auto;
display:none;

}
#contactform{
display:inline;
float:left;
width:450px;
height:0px;
}
.contacttitle{
color:#1961aa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:26px;
padding-top:30px;
text-align:center;
width:100%;
display:none;
}
.fancyunderline{
background-image:url(img/bottomwideunderline.jpg);
background-position:center;
width:auto;
height:0px;
margin-left:3px;
background-repeat:no-repeat;
display:none;

}
#custlogin{
display:none;
float:left;
width:252px;
height:0px;
padding-left:10px;
}
#custloginform{
text-align:center;
}
#logo{
background-image:url(img/logo.jpg);
background-repeat:no-repeat;
height:49px;
width:700px;
margin-left:auto;
margin-right:auto;
}

#whatwedo{
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
}
#publications{
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
display:none;
}
#publicationsbox{
width:670px;
margin-left:auto;
margin-right:auto;

}
#publeft{
background-image:url(img/publeft.jpg);
background-repeat:no-repeat;
height:0px;
width:190px;
display:inline;
float:left;
list-style-type:none;
padding-left:140px;
padding-top:15px;
}
#publeft:hover{
background-image:url(img/publefthover.jpg);
background-repeat:no-repeat;
height:0px;
width:190px;
display:inline;
float:left;
list-style-type:none;
padding-left:140px;
padding-top:15px;
}
#pubright{
background-image:url(img/pubright.jpg);
background-repeat:no-repeat;
height:0px;
width:195px;
display:inline;
float:left;
padding-left:145px;
list-style-type:none;
padding-top:15px;
}
#pubright:hover{
background-image:url(img/pubrighthover.jpg);
background-repeat:no-repeat;
height:0px;
width:195px;
display:inline;
float:left;
padding-left:145px;
list-style-type:none;
padding-top:15px;
}
.puttitleli{

float:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
color:#787878;
}
.puttitleli a{

float:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-weight:bold;
color:#787878;
text-decoration:none;
}
.puttitleli a:hover{
border-bottom:1px dotted #787878;
}
.putdateli{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#787878;
}
.putdateli a{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#787878;
text-decoration:none;

}
.putdateli a:hover{
border-bottom:1px dotted #787878;
}
.putdescli{
padding-top:5px;
padding-left:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
width:170px;
padding-bottom:5px;
color:#787878;
}
#pubbottom{
background-color:#f1f3f5;
border-bottom:1px solid #bababa;
width:635px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
padding-left:15px;
padding-bottom:10px;
color:#787878;
padding-right:20px;

}
#whoweare{
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
}
#whobox{
width:670px;
margin-left:auto;
margin-right:auto;
}
#whoicon{
background-image:url(img/whoicon.jpg);
background-repeat:no-repeat;
width:153px;
height:0px;
display:none;
float:left;
}
#whoanne{
background-image:url(img/whoanne.jpg);
background-repeat:no-repeat;
height:0px;
width:256px;
display:none;
float:left;
}
#whoaidan{
background-image:url(img/whoaidan.jpg);
background-repeat:no-repeat;
height:0px;
width:260px;
display:none;
float:left;
}
#whotext{
background-color:#f1f3f5;
padding-left:0px;
padding-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#a0a0a0;
font-size:12px;

}
strong{
font-weight:normal;
}
#whobottom{
height:0px;
width:670px;
background-image:url(img/whobottom.jpg);
background-repeat:no-repeat;
background-color:#f1f3f5;
background-position:bottom;
}
#whospacer{
background-image:url(img/whodiv.jpg);

height:0px;
width:670px;
background-color:#f1f3f5;
}

/*Main Navigation elements*/

#navcont{
width:700px;
margin-left:auto;
margin-right:auto;
display:none;

}

#navul{
list-style-type: none;
display: none;
height:0px;
}

.navli{
display: table-cell;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
color:#FFFFFF;
padding-left:16px;
padding-right:16px;
padding-top:31px;
height:0px;
}
.navli:hover{
display: table-cell;
position: relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
color:#FFFFFF;
padding-top:31px;
padding-left:16px;
padding-right:16px;
background-image:url(img/navselected.jpg);
height:0px;
background-repeat:no-repeat;
background-position:top;
}
.navli a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
color:#FFFFFF;
text-decoration:none;
}

/*Access Controls elements*/

.accesscontrolstop{
width:700px;
margin-left:auto;
margin-right:auto;
padding-top:1px;
}

#bottombottombar{
padding-top:21px;
display:none;
}

.phonetop{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:9px;
padding-left:360px;
padding-top:5px;
margin-top:5px;
display:inline;
vertical-align:text-top;
}
.phonetop a{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:9px;
text-decoration:none;
}
.phonetop a:hover{
border-bottom:1px dotted #FFFFFF;
}

.accessul{
list-style-type: none;
list-style: none;
display: inline;
}

.accessprintli{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/acessprint.jpg);
background-repeat:no-repeat;
}
.accessprintli:hover{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/acessprinthover.jpg);
background-repeat:no-repeat;
}
.accesssmalltextli{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessstext.jpg);
background-repeat:no-repeat;
}
.accesssmalltextli:hover{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessstexthover.jpg);
background-repeat:no-repeat;
}
.accessmedtextli{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessmtext.jpg);
background-repeat:no-repeat;
}
.accessmedtextli:hover{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessmtexthover.jpg);
background-repeat:no-repeat;
}
.accesslargetextli{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessltext.jpg);
background-repeat:no-repeat;
}
.accesslargetextli:hover{
display: table-cell;
position: relative;
height:0px;
width:21px;
background-image:url(img/accessltexthover.jpg);
background-repeat:no-repeat;
}

/*Forms*/

select, input, textarea  {
	font-size: 20px;
	padding:3px;
	color:#999999;
	border:2px #dddddd solid;
	background-color:#f9f9f9;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}

textarea:focus, input:focus, select:focus  {
	font-size: 20px;
	padding:3px;
	color:#999999;
	border:2px #dddddd solid;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
}
#contactform form{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#9d9d9d;
text-align:right;
}
#custlogin form{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#9d9d9d;
text-align:center;
}
.loginsub{
margin-top:10px;
}
#contactformform{
padding-right:33px;
display:none;
}
.centerbutton{
width:290px;
margin-right:0px;
}
#loading{
text-align:center;
padding-top:50px;
padding-left:35px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#787878;
font-size:14px;
}


/*sifr*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}



/*Image Preloader*/

#preload{ 
	height: 0; 
	overflow: hidden;
	display:none;
}

/*Portfolio Section*/

#portfoliotop{
background-image:url(img/portfoliotop.jpg);
display:inline;
float:left;
width:662px;
height:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:20px;
color:#8a8a8a;
padding-top:6px;
padding-left:10px;

}
#portfoliobottom{
background-image:url(img/portfoliobottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
display:inline;
float:left;
width:671px;
height:0px;
display:none;

}
#portfolioleft{
background-image:url(img/portfolioleft.jpg);
display:inline;
float:left;
width:44px;
height:0px;
}
#portfolioleft:after{
}
a
{
outline: none;
}
#portfolioleft:hover{
background-image:url(img/portfoliolefthover.jpg);
display:inline;
float:left;
width:44px;
height:0px;
}
#portfoliomiddle{
background-image:url(img/portfoliomidanne.jpg);
display:inline;
float:left;
width:583px;
height:0px;

}
#portfolioright:hover{
background-image:url(img/portfoliorighthover.jpg);
display:inline;
float:left;
width:45px;
height:0px;
}
#portfolioright{
background-image:url(img/portfolioright.jpg);
display:inline;
float:left;
width:45px;
height:0px;
}
#portfolio{
width:700px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
display:none;

}
#portfoliowidget{
width:672px;
margin-left:auto;
margin-right:auto;
background-color:#F3F4F8;
display:none;
}
#portfoliodetailstext{
background-color:#F3F4F8;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:normal;
color:#787878;
padding-left:15px;
padding-right:15px;
display:none;

}
#portfoliodetails{
display:none;
}
#portfoliospacer{
background-image:url(img/portfoliospacer.jpg);
height:0px;
width:672px;
display:none;

}




/*Some form stuff*/

#contactname{
width:280px;
}
#email{
width:280px;
}
#aboutf{
vertical-align:bottom;
font-size:14px;
width:280px;
height:0px;
}
#logname{
width:180px;
}
#logpass{
width:180px;
}

.thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #D6D7DB;
	border: 1px solid #A8A9AD;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
.thumbnail:hover{
	background-color: #f1f1f2;
	}	
a img{ 	border: none;}


#figure1{
width:669px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
background-image:url(img/figure1.jpg);
background-repeat:no-repeat;
height:731px;
}
#figure2{
width:669px;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
background-image:url(img/figure2.jpg);
background-repeat:no-repeat;
height:532px;
}
