@charset "utf-8";
/* CSS Document */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
/*background-color: #afe6e8;*/
/*background-color: #a5e3e5;*/
background-color: #666666;
font-size: 13px;
margin-left: auto;
margin-right: auto;
}

a.topnav{
text-decoration: none;
color: #dddddd;
}

a.topnav_active{
text-decoration: none;
/*color: #eeeeee;*/
color: #f4f4f4;
}

a.topnav:hover{
color: #f4f4f4;
}

a.topnav_active:hover{
color: #f4f4f4;
}

a.footer{
color: #dddddd;
}

a.footer:hover{
color: #f4f4f4;
}

a{
color: #000066;
}

a:hover{
color: #333333;
}


ul{ 
list-style-type:circle;
}

ul.porfolio{ 
margin-right: 180px;
}

ul.services{ 
margin-left: 45px;
margin-right: 30px;
}

#logobox{
width: 820px;
height: 25px;
margin-left: auto;
margin-right: auto;
background-color: #666666;
}

#logo{
font-size: 18px;
float: left;
color: #333333;
padding: 0px 0px 5px 5px;
font-stretch: ultra-expanded;
}

#topmenu{
font-size: 13px;
float: right;
padding: 5px 0px 0px 0px;
/*color: #333333;*/
color: #FFFFFF;
font-stretch: ultra-expanded;
font-weight: 600;
}


#mainbox{
width: 800px;
height: 540px;
padding: 20px 10px 20px 10px;
border: 1px #000000 solid;
background-color: #ffffff;
text-align: center;
margin-left: auto;
margin-right: auto;
top: 100px;
}

#mainbox_inner{
width: 800px;
height: 540px;
padding: 0px 10px 20px 10px;
border: 1px #000000 solid;
background-color: #ffffff;
text-align: center;
margin-left: auto;
margin-right: auto;
top: 100px;
}


/* home page styles */

#flashbox{
width: 780px;
margin-left: auto;
margin-right: auto;
background-color: #cccccc;
/*border: 1px #666666 solid;*/
align: center;
margin-bottom: 20px;
}

#lowerbox{
width: 800px;
background: #ffffff url(/images/home_lower_bg.jpg) no-repeat;
vertical-align: top;
}

#services{
width: 380px;
margin-left: 10px;
float: left;
text-align: left;
vertical-align: top;
}


#portfolio{
width: 370px;
margin-right: 20px;
float: right;
text-align: left;
height:230px;
vertical-align: top;
}


.hometitle{
padding: 10px 0px 10px 0px;
text-align: center;
font-size: 14px;
font-stretch: ultra-expanded;
font-weight: 600;
color: #333333;  
}

.menu {
padding: 0px 0px 0px 35px;
}



/* services page styles  */

#innerbox{
margin: 40px 25px 40px 25px;
position:relative;
}

#services_inner{
width: 100%;
margin-left: 10px;
text-align: left;
vertical-align: top;
height: 190px;
}

ul.services_inner{ 
margin-left: 45px;
margin-right: 50px;
}


#servicesbox{
width: 100%;
height: 265px;
margin-left: auto;
margin-right: auto;
border: 1px #666666 solid;
align: center;
background-color: #dff5f6;
}

.services_desc{
text-align: left;
position:absolute;
top: 230px;
left: 50px;
width: 650px;
}

/* portfolio page styles  */

#innerbox_portfolio{
margin: 40px 25px 20px 25px;
position:relative;
}


#portfolio_list{
width: 100%;
margin-left: 10px;
margin-bottom: 10px;
text-align: left;
vertical-align: top;
height: 140px;
}

ul.portfolioList{ 
margin-left: 45px;
margin-right: 50px;
}


#portfoliobox{
width: 100%;
height: 340px;
margin-left: auto;
margin-right: auto;
border: 1px #666666 solid;
align: center;
background-color: #dff5f6;
}

.portfolio_desc{
text-align: left;
position:absolute;
top: 170px;
left: 325px;
width: 400px;
}


/* resume styles  */

#resume_inner{
width: 100%;
text-align: left;
vertical-align: top;
height: 100%;
}

#resume_mainbox{
width: 800px;
height: 1250px;
padding: 0px 10px 20px 10px;
border: 1px #000000 solid;
background-color: #ffffff;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#resume_innerbox{
margin: 30px 25px 40px 25px;
}

.title_bluebg{
background-color: #d2f1f2;
padding: 3px 0px 3px 5px;
}


.footer{
color: #dddddd;
}