body {
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: small;
background: #000000 url(images/bodybg.jpg) repeat-x top left;
color: #cccccc;
}

a img, img a, a img:visited, img a:visited { 
border: none;
}

#allcontent {
width: 925px;
height: 625px;
margin: 0px auto;
padding: 0px;
}

/* #header {
background: url(images/topflowers2.gif) no-repeat top left;
height: 165px;
} */

#header01 {
background: url(images/topflowers2.gif) no-repeat top left;
height: 130px;
}

#pagetitle {
float: left;
width: 293px;
}

#pagetitle a#mailto:hover img { background: url(images/01contact_ro.gif) no-repeat top left; }

#menu {
margin: 15px 10px 0px 0px;
text-align: right;
float: right;
width: 300px;
}

#choices {
margin: 5px 0px 0px 0px;
padding: 0px;
}

#choices ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#choices ul li {
margin: 0px;
padding: 0px 0px 0px 3px;
display: inline;
}

#choices a#savastra img { background: url(images/savastra.gif) no-repeat top left; }
#choices a#savastra:hover img { background: url(images/savastraro.gif) no-repeat top left; }

#choices a#materials img { background: url(images/materials.gif) no-repeat top left; }
#choices a#materials:hover img { background: url(images/materialsro.gif) no-repeat top left; }

#choices a#design img { background: url(images/designwork.gif) no-repeat top left; }
#choices a#design:hover img { background: url(images/designworkro.gif) no-repeat top left; }

#page-design a#design img { background: url(images/designworkro.gif) no-repeat top left; }
#page-savastra a#savastra img { background: url(images/savastraro.gif) no-repeat top left; }
#page-materials a#materials img { background: url(images/materialsro.gif) no-repeat top left; }


/* CLIENTS */

#clients {
float: left;
width: 734px;
margin: 3px 0px 0px 3px;
}


/* DESIGN WORK HOME */

#design-content {
background: url(images/designbg3.gif) no-repeat top left;
height: 391px;
margin: 0px 0px 0px 2px;
}

#bedifferent {
float: left;
width: 734px;
margin: 3px 0px 0px 3px;
}

#selectedwork {
height: 370px;
}

#workchoices {
float: left;
width: 900px;
margin: 0px 0px 0px 15px;
padding: 0px;
font-size: 85%;
}

#workchoices ul {
height: 22px;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#workchoices ul li {
display: inline;
margin: 0px;
/* padding: 3px 15px 5px; */
padding: 3px 0px 5px;
}

#workchoices ul li#stitle { padding: 0px 15px 0px 8px; }

#workchoices ul a, #workchoices ul a:visited {
color: #999999;
text-decoration: none;
}

#workchoices ul a:hover li {
background: #51b0d0;
color: #ffffff;
}

#workchoices ul a#currentwork li {
background: #51b0d0;
color: #FFFFFF;
}

/* FIREFOX DESIGN WORK  */

#workchoices ul li a, #workchoices ul li a:visited {
color: #999999;
text-decoration: none;
padding: 3px 15px 5px;
}

#workchoices ul li a:hover {
background: #51b0d0;
color: #ffffff;
}

#workchoices ul li a#currentwork {
background: #51b0d0;
color: #FFFFFF;
}

/* DESIGN WORK - SELECTED WORK */

#sleft {
float: left;
width: 290px;
height: 270px;
margin: 0px 0px 0px 30px;
}

#banner {
margin: -4px 0px 0px -34px;
padding: 0px;
}

#sright {
text-align: right;
float: right;
width: 540px;
height: 320px;
margin: 30px 55px 0px 0px;
}

#workpic {
float: right;
width: 505px;
height: 251px;
margin: 10px 0px 0px 0px;
}

.services {
color: #FFFFFF;
text-transform: uppercase;
font-size: 90%;
margin: 0px 3px 0px 0px;
}

.workinfo { 
margin: 5px 3px;
color: #cad1d3; 
}

#views {
margin: 15px 0px 0px 0px;
background: url(images/workviews.gif) no-repeat top left;
height: 55px;
}

#views ul {
margin: 0px 10px 0px 0px;
float: right;
list-style-type: none;
padding: 0px;
}

#views ul li {
display: inline;
padding: 0px;
}

#views a#viewdot img { background: url(images/viewdot.gif) no-repeat top left; }
#views a#viewdot:hover img { background: url(images/viewdotro.gif) no-repeat top left; }
#views a#currentview img { background: url(images/viewdotro.gif) no-repeat top left; }

.viewname {
float: right;
width: 270px;
text-align: right;
margin: 0px 13px 0px 0px;
}

#getintouch {
height: 98px;
margin: 5px 0px 0px 0px;
padding: 0px;
width: 915px;
float: left;
}

#write {
float: left;
width: 452px;
background: url(images/likewhatyousee.gif) no-repeat top left;
height: 82px;
}

#writetxt {
width: 340px;
margin: 35px 0px 0px 85px;
}

#clientworksheet {
float: right;
width: 452px;
background: url(images/headstart.gif) no-repeat top left;
height: 82px;
}

#wksheettxt {
float: left;
width: 270px;
height: 35px;
margin: 35px 0px 0px 25px;
}

#wksheettxt a, #wrksheettext a:visited, #writetxt a, #writetext a:visited {
color: #e392d5;
text-decoration: none;
}

#wksheettxt a:hover, #writetxt a:hover {
border-bottom: 1px dotted #e392d5;
}

#dlcw {
text-align: right;
float: right;
width: 140px;
height: 35px;
margin: 25px 10px 0px 0px;
color: #454343;
}

#dlcw a, #dlcw a:visited, #dlcw a:hover {
text-decoration: none;
border: none;
color: #454343;
}

/* MATERIALS CONTENT --- OLD */

/* 
#materials-content {
background: url(images/materialsbg.gif) no-repeat top left;
height: 408px;
}
*/

#materials-content {
background: url(images/savastrabg.gif) no-repeat top left;
height: 477px;
}

#physnote {
float: right;
width: 220px;
margin: 20px 40px 0px 0px;
padding: 0px;
}

.note {
color: #FFFFFF;
font-size: 130%;
font-weight: bold;
}

.lightblue {
color: #abddf2;
}

#ps3title {
float: left;
margin: 12px 0px 0px 15px;
}

#coursenote {
background: url(images/coursenote.gif) no-repeat top left;
float: left;
width: 630px;
height: 379px;
margin: 5px 0px 0px 15px;
color: #000000;
}

#colorbox {
margin: 9px 0px 0px 9px;
padding: 0px;
}

.coursetitle {
margin: 0px 0px 0px 30px;
color: #5a5858;
font-size: 130%;
font-weight: bold;
}

.caption {
margin: 0px 0px 0px 30px;
color: #a2a2a3;
font-size: 90%;
}

table {
width: 565px;
margin: 5px 0px 0px 30px;
border-collapse: collapse;
}

th {
text-align: left;
color: #7f1a22;
}

th#sec { width: 30px; }
th#lect { width: 110px; }

tr {
border-bottom: 1px solid #f0f1f2;
}

#software {
float: left;
width: 900px;
color: #626262;
margin: 4px 0px 0px 15px;
font-size: 85%;
}


/* COPYRIGHT LINE */

#copyrightline a.icon, #copyrightline a.icon:visited {
border: none;
background: none;
text-decoration: none;
}

#copyrightline img {
vertical-align: bottom;
}

#copyrightline {
text-align: center;
font-family: "Century Gothic";
font-size: 90%;
color: #3f3f3f;
padding: 0px;
margin: 0px auto;
}