/* CSS Document */

/* The serif- Cambria and the sans-serif is Corbel */
body {
    font: 14px Cambria, Times New Roman, Times, serif;
    padding: 0;
    margin: 0;
    min-width: 721px;
    background: url(images/bg.gif) top left repeat-y;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
	height: 680px;
	background: url(images/paintcan.jpg) 10px 0px no-repeat;
}
#wrappercontact {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
	background: url(images/fab_anchors.png) 40px 0px no-repeat;
}

#wrapperprofile {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
	background: url(images/fab_dolls.png) 490px 0px no-repeat;
}
#wrapperwork {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 100%;
	background: url(images/fab_diamantes.png) 500px 0px no-repeat;
}

#container {
}

.blackline{
	margin: 15px 0 15px 0;
	border-bottom: 2px solid #000;
}


#space {
/* top right bottom left */
 /* this needs padding to drop text down */

	padding: 50 0 0px 0;
}

#header {
/* top right bottom left */
 /* this needs padding to drop text down*/
	background-color: #F5F5F2;
	background: url(images/header.gif) top left repeat-x;
	height: 67px;
}

#header img{
    float: left;
    margin-left: 10px;
}

#spaceb {
/* top right bottom left */
 /* 	*/

		background: url(images/dropshadow.png) top left repeat-x;
		height: 17px;
}

/* *** drop shadow ***/
.img-wrapper {
	clear: right;
	float: left;
	background: url(images/shadow.gif) repeat bottom right;
}
/* top right bottom left */
.img-wrapper img {
	margin: 0px 5px 5px -5px;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 1px;
	display: block;
}



/* *** Top Navigation menu ***/

#top_navigation_menu {
	display: inline;
    text-align: left;
}

#top_navigation_menu a{
	display: inline;
    text-decoration: none;
	color: #000;
	padding: 0 12px 0px 0;
	font: 14px Cambria, Times New Roman, Times, serif;
}

#top_navigation_menu a:hover{
	display: inline;
    text-decoration: underline;
	color: #808080;
}

.rbcontent a{
	display: inline;
    text-decoration: none;
	color: #fff;
	padding: 0 12px 0px 0;

}

.rbcontent a:hover{
	display: inline;
    text-decoration: underline;
	color: #808080;
}

#side-a {
	float: left;
	width: 500px;
	margin: 20px 28px;
}
#side-profile {
	float: left;
	width: 450px;
	margin: 20px 28px;
}
#side-work {
	float: left;
	width: 720px;
	margin: 20px 28px;
}


#workright {
	float: right;
	width: 220px;
	margin: 3px 3px;
	    clear: both;
}
#workleft {
	float: left;
	position: relative;
	width: 220px;
	left: 20px;
	top: 20px;
	margin: 3px 3px;
	    clear: both;
}


.portfolio a{
	display: inline;
    text-decoration: none;
	color: #000;
	padding: 2 10px 2px 10px;
	font: 14px Cambria, Times New Roman, Times, serif;
}

.portfolio a:hover{
	display: inline;
    text-decoration: underline;
	color: #fff;
	background-color: #000;
}


#side-b {
	float: right;
	width: 5%;
}

#content { 
	margin: 5 0 0px 0;
	float: left;
	width: 250px;
}
#content h3{
	font: bold 18px Cambria, "Times New Roman", Times, serif;
	background-color: #000000;
	padding: 2px;
	color: #FFFFFF;
	margin: 2px;
}

.heading {
	font: bold 18px Cambria, "Times New Roman", Times, serif;
	background-color: #000000;
	padding: 6px;
	color: #FFFFFF;
	margin: 2px;
}


  .portfolio {
    text-decoration: none;
	color: #000;
	padding: 0 12px 0px 0;
	font: italic 16px Cambria, "Times New Roman", Times, serif;
}


	/* top right bottom left */
#footer {
    border-top: 2px solid #808080;
	clear: both;
	margin: 0px 0px 0px 5px;
	
}

#footer p{
    font: 12px Corbel, Arial,  Helvetica, sans-serif;
	color: #808080;
	padding: 10px 0px 0px 0;

}

/* rounded corners on homepage */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really ness. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;

}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 100%; margin: 1em auto; filter:alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity:0.7; }
.rbtext { color: #FFF; margin: 1em auto; font-family: Corbel, Arial, Helvetica, sans-serif; }

.rbtextyellow {
	color: #FFECA1;
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.hptext {
	font-family: Corbel, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}



/* bottom thirds */
.thirds { float: left; width: 203px; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px;  }
	.smallbox {   }
	.smallbox p { padding: 0; margin: 0; }
	
/* bottom thirds1 */
.thirds1 { float: left; width: 203px; background: #eee; margin: 0 12px 0 0; color: #5d5d5d; }
	.smallboxtop { height: 14px; background: #fff url(images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }
	
	
.lt {
		height: 10px;
		color: #FFF;
	}
	
	.lbox {
		color: #000;
		padding: 3px 12px;
		margin: 0 0 15px 0;

		height: 178px;
		width: 710px;
	}
	
	.lbox a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lbox h2 {
		color: #000;

	}
	
	
.thumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;

	margin: 0 15px 15px 0;
	padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }.form {
	font: normal 16px Cambria, "Times New Roman", Times, serif;
	background-color: #000000;
	padding: 1px;
	color: #FFFFFF;
	margin: 0px;
}
.formtext {
	font: normal 14px Cambria, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	padding: 1px;
	color: #000000;
	margin: 0px;
}
.testimonial {
	background-color: #000000;
	padding: 0px;
	color: #FFFFFF;
	margin: 2px;
	font-family: Cambria, "Times New Roman", Times, serif;
	font-weight: bold;
}
.testimonial1 {
	background-color: #FFFFCC;
	padding: 2px;
	color: #000000;
	margin: 0px;
	font-family: Cambria, "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}