/* CSS for Rita Cheng.com
Jan 2010 - Rita Cheng */


/* Basic Styling */

body { margin: 0; padding: 0; font: 105% Helvetica, Arial, sans-serif; color: #111; background: #fff url('tile.gif') fixed; line-height: 150%; }
a { color: #fff; }
img { behavior: url(iepngfix.htc) }
h2 { color: #fff; }


/* Header */

#head { background-image: url('clearred.png'); width: 700px; margin: 10px auto; padding: 0 20px; overflow: auto;img, behavior: url(iepngfix.htc); }
#head h1 { display: inline; margin: 10px 0; padding: 0; float: left; }
#head h1 a { display: block; text-indent: -9999px; outline: 0; width: 300px; height: 45px; background: url('logo.png') top left no-repeat; }

/* Navigation */

#nav { float: right; display: inline; width: 400px; list-style: none; list-style-type: none; margin: 18px 0; padding: 0; text-align: left; font-size: 110%; }
#nav a { color: #AF0E0E; text-decoration: none; margin: 0 7px 3px 0; padding-bottom: 3px; border-bottom: 1px dotted #fff; }
#nav li { font-weight: bold; display: inline; color: #fff; }
#nav a:hover { color: #fff; border-bottom: 1px dotted #111; }

/* Body Styles */

.body { width: 630px; padding: 10px 70px 20px 40px; background-image: url('clearred.png'); margin: 10px auto 0 auto;img, behavior: url(iepngfix.htc); }
.body ul { list-style-type: square; margin: 0; padding: 0; }
.body ul li { margin-top: 2px; }
legend { font-size: 150%; font-weight: bold; color: #fff; margin: 0; }
.body ul li span { font-weight: bold; }


.high { font-size: 200%; line-height: 120%; color: #fff; }
.side { background-color: #F04C4C; float: right; margin: 0 10px 10px 20px; padding: 10px; width: 250px; border-top: 1px dotted #111; border-bottom: 1px dotted #111; color: #111; }
.side ul{ padding-left: 30px; }

/* Work Styling */

.site { position: relative; width: 600px; height: 300px; background-color: #F04C4C; overflow: hidden; text-align: center; line-height: 300px; }

/* Contact Styling */

form { margin: 20px 0 0 0; padding:0; width: 500px; }
fieldset { margin:0; padding:0; border:none; }

form div { padding: 10px 0; margin: 0; }
label {float:left; width:15%; line-height: 200%; padding-right: 10px; text-align:right; } 
input, textarea { width:75%; border:1px solid #fff; padding:3px; font: 100% Helvetica, Arial, sans-serif; background:#fff; color:#000; } 
textarea { overflow:auto; width:75%; border:1px solid #fff; padding:3px;}
.button { text-align: right; }
.button input { margin-right: 5%; border:none; font-size:1.2em; color:#e33; background: #fff; padding:0 4px; cursor:pointer; width:auto;}
select { font: 100% Helvetica, Arial, sans-serif; }

/* Slider Styling */

#rotate ul, #rotate li, #rotate1 ul, #rotate1 li, #rotate2 ul, #rotate2 li, #rotate3 ul, #rotate3 li, #rotate4 ul, #rotate4 li, #rotate5 ul, #rotate5 li, #rotate6, #rotate6 li {
		margin:0;
		padding:0;
		list-style:none;
}

#rotate, #rotate li, #rotate1, #rotate1 li, #rotate2, #rotate2 li, #rotate3, #rotate3 li, #rotate4, #rotate4 li, #rotate5, #rotate5 li, #rotate6, #rotate6 li { 
		width: 600px;
		height: 300px;
		overflow: hidden;
		cursor:pointer;
}

/* Footer Styles */

#footer { width: 700px; margin: 0 auto; padding: 5px 20px; font-weight: bold; }