/* Screen Style Sheet */
/* -------------------------------------------------------------- */
/*
  Sitename:
  Author: Samuel Richardson
  Date:

  Description
  ----------------------------------------------------------------
  Stylesheet for displaying screen elements. This stylesheet
  will only be loaded by later version browsers.

*/

/* Page Layout */
/* -------------------------------------------------------------- */


/* Font Setup */
/* -------------------------------------------------------------- */


/* Elements Layout */
/* -------------------------------------------------------------- */

a {
	color: #009DD5;
	text-decoration: underline;
}
a:hover {
	color: #a18a64;
	text-decoration: none;	
}
/* Inline Forms */
form.inline
{
  padding: 0.5em; 
  width: 50%;
}

form.inline
  fieldset
  {
    margin-bottom : 20px;
  }

form.inline
  div
  {
    clear: both;
    padding: 0.5em 0 0 0;
  }

form.inline
  input, textarea
  {
    background-color: #eeeeee;
  }

form.inline input:focus, form.inline textarea:focus
  {
    background-color: #ffffff;
  }

form.inline
  label
  {
    float: left;
    width: 25%;
    text-align: right;
  }

form.inline
  input,textarea
  {
    float: right;
    width: 70%;
    text-align: left;
  }

form.inline
  textarea
  {
    height: 8em;
  }

form.inline 
  .inputbutton
  {
    float: none;
    margin: 0 0 0 30%;
    width: 40%;
    text-align: center;
  }
  body{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:62.5%;
  text-align:center;
  color:#666666;
  padding : 0px;
  margin : 0px;
  }
  
#wrap{
  width:760px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  margin-top:6px;
  padding:0;
  }
  
#header{
position:relative;
width:760px;
height: 190px;
margin:0;
padding:0;

}

#main-nav{
position:absolute;
z-index:0;
width:150px;
top:2px;
left:0px;
}
#main-nav ul{
margin:0;
padding:0;}

#main-nav li{
	list-style-type: none;
	margin:0;
	padding:0
}

#main-nav, img{
border:0;
}


#wrap-nav{
float:left;
width:283px;
margin: 0;
z-index:1;

}

#section-nav-about a{
position:absolute;
left:190px;
width:103px;
height:99px;

background: url(../Images/framework/about.gif) 0 0 no-repeat;
}


#section-nav-about a:hover{
background: url(../Images/framework/about_over.gif) 0 0 no-repeat;
}

#section-nav-services a{
position:absolute;
left:98px;
top:99px; 
width:92px;
height:98px;
background: url(../Images/framework/service.gif) 0 0 no-repeat;
}


#section-nav-services a:hover{
background: url(../Images/framework/service_over.gif) 0 0 no-repeat;
}

#section-nav-portfolio a{
position:absolute;
left: 190px;
top: 99px;
width:103px;
height:98px;
background: url(../Images/framework/portfo.gif) 0 0 no-repeat;
}

#section-nav-portfolio a:hover{
background: url(../Images/framework/portfo_over.gif) 0 0 no-repeat;
}

#section-nav-contact a{
position:absolute;
left:0;
top:2px;
width:92px;
height:93px;
background: url(../Images/framework/contact.gif) 0 0 no-repeat;
}

#section-nav-contact a:hover{
background: url(../Images/framework/contact_over.gif) 0 0 no-repeat;
}

#section-nav-people a{
position:absolute;
left:93px;
top:2px;
width:97px;
height:93px;
background: url(../Images/framework/people.gif) 0 0 no-repeat;
}

#section-nav-people a:hover{
background: url(../Images/framework/people_over.gif) 0 0 no-repeat;
}

#news-column{
position:relative;
float:left;
width:184px;
margin:5px 0 0 0;
padding:0;
}

#logo-column{
float:right;
width:194px;
background: url(../Images/content/baset-log-two.gif) 0 4px no-repeat;
padding-top:96px;
margin-top:0;
margin:0 0 0 0;
}

#main-column{
margin:5px 192px 0 194px;
width: 371px;
background: url(../Images/content/baset-log-one.gif) 280px -2px no-repeat;
padding: 0;
}

* html #main-column{
margin:5px 192px 0 194px;
width: 365px;
background: url(../Images/content/baset-log-one.gif) 278px -2px no-repeat;
padding: 0;
}

#main-column p{
padding:0 90px 0 0;
margin:0 0 20px 0;

}


#logo{
margin-left:294px;
width:465px;
height: 190px;

}


#RotatingImages { width: 320px; margin-right: 18px; float: left; position: relative; z-index: 2; }
#RotatingImages,
#RotatingImages ul,
#RotatingImages li { width:465px;
height: 190px;
overflow: hidden; }

	#RotatingImages ul,
	#RotatingImages li { list-style-image: none; list-style-type: none; margin: 0; padding: 0; }

#picture{
width:182px;
padding-top:93px;

}
#news-title{
position:relative;
float:left;
width:170px;
height:180px;
overflow:hidden;
}

h1{
font-size:1.1em;
text-align:left;
margin-top: 0;
padding-top: 0;
}

h2{
font-size:1.1em;
margin:0;
}

#news-button-up{
float:right;
width:11px;
margin-top:10px;
}

#news-button-down{
margin-left:171px;
margin-top:200px;
}

#news-content {
	position:absolute; 
	left:2px; 
	top:25px; 
	width:150px; 
	height:300px; 
	border: 1px solid #333;
}

.cleaner {
clear: both;
padding: 0; 
margin: 0;
line-height: 0;
}

#footer{
margin-left: 50px;
width:700px;
height:33px;
background: url(../Images/framework/footer_logo.gif) 660px 0 no-repeat;
padding: 0;
}


#footer-nav ul{
	margin: 0 0 0 50px;
	padding:20px 0 0 40px;
}

* html #footer-nav ul{
	margin: 20px 0 0 90px;
	padding: 0;
}

#footer-nav li {
display:inline;
margin:0;
padding: 0;}

#footer-nav li a:hover{
border:none;
}

/* scrollbox styles */ 


#scrollbox {
	display: block;
	width: 180px;
    padding: 0 4px 10px 0;
	margin-top: 115px;
}
#scrollbox img{
margin: 10px 0;
}
#scrollbox h2 {
	font-size: 1.2em;
    margin: 6px 0 10px 0;
	border-bottom: 1px solid #89817D;
	padding: 0;
}

#scrollboxcontent {
    overflow: hidden;
    height: 137px;
	border: 0;
	padding: 4px;
	margin-top: 4px;
	scrollbar-face-color: #fff !important;
	scrollbar-shadow-color: #7fceea !important;
	scrollbar-highlight-color: #7fceea !important;
	scrollbar-3dlight-color: #fff !important;
	scrollbar-darkshadow-color: #fff !important;
	scrollbar-track-color: #fff !important;
	scrollbar-arrow-color: #7fceea !important;
}

#scrollboxcontent h3 {
	font-size: 1.1em;
    margin: 0px;
}

#scrollboxcontent p {
	font-size: 1em;
    margin: 4px 0 4px 4px;
}
h2 {
	font-size: 1.1em;
	padding: 0 90px 0 0;
	margin: 0 0 10px 0;
	color: #009DD5;
}

/* end scrollbox styles */
#Clicky { display: none; visibility: hidden; }