a img {border: none; }

p { font-family: "Century Gothic", "Times New Roman", sans-serif;
font-size: 0.8em; }

p.title { font-family: "Century Gothic", "Times New Roman", sans-serif;
font-size: 1.5em; }

p.links { font-family: "Century Gothic", sans-serif; }

p.inorange { font-family: "Century Gothic", sans-serif;
color: #FFFFFF;
font-size: 1.6em;
letter-spacing:5px; }

p.login { font-family: "Century Gothic", sans-serif;
color: #000000;
font-size: 0.7em; }

p.copyright { font-family: "Century Gothic", sans-serif;
color: #808080;
font-size: 0.5em;
letter-spacing:3px; }

p.links a:link {
text-decoration: none;
color: #808080; }

p.links a:visited {
text-decoration: none;
color: #808080; }

p.links a:hover {
text-decoration: none;
color: #e1a608; }

p.login a:link {
text-decoration: none;
color: #000000; }

p.login a:visited {
text-decoration: none;
color: #000000; }

p.login a:hover {
text-decoration: none;
color: #e1a608; }


#orange {
float:right;
position:relative;
width:100%;
height:400px;
background-color:#c79b1d
}

#orangefloat {
position:absolute;
bottom:0px;
height:400px;
right:67%;
float:left;
text-align:right;
}

#orangetitle {
height:350px;
}

#topwrap {
height:30px;
width:100%;
}

#ematitle {
height:30px;
margin-left:35%;
background-image: url(ematitle.png);
background-repeat: no-repeat;
}

#wrap { 
position: absolute; 
width:100%;
top: 45%; 
height: 510px; 
margin-top: -200px; /* minus half height */ 
}

#content {
float:right;
height:400px;
width:65%;
background-color:#EAEAEA;
background-image: url(worksbg.jpg);
background-repeat: no-repeat;
}

#worksnav {
margin-top:150px;
float:left;
text-align:right;
width:270px;
}

#carousel {
margin-top:25px;
float:left;
display:inline;
}

#bottomwrap {
clear:both;
width:100%;
}

#logo {
position:absolute;
right:65%;
margin-top:15px;
margin-right:-17px;
float:left;
}

#nav {
position:absolute;
bottom:20px;
height:30px;
width:577px;
left:35%;
text-align:right;
}

#login {
position:absolute;
width:577px;
left:35%;
text-align:right;
padding-top:40px;
}

#textbox {
float:left;
text-align:justify;
width:427px;
margin-left:15px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 278px; /*Width of Carousel Viewer itself*/
height: 320px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 278px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


* { margin:0;
padding:0; }




BODY { background-color:#EAEAEA;
height:100%;
}