body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
padding-top:10px;
}
#wrapper_all{
width:950px;
margin:0 auto;
background:url(../images/leftpane_bg1.jpg) left top repeat-y;
}
#header{
width:950px;
height:150px;
background:url(../images/header_bg.jpg) left top repeat-x;
position:relative;
}
#footer{
width:930px;
margin:0 auto;
background:url(../images/footer_bg.jpg) left top repeat-x;
font-size:1.1em;
color:#000033;
text-align:center;
padding:9px 10px;
}

/*header styles with menu*/
img#logo{
position:absolute;
left:0;
top:0;
}
ul#menu{
position:absolute;
right:0;
top:90px;
padding:0;
margin:0;
list-style-type:none;
}
#menu li{
display:inline;
float:left;
margin-left:1px;
margin-right:1px;
}
#menu a{
display:block;
width:80px;
height:12px;
padding:9px 10px;
text-decoration:none;
text-align:center;
font-size:1.2em;
color:#003333;
background:url(../images/btnbg_normal.jpg) left top no-repeat;
}
#menu a:hover{
color:#FFFFFF;
background:url(../images/btnbg_hover.jpg) left top no-repeat;
font-weight:bold;
}
body#service a#servicelink,
body#portfolio a#foliolink,
body#contact a#contactlink{
color:#FFFFFF;
background:url(../images/btnbg_active.jpg) left top no-repeat;
font-weight:bold;
}

/*other links*/
a.others1:link{
text-decoration:none;
color:#996600;
}
a.others1:active{
color:#996600;
text-decoration:none;
}
a.others1:visited{
color:#996600;
text-decoration:none;
}
a.others1:hover{
color:#990000;
text-decoration:underline;
}

/*contact page*/
#main_cont{
width:750px;
float:left;
}
#side_cont{
width:200px;
float:left;
}
#main_cont h1{
font-size:1.2em;
color:#FFFFFF;
font-weight:bold;
margin:15px 0 10px 10px;
padding:5px;
background-color:#996666;
}
#main_cont h2{
font-size:1.1em;
color:#660000;
text-transform:uppercase;
margin:5px 15px;
padding:0;
}
#main_cont p{
margin:10px 15px;
padding:0;
font-size:1.1em;
line-height:1.3em;
}
#main_cont ul{
padding:0;
margin:0;
list-style-type:square;
margin-left:40px;
margin-bottom:20px;
text-align:left;
}
#main_cont li{
font-size:1.1em;
line-height:1.3em;
color:#663300;
}

/*services page*/
#main_serv{
width:750px;
float:left;
}
#side_serv{
width:200px;
float:left;
}
#main_serv h1{
font-size:1.1em;
color:red;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
margin:10px 10px 10px 20px;
padding:0;
padding-bottom:2px;
border-bottom:1px solid red;
}
.coursebox{
width:340px;
margin:10px 0 10px 20px;
padding-bottom:10px;
float:left;
background-color:rgb(225,225,225);
border:1px solid #666666;
}
.coursebox h2{
font-size:1.1em;
background-color:#666666;
color:#FFFFFF;
margin:0;
padding:5px;
}
.coursebox h3{
font-size:1.1em;
color:#660000;
text-transform:uppercase;
margin:10px;
}
.coursebox p{
margin:5px 10px;
padding:0;
font-size:1.1em;
line-height:1.3em;
}
.coursebox ul{
padding:0;
margin:0;
list-style-type:square;
margin-left:35px;
margin-right:10px;
margin-bottom:10px;
text-align:left;
}
.coursebox li{
font-size:1.1em;
line-height:1.3em;
color:#663300;
}

/*portfolio page*/
#main_folio{
width:750px;
float:left;
}
#side_folio{
width:200px;
float:left;
}
#main_folio h1{
font-size:1.1em;
color:white;
font-weight:bold;
text-transform:uppercase;
margin:10px 0 10px 10px;
padding:5px;
background-color:#999999;
text-align:right;
}
#main_folio p{
font-size:1.2em;
margin:0;
padding:0;
margin-left:15px;
margin-bottom:15px;
}
#project_list{
width:198px;
margin:0 10px 0 10px;
float:left;
background-color:#CCCCCC;
border:1px solid #006699;
}
#project_list h3{
font-size:1.1em;
padding:5px;
background-color:#006699;
color:#FFFFFF;
margin:0;
margin-bottom:10px;
}
#project_list ul{
margin:0;
padding:0;
list-style-type:disc;
list-style-position:inside;
margin-left:10px;
margin-bottom:15px;
}
#project_list li{
font-size:1.1em;
line-height:1.4em;
margin:5px 0;
}
.content{
width:500px;
height:600px;
overflow:auto;
padding:0 0 5px 0;
margin:0 0 10px 0;
border:1px solid #999999;
}

/*general page styles*/
.infobox{
width:198px;
margin:10px 0;
padding-bottom:10px;
}
.infobox h2{
background-color:rgb(235,170,120);
font-size:1.1em;
font-weight:bold;
color:#FFFFFF;
padding:5px;
margin:0;
margin-bottom:10px;
border-top:1px solid rgb(0,115,105);
border-bottom:1px solid rgb(0,115,105);
}
.infobox h3{
font-size:1.1em;
line-height:1.4em;
font-weight:bold;
margin:10px 5px 5px 5px;
padding:0 5px;
color:#663366;
}
.infobox p{
margin:5px;
padding:5px;
font-size:1.1em;
line-height:1.4em;
color:#003333;
}
.infobox ul{
padding:0;
margin:0;
margin-left:25px;
padding-right:10px;
}
.infobox li{
font-size:1.1em;
line-height:1.3em;
}