body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif
}

a:focus {
	outline: 1px dotted invert;
}

img {
	border: none;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0
}

/*Headings*/

h1 {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 10px;
	color: #666;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-top: 5px
}

h2 {
	font-size: 13px;
	text-transform: uppercase;
	padding-top: 10px;
	color: #666;
	font-weight: lighter;
	margin-bottom: 7px
}

h3 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #888;
	margin: 1px;
	padding-left: 6px;
	padding-top: 2px;
}

h4 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7c7e80;
	margin: 1px;
	padding-left: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}
.light {
font-weight: normal;
}
.blognav h4 a {
	text-decoration: underline;
	font-weight: normal;
	color: #7c7e80;
	font-size: 14px;
	padding-bottom: 5px;
	display: block;
}

#hometext h4 {
	padding: 0;
	margin: 0;
}

h5 {
	font-size: 17px
}

h6 {
	font-size: 15px
}

td {
	color: #666;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 10px
}

h2 a {
	text-decoration: none;
	color: #333
}

h2 a:hover {
	text-decoration: underline;
	color: #333
}

ul {
	margin: 0;
}

a {
	text-decoration: none;
	color: #888;
}

/*breadcrumbs*/

#breadcrumbs p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #b9b0ab;
	margin: -2px 0 0 803px;
	padding-top: 0;
	width: 150px;
	float: left;
	text-align: left;
}

#breadcrumbs {
	width: 930px;
	height: 20px;
	margin-bottom: 5px;
}

.headlink {
	right: 21px;
	top: 4px;
	position: absolute;
	float: left;
}

.cmm {
	left: 779px !important;
}

.headlink ul {
	width: 150px;
	padding-left: 0;
	margin-left: 10px;
	display: none;
	text-align: left;
}

.headlink ul li {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	width: 145px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block !important;
	background: #fff;
}

.headlink ul li#mega, .headlink2 ul li#geo, .headlink3 ul li#collection1 {
	margin-top: 4px;
}

.headlink ul li#pieces, .headlink2 ul li#other, .headlink3 ul li#collection3 {
	border-bottom: 2px solid #999
}

.headlink ul li a:hover {
	display: block;
}

.headlink ul li a {
	display: block;
	padding-left: 4px !important;
}

.headlink2 {
	right: 19px;
	top: 4px;
	position: absolute;
}

.cmm {
	left: 779px !important;
}

.headlink2 ul {
	width: 150px;
	padding-left: 0;
	margin-left: 10px;
	display: none;
	text-align: left;
}

.headlink2 ul li {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	width: 145px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block !important;
	background: #fff;
}

.headlink ul li#mega, .headlink2 ul li#geo, .headlink3 ul li#collection1 {
	margin-top: 4px;
}

.headlink2 ul li a:hover {
	display: block;
}

.headlink2 ul li a {
	display: block;
	padding-left: 4px !important;
}

.headlink3 {
	right: -7px;
	top: 4px;
	position: absolute;
	float: left;
}

.cmm {
	left: 779px !important;
}

.headlink3 ul {
	width: 150px;
	padding-left: 0;
	margin-left: 10px;
	display: none;
	text-align: left;
}

.headlink3 ul li {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	width: 145px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block !important;
	background: #fff;
}

.headlink3 ul li#mega, .headlink2 ul li#geo, .headlink3 ul li#collection1 {
	margin-top: 4px;
}

.headlink3 ul li a:hover {
	display: block;
}

.headlink3 ul li a {
	display: block;
	padding-left: 4px !important;
}

#nohover {
	background: none !important;
	color: #B9B0AB !important;
}

.cmm ul li {
	margin-left: 30px;
}

.thisone {
	color: #f5151b !important;
font-size: 16px;
}

/*columns-fp*/

#maincontent {
	width: 940px;
	margin-top: 20px;
	display: block;
	position: relative;
	height: 820px;
}

.columntext {
	width: 225px;
	padding-right: 7px;
	float: left;
}

.last {
	width: 178px !important;
	float: left !important;
	margin-right: 0 !important;
	margin-left: 1px
}

.row1, .row4 {
	width: 954px;
	float: left;
}

.row2, .row3 {
	margin-left: 17px;
	width: 930px;
	float: left;
}

.row3 {
	margin-bottom: 25px;
	height: 135px;
}

.row3a {
	margin-top: 25px;
	margin-left: 0 !important;
	width: 720px;
	float: left;
	margin-bottom: 25px;
}

.selected {
	width: 14px;
	float: left;
	margin-right: 3px;
	writing-mode: tb-rl;
}

/*Home Page Sliders*/

.boxgrid {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	width: 225px;
	height: 154px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 7px;
}

.boxmenu {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	width: 225px;
	height: 154px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 7px;
}

.boxgridbreak {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	width: 178px;
	height: 154px;
	overflow: hidden;
	position: relative;
	margin-right: 7px;
	float: left;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #e7e7e3;
	height: 154px;
	width: 100%;
	opacity: .8;
	/

*For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/

*For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.caption .boxcaption {
	top: 133px;
	left: 0;
}

.list .boxcaption {
	top: 133px;
	left: 0;
}

.caption ul {
	list-style-type: none;
	padding-left: 8px;
}

.caption a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-transform: lowercase;
	color: #333;
}

.caption p, .captionbreak p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #333;
	padding: 0 7px;
}

.caption p b {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	padding: 0 7px;
}

.red a {
	color: #f5151b;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-transform: lowercase;
	padding: 14px 7px 0;
	margin-top: 3px;
	display: block;
}

.read a {
	color: #f5151b;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-transform: lowercase;
	padding: 7px 0;
	border-bottom: 1px solid #999;
	display: block;
}

.Red, .Red a {
	color: #f5151b !important;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	padding: 0 3px 0 0;
	margin-top: 3px;
	display: inline;
}

.devilmusic {
	color: #666;
}

.arrow {
	color: #f5151b !important;
}

.columntext p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #B9B0AB;
	padding: 0 7px;
}

.quote {
	float: right;
	padding: 8px;
	color: #888;
}

.square {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	width: 225px;
	margin-right: 7px;
	float: left;
	height: 154px;
}

.squarelast {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	width: 225px;
	float: left;
	height: 154px;
}

.squaretext {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	height: 154px;
}

.squaretwo {
	background-color: #e7e7e3;
	border: 1px solid #acadaf;
	margin-bottom: 6px;
	height: 340px;
	width: 225px;
	float: right;
	margin-right: 1px;
}

.squaretwo p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #888;
	padding: 8px 15px;
}

.price p {
	font-weight: lighter;
	font-size: 10px !important;
	letter-spacing: 1px
}

#nav {
	margin-bottom: 3px;
	height: 20px;
}

#navigate {
	border-bottom: 1px solid #999;
	margin-bottom: 6px;
	margin-top: 50px;
}

#hometext p {
	color: #666;
	margin-top: 20px;
	font: lighter 11px/18px Helvetica, Arial, Helvetica, Geneva, sans-serif;
}

#hometext b {
	font-weight: bold;
}

#hometext p a {
	font-weight: bold;
}

#logo {
	width: 200px;
	float: left;
	z-index: 999999999;
	position: relative;
}

.right {
	float: right
}

#footer {
	color: #999;
	font-size: 9px;
	margin-top: 15px;
	width: 940px;
	padding-bottom: 30px;
}

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

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

/*Topnav*/

#topbar {
	padding: 0 0 0 10px;
}

#menu {
	margin-bottom: 12px;
	position: relative;
}

#menu li {
	display: inline;
	list-style-type: none;
}

#menu a {
	padding: 6px 15px;
	text-transform: uppercase;
	font-size: 11px;
}

#menu a:link, #menu a:visited {
	color: #b9b0ab;
	text-decoration: none;
}

#menu a:hover {
	color: #333;
	background-color: #e0e0e0;
	text-decoration: none
}

.current a {
	background-color: #e0e0e0;
	color: #333 !important;
}

#contact {
	margin-right: 330px;
}

#columnleftimg {
	width: 691px;
	float: left;
	margin-right: 25px;
	clear: both;
}

#columnleftimg #image_wrap {
	width: 691px;
	float: left;
	outline: none;
	clear: both;
}

#columnrightdes {
	width: 230px;
	float: left;
}

#columnrightdes p {
	line-height: 20px;
	padding-left: 0;
}

/*Grid*/

.contentwrap {
	margin-left: auto;
	margin-right: auto;
	width: 947px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_16 .grid_9 {
	width: 520px;
}

.grid_12 {
	width: 937px;
}

.grid_9, .grid_3, .grid_4, .grid_12 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#Col3 {
	margin-top: -10px;
}

/*Main display*/

#detailarea {
	/*

dimensions */ 
    width: 904px;
	margin: auto 0;
	padding: 0 0;
	/*ce

ntered */ 
    text-align: center;
	/*s




ome"skinning"*/
    border: 2px solid #fff;
	outline: 1px solid #ddd;
	-moz-ouline-radius: 4px;
}

#formarea {
	width: 942px;
	margin: auto 0;
	border: 2px solid #fff;
	outline: 1px solid #ddd;
	-moz-ouline-radius: 4px;
	height: 420px;
}

#testgallery ul.thumbs {
	border: none;
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 700px;
	float: left;
}

#testgallery ul li a img {
	border: 1px solid #e0e0e0 !important;
	margin: 7px 0 0 7px !important;
}

#testgallery ul li {
	float: left;
}

#testgallery {
	width: 699px
}

#choose {
	float: right;
}

/*blog page*/

.blognav {
	float: right;
	padding: 5px 5px 0 5px;
	margin-left: 5px;
	width: 225px;
}

#bloglist p {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 18px;
}

#blogpost p {
	padding-bottom: 0;
	margin-bottom: 10px;
}

#blogpost {
	width: 650px;
	float: left;
	border-right: 1px solid #888;
	padding-right: 30px;
}

#bloglist {
	width: 670px;
	float: left;
	border-right: 1px solid #888;
	padding-right: 10px;
}

/*about page*/

.biopic {
	float: right;
	border: 1px solid #e0e0e0;
	padding: 5px 5px 0 5px;
	margin-left: 15px;
	width: 225px;
}

.biopic img {
	margin-bottom: 5px;
}

/*contact*/

.formleft p, .formright p {
	font-size: 11px;
	color: #666;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 20px;
}
.contactaddy {
line-height: 16px !important
}

.formleft {
	margin-left: 30px;
	width: 500px;
	float: left;
}

.formright {
	float: left;
}

.contactfield {
	width: 300px;
	margin-top: 10px
}

input {
	width: auto;
}

textarea {
	width: 306px;
	margin-top: 10px;
	height: 100px;
}

/*Scrollable*/

/* root element for the scrollable. when scrolling occurs this element stays still. */

div.scrollable {
	/*

required settings */ 
     position: relative;
	overflow: hidden;
	width: 840px;
	height: 90px;
	margin: 10px 25px;
	border-bottom: 1px solid #ddd;
}

/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set width and height for the root element and not for this element. */

div.scrollable div.items {
	/*

this cannot be too large */ 
    width: 20000em;
	position: absolute;
}

/* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */

div.scrollable div.items div {
	float: left;
}

/* you may want to setup some decorations to active the item */

div.items div.active {
	border: 1px inset #999;
	background-color: #fff;
}

/* this makes it possible to add next button beside scrollable */

.scrollable {
	float: left;
}

/* prev, next, prevPage and nextPage buttons */

a.browse {
	
}

/* right */

a.right {
	background: url(http://www.rodneydurso.com/images/scrollable/arrow/rightarrow.png) no-repeat;
	display: block;
	width: 14px;
	height: 28px;
	float: left;
	margin: 40px 10px;
	cursor: pointer;
	font-size: 1px;
	background-position: 0 -28px;
	clear: right;
	margin-right: 0px;
}

a.right:hover, a.left:hover {
	background-position: 0 0;
}

a.right:active, a.left:active {
	background-position: 0 -0;
}

/* left */

a.left {
	background: url(http://www.rodneydurso.com/images/scrollable/arrow/leftarrow.png) no-repeat;
	display: block;
	width: 14px;
	height: 28px;
	float: left;
	margin: 40px 10px;
	cursor: pointer;
	font-size: 1px;
	background-position: 0 -28px;
	clear: right;
	margin-right: 0px;
}

/* up and down */

a.up, a.down {
	background: url(http://www.rodneydurso.com/images/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */

a.up:hover {
	background-position: -30px 0;
}

a.up:active {
	background-position: -60px 0;
}

/* down */

a.down {
	background-position: 0 -30px;
}

a.down:hover {
	background-position: -30px -30px;
}

a.down:active {
	background-position: -60px -30px;
}

/* disabled navigational button */

a.disabled {
	visibility: hidden !important;
}

/* single scrollable item */

.scrollable img {
	float: left;
	margin: 10px 9px 20px 9px;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 60px;
	height: 60px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* active item */

.scrollable .active {
	border: 2px solid #999;
	z-index: 9999;
	position: relative;
}

.tooltip {
	display: none;
	background: transparent url(http://www.rodneydurso.com/images/tooltip/white_big2.png);
	font-size: 12px;
	height: 60px;
	width: 210px;
	padding: 25px;
	color: #333;
}

.tooltip p {
	padding: 0;
	margin: 0;
	font-size: 10px;
	float: left;
}

.tooltip h1 {
	padding-top: 0 !important;
	margin-top: -5px;
	padding-left: 0;
	font-size: 13px;
	color: #333;
	margin-bottom: 5px;
	letter-spacing: 0;
}

.tooltip a {
	color: #f5151b;
	font-size: 10px;
	float: right;
}

#image_wrap {
	/*

dimensions */ 
    width: 942px;
	margin: auto 0;
	padding: 0 0;
	/*ce

ntered */ 
    text-align: center;
	/*some

"skinning"*/
    border: 2px solid #fff;
	outline: 1px solid #ddd;
	-moz-ouline-radius: 4px;
}