/* CSS Document */

#menu {
clear:right;
height:35px;
position:relative;
top:2px;
z-index: 2;

}
#menu ul {
margin:0pt;
padding:0pt;

}
#menu a {
color: #f7921e;
display:block;
float:left;
font-family:Arial,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
margin:0pt;
padding:4px 0pt 5px;
text-align:center;
text-decoration:none;
width:100px;
}
#menu a:hover {
color: #fff;
}
#menu li {

background:#fff none repeat scroll 0%;
border: 1px solid #006b89;
display:block;
float:left;
list-style-type:none;
margin:0pt 1px 0 1px;
padding:0pt;
position:relative;
}
#menu li ul {
background:#fff none repeat scroll 0%;
height:auto;
left:-999em;
position:absolute;

}
#menu li ul li{
border: none;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left:-999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
left:0pt;
top:23px;
border: 1px solid #006b89;

backgroung: #fff;
}
#menu li:hover, #menu li.sfhover {
color: #fff;
background:#f7921e none repeat scroll 0%;
color: #fff;
}



/* Major Stuff - Page divs and formatting */

body{
background: #e4e4dd url(images/bg.jpg) repeat-x;
text-align: center;
margin: 0;
position: relative;
}
#wrapper{
width: 970px;
background: url(images/pagebg.gif) repeat-y;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 0;
text-align: left;
position: relative;
z-index: 0;
}
#page{
background: url(images/wrapperbg.jpg) no-repeat;

float: left;
width: 970px;
}
#content{
width: 550px;
float: right;
}
#menu{
background: url(images/nav-grad.gif) #bfbda8 repeat-y left;
padding: 5px 5px 0 50px;
height: 34px;
margin: 18px 12px 20px 0;
}
#main{
float:right;
width: 600px;
margin: 10px;
}
#main p{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin:  10px;
}
#main h1{
color: #fff;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0;
margin: 0 0 0 235px;
font-size: 22pt;
font-weight: normal;
}
#main h2{
color: #f7921e;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0;
margin: 0 0 0 10px;
font-size: 12pt;
font-weight: normal;
}
#header{
position: relative;
z-index: 0;
margin: 10px 0 40px 0px;
background: #006b89;
padding: 10px;
top: 20px;
}
#header p{
margin: 0 0 0 235px;
color: #fff;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0;
font-size: 16pt;
}
.leftalign{
float: left;
margin: 0px 5px 5px 0px;
}
.rightalign{
float: right;
margin: 0px 0px 5px 5px;
}
p{
color: #494949;
}
a{
text-decoration: underline;
color: #006b89;
}

.clientsheader{
	color: #006B89;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	padding-top: 15;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}

.clientsdescr{
	color: #666666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 3;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
}

/* Bottom Keyword Formatting */

.subject{
color: #787878;
font-family: Arial, Arial, Helvetica, sans-serif;
padding: 10px;
margin: 0 0 0 0px;
font-size: 12pt;
font-weight: normal;
}



/* Sidebar */

#rotatingpart{
height: 500px;
width: 248px;
background: #666 url(images/rotating-image1.jpg);
margin: 30px 0 10px 0;
float: left;
}
#side{
width: 291px;
float: left;
margin: 10px 10px 0 30px;
}
#side img{
float: left;
margin: 10px 0 0 0;
postion: relative;
z-index: 200;
}



/* Rounded Boxes */

dl, dt, dd {
margin: 0;
padding: 0;
}
dt {
height: 10px;
background: #fff url(images/boxtop.gif) top left no-repeat;
line-height: 0;
/*text-align: center; centered title, bug IE*/
}
dd {
border: solid #b2d234; /* size and color for borders on the right and left */
border-width: 0 1px;
background: #f3f3f3;
/* removed for the h2 on homepage; use innerbox for padding
padding: 0 10px; /* left and right padding to avoid text appearing over borders */
}
.boxbottom {
height: 10px;
background: #f3f3f3 url(images/boxbottom.gif) bottom left no-repeat;
border: 0 none; /* no lateral border for the lower part */
padding: 0; /* no text, so no padding */
}
.boxupperright, .boxlowerright { /* position of right, floating corners */
float: right;
}
.innerbox{
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #494949;
padding: 0px 10px;
}


/* Home Page */

#homepagecontent{
padding: 10px;
}
#homepagecontentlogo{
float: left;
position: relative;
z-index: 200;
margin: 10px 30px 10px 10px;
padding: 0;
}
#homepageserviceslist{
position: relative;
left: 2px;
}
#homepageserviceslist a{
font-weight: bold;
font-size: 12px;
font-family: arial;
}
#homepagepoint{
float: right;
width: 210px;
}
#homepagepoint h2{
color: #494949;
font-size: 11pt;
}

/* About Page */

.smbio{
position: relative;
left: 50px;
width: 500px;
}



/* Services Page */

#serviceslist{
position: relative;
left: 30px;
}
#serviceslist a{
background: #a6a386;
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
display: block;
padding: 5px 30px 5px 30px;
}
#serviceslist a:hover{
background: #494949;

}
#serviceslistright{
float: left;
position: relative;
left: 20px;
}
.serviceitem{
font-weight: bold;
font-size: 10pt;
padding: 0px;
margin: 0px;
color: #494949;
font-family: Arial, Arial, Helvetica, sans-serif;
}
#servicessmallbus{
float: left;
width: 270px;
}
#servicessmallbus p{
margin: 0px;
}
#serviceslargecorp{
float: left;
position: relative;
left: 15px;
width: 295px;
}
#serviceslargecorp p{
margin: 0px;
}
#servicesblurb{
text-align: left;
width: 500px;
}

/* Portfolio Page */

/* portfolio top menu */

.portfolio_menu_item {
float:  left;
color:  #006b89;
background-color:  #a6a386;
font-size:  8pt;
font-family:  Arial, Helvetica, Veranda;
font-weight:  bold;
padding:  0px 1px 0px 1px;
border-width:  5px 9px;
border-style:  solid;
border-color:  #a6a386;
cursor: pointer;
cursor: hand;
}

.portfolio_menu_item_selected {
float:  left;
color:  #f8992d;
font-size:  8pt;
font-family:  Arial, Helvetica, Veranda;
font-weight: bold;
padding:  0px 1px 0px 1px;
background-color:  #ffffff;
border-width:  5px 9px;
border-style:  solid;
border-color:  #ffffff;
cursor: pointer;
cursor: hand;
}

/* portfolio side menu */

.portfolio_inner_side_menu{
float: left;
position: relative;
top: 10px;
z-index: 2;
}

.portfolio_inner_side_menu_img{
margin: 2px 0px 2px 0px;
border-style: solid;
border-width: 2px;
border-color: #c3c1ae;
cursor: pointer;
cursor: hand;
}

.portfolio_inner_side_menu_img_selected{
margin: 2px 0px 2px 0px;
border-style: solid;
border-width: 2px;
border-color: #f8992d;
cursor: pointer;
cursor: hand;
}

/* portfolio content */

.portfolio_content{
position: relative;
top: 30px;
float: left;
left: 15px;
z-index: 1;
}

.portfolio_content_img{
display: none;
}

.portfolio_content_img_selected{
display: block;
}

/* Standard Page */

#standardpagecontent h1{
color: #fff;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding: 0;
margin: 0 0 0 15px;
font-size: 22pt;
font-weight: normal;
}
#standardpagecontent{
padding: 0 10px 10px 10px;
}
#standardpagecontent h3{
background-color:  #a6a386;
color: #ffffff;
font-family: Arial, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-weight: bold;
padding: 2px 5px 2px 5px;
/*margin: 0px 10px 0px 0px;*/
}





/* Secondary Nav */

#leftnav{
float: right;
margin-left: 5px;
}
#leftnav a{
position: relative;
z-index: 300;
font-size: 14px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-decoration: none;
color: #f7921e;
font-weight: bold;
background: #fff;
display: block;
width: 240px;
height: 15px;
padding: 7px;
border: 1px solid #f7921e;
margin: 8px 0 0 0px;
left: 10px;
top: 10px;
}
#leftnav a:link{
color: #f7921e;
}
#leftnav a:visited{
color: #f7921e;
}
#leftnav a:hover{
background: #f7921e;
color: #fff;
}




/* Footer Stuff */

#footer{
width: 970px;
clear: both;
background: url(images/footerbg.gif) no-repeat bottom;
padding: 20px 0 10px 0;
}
#footer a{
color: #fff;
text-decoration: none;
position: relative;
top: -2px;
}
#footer p{
display: block;
font-weight: bold;
font-size: 10px;
font-family: Arial, Arial, Helvetica, sans-serif;
color: #fff;
padding: 12px 0 0 0;
text-align: center;
height: 23px;
width: 930px;
clear: left;
clear: right;
margin: 0px 10px 0px 10px;
}
#footer img{
padding: 0;
postion: relative;
margin: 0px 10px 0px 10px;
}

#copywrite{
font-size: 10px; 
margin: 0 0 0 20px;
color: #777777; 
float: left; 
position: relative;
background: #e4e4dd
}