/* ------ Styles for Rhaya.com 
This site was designed, developed and is maintained by Rhaya Shilts. 
 ------ */


/* ------------- UNIVERSAL ------------- */

* {margin:0; padding:0; }

body {
text-align:center;
background:#DFF5FD;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
color:#683605;
}

/* ------------- LAYOUT ------------- */
	
#frame {
width:960px;
margin-right:auto;
margin-left:auto;
text-align:left;
background-image: url(images/template/framebg.gif);
background-position:center;
background-repeat:repeat-y;
border-left:solid 20px #DFF5FD;
}
		
#contentleft {
background:url(images/template/leftbg.gif) no-repeat;
width:544px;
float:left;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
color:#683605;
font-size:11px;
line-height:160%;
}

#contentright {
width:416px;
float:left;
background:url(images/template/rightbg.gif) no-repeat;
padding-top:210px;
line-height:90%;
}


/* ------------- HEADER ------------- */	
/* -- for full header use header.gif with a height of 258px -- */		

#header {
width:960px;
height:198px;
background:url(images/template/headercrop3.gif);
}

a.header {
width:220px;
height:160px;
display: block;
text-indent: -9999px;
left:320px;
position:relative;
overflow:hidden;
}


/* ------------- MAIN NAVIGATION ------------- */



ul#nav_main {
list-style-type:none;
position:relative;
width: 301px;
height: 24px;
top: -23px;
left: 0;
}

li#nm_1 {
position:absolute;
top: 0;
left: 0;
width:60px;
height:24px;
background: url(images/template/navigation/about1.gif) no-repeat;
}

li#nm_1 a {
display:block;
height:24px;
width: 60px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_2 {
position:absolute;
top: 0px;
left: 60px;
width:56px;
height:24px;
background: url(images/template/navigation/work1.gif) no-repeat;
}

li#nm_2 a {
display:block;
width:56px;
height:24px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_3 {
position:absolute;
top: 0px;
left: 116px;
width:83px;
height:24px;
background: url(images/template/navigation/contact1.gif) no-repeat;
}

li#nm_3 a {
display:block;
height:24px;
width: 83px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_4 {
position:absolute;
top: 0px;
left: 199px;
width:102px;
height:24px;
background: url(images/template/navigation/warehouse1.gif) no-repeat;
}

li#nm_4 a {
display:block;
height:24px;
width: 102px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

li#nm_1 a:hover { background: url(images/template/navigation/about_roll1.gif) no-repeat; }
li#nm_2 a:hover { background: url(images/template/navigation/work_roll1.gif) no-repeat; }
li#nm_3 a:hover { background: url(images/template/navigation/contact_roll1.gif) no-repeat; }
li#nm_4 a:hover { background: url(images/template/navigation/warehouse_roll1.gif) no-repeat; }




/* ------------- FOOTER ------------- */			


#footer {
width:544px;
background:url(images/template/footer.gif) no-repeat;
padding:47px 0 15px 0;
text-align:center;
background-color:#DFF5FD;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
color:#57abc7;
font-size:10px;
}

#footer a {
color:#57abc7;
text-decoration:none;
}

#footer a:hover {
color:#683605;
text-decoration:underline;
}

/* ------------- MAIN CONTENT ------------- */

#announcement {
margin:0 32px 15px 32px;
}

#announcement a {
color:#57abc7;
text-decoration:none;
}

#announcement a:hover {
color:#57abc7;
background-color:none;
text-decoration:none;
}

/* ------------- MAIN CONTENT ------------- */

#contentleft p {
margin:0 32px 15px 32px;
}

#contentleft a {
color:#57abc7;
text-decoration:underline;
}

#contentleft a:hover {
color:#57abc7;
background-color:#c9effd;
text-decoration:underline;
}

#contentleft h1 {
margin:0 32px 15px 32px;
font-size:18px;
}

#contentleft h2 {
margin:0 32px 15px 32px;
font-size:14px;
}

.postdate {
color:#8e5f30;
font-size:10px;
}

.postimage {border:10px solid #c9effd}

hr.dash 
{
	text-align: left;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #a4e4f9;
	margin:15px 32px 15px 32px;
}

#contentleft form {
margin:0 32px 15px 32px;
}

.border {
border: solid 1px #a4e4f9;
font-family:"Lucida Grande","Lucida Sans Unicode", Verdana, Arial,sans-serif;
color:#683605;
font-size:11px;
padding:2px;
}

.formrow {
margin:0 0 10px 0;
}

.postspermonth {
margin: 0 32px 15px 32px;
list-style: none;
padding-left: 10px;
}

#photoarchive {
padding-left:30px;
}

.photoarchivethumbnail {
float: left;
margin: 0 5px 5px 0;
}

#photoarchive a  {
border: 1px solid #a4e4f9;
display:block;
}

#photoarchive a:hover {
border: 1px solid #683605;
}

.center14 {
font-size:14px;
text-align:center;
}

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

/* ------------- SIDE CONTENT ------------- */

.row { clear: both;}

.photos {
float: left;
width:96px;
padding:0 0 0 14px;
}

.talk {
float: left;
width:164px;
}

#contentright h1 {
color:#78420c;
font-size:12px;
margin:0 0 5px 0;
}

#contentright p {
color:#57abc7;
font-size:11px;
margin:5px 0 10px 0;
}

#contentright ul {
color:#57abc7;
font-size:11px;
list-style-type:none;
}

#contentright li {
margin:5px 0 10px 0;
}

#contentright a {
color:#57abc7;
font-size:11px;
text-decoration:none;
}

#contentright a:hover {
color:#683605;
font-size:11px;
text-decoration:underline;
}

.thumbnail {
float: left;
border: 1px solid #78420c;
margin: 0 15px 15px 0;
}

.clearboth { clear: both; }


.morelink {
font-size:10px;
font-weight:bold;
}



/* ------------- PORTFOLIO STYLES ------------- */

#portfolio {
padding-left:30px;
}

.portleft {
float: left;
margin: 0 5px 5px 0;
width:80px;
}

.portthumbnail {
float: left;
margin: 0 5px 5px 0;
}

#portfolio a  {
border: 1px solid #a4e4f9;
display:block;
}

#portfolio a:hover {
border: 1px solid #683605;
}

#portlarge {
margin: 15px 0 0 0;
width:312px;
height:312px;
border: 1px solid #a4e4f9;
float:left;
}

#portlarge img {
border: 6px solid #fff;
}

#portdescription {
float:left;
margin: 15px 0 0 15px;
width:160px;
}

#portdescription a {
color:#57abc7;
text-decoration:underline;
border:none;
display:inline;
}

#portdescription a:hover {
color:#57abc7;
background-color:#c9effd;
text-decoration:underline;
border:none;
}