/* Global Styles */

* {margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #666;}
.clear {clear: both}

h2 {text-indent: -9999px; line-height: 22px; margin: 0 0 10px 0; padding: 0; font-size: 0.1px; background: transparent;}
h2.wel {background: url(../images/h2_welcome_bg.gif) no-repeat left;}
h2.port {background: url(../images/h2_portfolio_bg.gif) no-repeat left;}
h2.con {background: url(../images/h2_contact_bg.gif) no-repeat left;}

p {font-size: 10px; padding: 0 30px 14px 35px; line-height: 14px; font-weight: bold;}
p strong {color: #cc6633;}

a {color: #cc6633; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Page Design */

body {background: url(../images/body_bg.gif) repeat top center fixed; padding: 0 0 20px 0; text-align: center; position: relative;}
.page {padding: 25px 0 300px 0; background: url(../images/page_break.gif) repeat-x bottom left; position: relative;}

.header {width: 731px; height: 104px; background: url(../images/header_bg.gif) no-repeat right bottom; text-align: left; position: relative; margin: 0 auto;}

.content {width: 710px; position: relative; margin: 0 auto; padding-left: 21px;}
.leftCol {width: 244px; height: 422px; background: #f2f1e8 url(../images/leftcol_bg.gif) no-repeat left; text-align: left; float: left; padding: 0 0 0 20px;}
.rightCol {width: 446px; height: 422px; background: #f2f1e8 url(../images/rightcol_bg.gif) no-repeat right; text-align: left; float: left;}
.footer {width: 731px; height: 30px; background: url(../images/footer_bg.gif) no-repeat right top; margin: 0 auto; clear: both;}



/* Header */
.header h1 {background: url(../images/logo.gif) no-repeat bottom left; text-indent: -9999px; line-height: 104px; margin: 0; padding: 0; font-size: 0.1px; display: block; width: 250px;}

/* Portfolio */

.port_leftCol {width: 660px; height: 422px; background: #f2f1e8 url(../images/leftcol_bg.gif) no-repeat left; text-align: left; float: left; padding: 0 0 0 20px;}
.port_rightCol {width: 30px; height: 422px; background: #f2f1e8 url(../images/rightcol_bg.gif) no-repeat right; text-align: left; float: left;}

.artList {width: 600px; margin-left: 40px;}
.artList img {float: left; margin: 0 15px 15px 0;} 

/* Right Col */




/* Footer */

.theresmore {position: absolute; bottom: 0; left: 10px;}
.copyright {position: absolute; bottom: 25px; right: 15px;}
.designedby {position: absolute; bottom: 10px; right: 15px;}

#foot {height: 26px; width: 100%; margin: 0 auto; background: url(../images/page_footer_bg.gif) repeat-x top left; position: fixed; bottom: 0; text-align: center; padding: 0; font-size: 10px; line-height: 26px; z-index: 100;}
#foot .footlink {margin-left: 50px;}


/*-Menu-----------------------------------------------*/

ul.nav	{
	height: 30px; 
	width: 390px;
	position: absolute;
	background: url(../images/nav.gif) no-repeat top;
	margin: 0;
	top: 56px;
	right: 44px;
}
	
ul.nav li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}

ul.nav li a	{
	text-indent: -9999px; 
	text-decoration: none;
	height: 30px;
	display: block
	}

ul.nav li.opt1 {left: 0; width: 70px;}
ul.nav li.opt2 {left: 70px; width: 80px;}
ul.nav li.opt3 {left: 150px; width: 113px;}

ul.nav li.opt1 a:hover {background: transparent url(../images/nav.gif) 0 -30px no-repeat;}
ul.nav li.opt2 a:hover {background: transparent url(../images/nav.gif) -70px -30px no-repeat;}
ul.nav li.opt3 a:hover {background: transparent url(../images/nav.gif) -150px -30px no-repeat;}

ul.nav li.opt1 a.current {background: transparent url(../images/nav.gif) 0 -60px no-repeat;}
ul.nav li.opt2 a.current {background: transparent url(../images/nav.gif) -70px -60px no-repeat;}
ul.nav li.opt3 a.current {background: transparent url(../images/nav.gif) -150px -60px no-repeat;}

/* Form */
 
#form {width: 200px; padding: 0; margin-left: 35px; }
label,input, textarea {
        display: block;
        margin-bottom: 2px;
		font-size: 10px;
		font-weight: normal;
		color: #cc6633;
}
input {width: 120px; border: 1px solid #666; padding: 1px 3px; font-size: 10px; margin-bottom: 4px;}
.submit {width: 61px; height: 20px; border: 0; margin-top: 2px;}
textarea {width: 180px; height: 70px; padding: 1px 3px; border: 1px solid #666; font-size: 10px;}

label {
	text-align: left;
	width: 75px;
	padding-right: 5px;
	font-weight: bold;
	color: #666;
	
}
#form br {clear: left;}