/* 
CSS Screen Document
Created by Jegan Chen 
For JeganChen.com
***********************/

html *, body * {
	margin: 0;
	padding: 0;
}

html {
	border-top: 1px solid #fff;
}	

body {
	background: #fff url("/images/layout/bodyBG.png") repeat-x;
	font: 100% Arial, Verdana, Sans-serif;
}

a img {
	border: 0;
}

a:hover {
	text-decoration: none;
}	

.clearboth {
	clear: both;
	display: block;
}

h1 {
	color: #000;
	font: 30px Arial, Verdana, Sans-Serif; 
	margin: 15px 0 10px;
}

h2 {
	color: #000;
	font: 25px Arial, Verdana, Sans-Serif; 
	margin: 15px 0 5px;
}

h3 {
	font: bold 1.2em Arial, Verdana, Sans-Serif; 
	margin: 15px 0 0;
}

h4 {
	font: bold 1.0em Arial, Verdana, Sans-Serif; 
	margin: 15px 0 0;
}

#container {
	margin: 0 auto;
	padding: 0 8px;
	width: 940px;
}

/* Banner Elements
***********************/
#banner {
	border-bottom: 1px solid #e1e1e1;
	clear: both;
	padding: 0 0 1px;
	width: 940px;
}

#banner #logo {
	float: left;
	margin: 10px 0 0;
	padding: 0;
}	

#message h1 {
	border-bottom: 1px solid #e1e1e1;
	font: 30px Georgia, "Times New Roman", Sans-Serif;
	margin: 5px 0 15px;
	padding: 25px 0;
}

/* Main Elements
***********************/

#main {
	clear: both;
	color: #444;
	line-height: 1.3em;
	padding: 0;
	width: 940px;
}

#main p {
	margin: 0 0 15px;
}

#main a, #footer a {
	color: #006699;
	text-decoration: none;
}

#main a:hover {
	background-color: #dfdfdf;
}

#main a:hover img {
	background: none;
}	

.right-image {
	float: right;
	margin: 4px 0 5px 3px;
}


/* Left Elements
***********************/

#main #left {
	float: left;
	margin: 0 15px 0 0;
	width: 700px;
}

/* Sidebar Elements */

#sidebar {
	float: right;
	margin: 20px 0 40px 0;
	width: 215px;
}

#sidebar img {
	float: left;
}

/* Buttons */

#buttons h2 {
	color: #555;
	font: .90em/1.6 Georgia, "Times New Roman", Sans-Serif;
	margin: 0;
	padding: 0 0 5px 7px; 
}

/* Footer Elements
***********************/

#footer {
	border-top: 1px solid #e1e1e1;
	clear: both;
	color: #555;
	font-size: .70em;
	margin: 25px auto 0;
	padding: 15px 0 5px;
	text-align: right;
	width: 940px;
}

#footer a {
	color: #555;
}

#design-by {
	float: right;
}

#copyright {
	float: left;
}

/* Navigation */
#navigation {
	float: right;
	padding: 30px 0 0;
	width: 590px;
}

/* Home Page */
#page-home .stripViewer h2 {
	clear: both;
	font: 28px Arial, Tahoma, Sans-serif;
	margin: 0;
	color: #777;
}

#page-home a.call {
	color: #4a5d4a;
	display: block;
	background: url("/images/home/call-button.jpg") 0 100% repeat-x;
	border: 1px solid #e1e1e1;
	float: left;
	font: 16px Georgia,"Times New Roman",Sans-serif;
	margin: 30px 0 0;
	padding: 10px 20px;
}

#page-home a.call:hover {
	color: #000;
	border: 1px solid #ccc;
}

#page-home #sidebar {
	float: right;
	margin: 0 0 40px 0;
	width: 215px;
}


/* Contact */

fieldset {
	display: block;
	border: 0;
	width: 500px;
}

legend {
	display: none;
}

label {
	clear: left;
	display: block;
	float: left;
	margin: 0 0 4px 0;
	width: 195px;
}

input {
	float: left;
	display: block;
	margin: 0 0 4px 0;
	width: 200px;
}

textarea {
	float: left;
	height: 200px;
	display: block;
	margin: 0 0 4px 0;
	width: 300px;
}

button {
	clear: both;
	float: left;
	margin: 0 0 0 195px;
}

#subject, .subject {
	display: none;
}

/* Work */

.example img {
	background: none;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 20px 0;
}

.example {
	font-size: .90em;
}