/*------------------------------------------
	Reset (from the Yahoo UI Library)
------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

a{outline: none;}



/*------------------------------------------
  UI
 ------------------------------------------*/
 html {
    background: #fff;
    height: 100%;
}
body {
    height: 100%;
    font-family:tahoma, Verdana,Arial,Helvetica,sans-serif;
font-size:15px;
    /*background:#fff url(http://www.ronangoti.com/assets/images/wPaper.gif) repeat-x;*/
}
#container {
    height: 100%;
}
.topHeader {
   display:block;
   position:relative;
   height:58px;
   background:#fff;
   z-index:99;
}
h1#logo3 {
	height:41px;
	display:block;
	text-indent:-3000px;
	margin-left:20px;
	overflow:visible;
	background:#fff;
	border-bottom:6px solid #fff;
	z-index:201;
}
h1#logo3 img {
   border-top:10px solid #fff;
   position:absolute;
   top:0px;
   left:20px;
}

#left {
	top:0;
	left:0;
	float:left;
	_display:inline-block;
	_zoom:1;
    width: 258px;
    position: fixed;
}
#left.otherLogo {

}

/*
ul.nav {
	margin-right:20px;
}
ul.nav li {
	display:block;
	height:21px;
	overflow:hidden;
	text-indent:-3000px;
}
ul.nav li a {
	display:block;
	float:right;
	clear:right;
	overflow:hidden;
	text-indent: -3000px;
	height:15px;
	background-position: 100% 0px;
}

ul.nav li#navitem1 a {
	width:54px;
	background:url(http://www.ronangoti.com/assets/images/nav_home.gif) 100% 0px no-repeat;
}
ul.nav li#navitem47 a {
	width:80px;
	background:url(http://www.ronangoti.com/assets/images/nav_gallery.gif) 100% 0px no-repeat;
}
ul.nav li#navitem87 a {
	width:167px;
	background:url(http://www.ronangoti.com/assets/images/nav_aboutTheWork.gif) 100% 0px no-repeat;
}
ul.nav li#navitem88 a {
	width:118px;
	background:url(http://www.ronangoti.com/assets/images/nav_lifeStudies.gif) 100% 0px no-repeat;
}
ul.nav li#navitem48 a {
	width:115px;
	background:url(http://www.ronangoti.com/assets/images/nav_exhibitions2.gif) 100% 0px no-repeat;
}
ul.nav li#navitem49 a {
	width:174px;
	background:url(http://www.ronangoti.com/assets/images/nav_upcomingEvents.gif) 100% 0px no-repeat;
}
ul.nav li#navitem50 a {
	width:57px;
	background:url(http://www.ronangoti.com/assets/images/nav_press.gif) 100% 0px no-repeat;
}
ul.nav li#navitem90 a {
	width:215px;
	background:url(http://www.ronangoti.com/assets/images/nav_generalInfo.gif) 100% 0px no-repeat;
}
ul.nav li#navitem51 a {
	width:82px;
	background:url(http://www.ronangoti.com/assets/images/nav_contact.gif) 100% 0px no-repeat;
}

ul.nav li a:hover, ul.nav li#navitem1 a:hover, ul.nav li#navitem47 a:hover, ul.nav li#navitem48 a:hover, ul.nav li#navitem49 a:hover, ul.nav li#navitem50 a:hover, ul.nav li#navitem51 a:hover, ul.nav li#navitem1.active a, ul.nav li#navitem47.active a, ul.nav li#navitem48.active a, ul.nav li#navitem49.active a, ul.nav li#navitem50.active a, ul.nav li#navitem51.active a {
	background-position: 100% -15px;
}


/*-------------------------
 ---------- image rules for skinny template - right aligned ---- 

.mavWrap {
   padding-top:42px;
}
.mavWrap ul.nav {
	margin-right:20px;
}
.mavWrap ul.nav li {
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-3000px;
}
.mavWrap ul.nav li a {
	display:block;
	float:right;
	clear:right;
	overflow:hidden;
	text-indent: -3000px;
	height:21px;
	background-position: 0px 0px;
}

.mavWrap ul.nav li#navitem1 a  {
	width:50px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_home.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li#navitem47 a {
	width:80px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_gallery.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li#navitem48 a {
	width:105px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_biography.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li#navitem49 a {
	width:219px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_exhibitions.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li#navitem50 a {
	width:57px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_press.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li#navitem51 a {
	width:83px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_contact.gif) 0px 0px no-repeat;
}
.mavWrap ul.nav li a:hover, .mavWrap ul.nav li#navitem1 a:hover, .mavWrap ul.nav li#navitem47 a:hover, .mavWrap ul.nav li#navitem48 a:hover, .mavWrap ul.nav li#navitem49 a:hover, .mavWrap ul.nav li#navitem50 a:hover, .mavWrap ul.nav li#navitem51 a:hover, .mavWrap ul.nav li#navitem1.active a, .mavWrap ul.nav li#navitem47.active a, .mavWrap ul.nav li#navitem48.active a, .mavWrap ul.nav li#navitem49.active a, .mavWrap ul.nav li#navitem50.active a, .mavWrap ul.nav li#navitem51.active a {
	background-position: 100% -21px;
}
*/
/*-------------------------
 ---------- image rules for skinny template - left aligned ---- */
.mavWrap1 {

}
.mavWrap1 ul.nav {
	margin-left:20px;
	margin-right:0;
}
.mavWrap1 ul.nav li {
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-3000px;
}
.mavWrap1 ul.nav li a {
	display:block;
	overflow:hidden;
		float:none;
	clear:none;
	text-indent: -3000px;
	height:21px;
	background-position: 0px 0px;
}

.mavWrap1 ul.nav li#navitem1 a  {
	width:50px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_home.gif) 0px 0px no-repeat;
}

.mavWrap1 ul.nav li#navitem47 a {
	width:129px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav-latestWork.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem87 a {
	width:167px;
	background:url(http://www.ronangoti.com/assets/images/nav_aboutTheWork.gif) -1px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem88 a {
	width:118px;
	background:url(http://www.ronangoti.com/assets/images/nav_lifeStudies.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem89 a {
	width:149px;
	background:url(http://www.ronangoti.com/assets/images/nav_outAndAbout.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem48 a {
	width:172px;
	background:url(http://www.ronangoti.com/assets/images/nav_exhibitions2.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem101 a {
	width:100px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_drawings.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem49 a {
	width:174px;
	background:url(http://www.ronangoti.com/assets/images/nav_upcomingEvents.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem50 a {
	width:57px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_press.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem90 a {
	width:215px;
	background:url(http://www.ronangoti.com/assets/images/nav_generalInfo.gif) 0px 0px no-repeat;
}
.mavWrap1 ul.nav li#navitem51 a {
	width:83px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_contact.gif) 0px 0px no-repeat;
}

.mavWrap1 ul.nav li a:hover,
.mavWrap1 ul.nav li#navitem1 a:hover,
.mavWrap1 ul.nav li#navitem47 a:hover,
.mavWrap1 ul.nav li#navitem48 a:hover,
.mavWrap1 ul.nav li#navitem49 a:hover,
.mavWrap1 ul.nav li#navitem50 a:hover,
.mavWrap1 ul.nav li#navitem51 a:hover,
.mavWrap1 ul.nav li#navitem101 a:hover,
.mavWrap1 ul.nav li#navitem88 a:hover,
.mavWrap1 ul.nav li#navitem89 a:hover,
.mavWrap1 ul.nav li#navitem90 a:hover,
.mavWrap1 ul.nav li#navitem1.active a,
.mavWrap1 ul.nav li#navitem47.active a,
.mavWrap1 ul.nav li#navitem48.active a,
.mavWrap1 ul.nav li#navitem49.active a,
.mavWrap1 ul.nav li#navitem88.active a,
.mavWrap1 ul.nav li#navitem89.active a,
.mavWrap1 ul.nav li#navitem101.active a,
.mavWrap1 ul.nav li#navitem90.active a,
.mavWrap1 ul.nav li#navitem50.active a,
.mavWrap1 ul.nav li#navitem51.active a {
	background-position: 0px -21px;
}

.mavWrap1 ul.nav li#navitem87.active a,
.mavWrap1 ul.nav li#navitem87 a:hover {
	background-position: -1px -21px;
}

.rssFeed {
	background:url(http://www.ronangoti.com/assets/images/skinny/hd_rss.gif) no-repeat;
	margin:20px 0px 10px 20px;
	padding-top:36px;
	color:#bfc2c4;
}
input.emailAdForm {
	width:150px;
	margin-top:5px;	
	border:1px solid #bfc2c4;
}
input.eform-submit {
	width:70px;
	height:23px;
	text-indent:-3000px;
	border:none;
	cursor:hand;
	background:url(http://www.ronangoti.com/assets/images/btn_subscribe.gif) 0 0 no-repeat;	
}
input.eform-submit:hover {
	background-position: 0 -23px;	
}
input.eform-submit:active {
	background-position: 0 -23px;
	margin-top:1px;		
}
.rssFeed .errors {
	font-size:10px;
	color:#ff9999;
	width:200px;	
}
.rssFeed label {
	font-weight:bold;	
}
.rssFeed p {
	font-size:11px;
	width:200px;
	padding-bottom:4px;
	color:#bfc2c4;	
}
.rss-link-work {
	margin-top:3px;
	margin-bottom:10px;
}
.rss-link-events {
	margin-top:3px;
}
.facebook-link {
	margin-left:21px;
}
.rss-link-work a {
	text-indent:-3000px;
	display:block;
	height:21px;
	width:152px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_latestWorkRss.gif) 0 0 no-repeat;
}
.rss-link-events a {
	text-indent:-3000px;
	display:block;
	height:21px;
	width:194px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_upcomingEventsRss.gif) 0 0 no-repeat;
}
.facebook-link a {
	text-indent:-3000px;
	display:block;
	height:21px;
	width:219px;
	background:url(http://www.ronangoti.com/assets/images/skinny/nav_facebook.gif) 0 0 no-repeat;
}
.rss-link-work a:hover, .rss-link-events a:hover, .facebook-link a:hover {
	background-position: 0px -21px;
}
#main {
    margin-left: 258px;
      _margin-left:0px;
	width:702px;
	float:left;
	display:inline;
}
#main em {
	font-style:italic;
}
#main p, #main.v2 p  {
   line-height:1.3em;
   color:#666666;
   font-family: tahoma, verdana, arial, helvetica, sans-serif;
   padding-bottom:10px;
}
#main.v2 {
   padding-top:58px;
   background:url(http://www.ronangoti.com/assets/images/mainBg.gif) 0px 10px no-repeat;
}
#main.v2 div.divide {
   height:2px;
   overflow:hidden;
   padding:0;
   width:702px;
   border-bottom:2px solid #02b5cc;
}
.dittoExpanded {
	margin-bottom:10px;
	color:#666;
}
.dittoExpanded h3 {
	font-size:16px;
	font-weight:bold;
	color:#666;
}
h1#logo {
	height:31px;
	width:700px;
	text-indent:-3000px;
	background:url(http://www.ronangoti.com/assets/images/header_logo.gif) top right no-repeat;
}
h1#logo2 {
	height:31px;
	width:700px;
	text-indent:-3000px;
	margin-top:16px;
	background:url(http://www.ronangoti.com/assets/images/skinny/header_logo.gif) top right no-repeat;
}

.paintingBlock {
	padding-bottom:10px;
	border-bottom:2px solid #eee;
	margin-bottom:4px;
}
.paintingBlock img {
	padding-bottom:5px;
}

.contactTxt {
   width:560px;
   height:220px;
   display:block;
   position:relative;
   background:url(http://www.ronangoti.com/assets/images/txt_contact_details.gif) top left no-repeat;
}
.contactTxt a.emailArtist {
   position:absolute;
   left:328px;
   top:110px;
   width:232px;
   height:26px;
   display:block;
   text-indent:-3000px;
}
.contactTxt a.emailGallery {
   position:absolute;
   left:73px;
   top:182px;
   width:194px;
   height:21px;
   display:block;
   text-indent:-3000px;
}

.videoFrame {
   display:block;
   background:#D9DEE0;
   margin-bottom:15px;
   border-bottom:2px solid #ccc;
   z-index:13;
   position:relative;
}
.videoCaption {
   width:240px;
   position:absolute;
   top:10px;
   right:15px;
   padding:0;
}

#footer {
    position: relative;
    font-family:arial, helvetica, sans-serif;
	color:#ccc;
	font-size:11px;
}
#footer div {
   width:238px;
   padding-top:20px;
   line-height:16px;
   text-align:right;
   display:block;
}
#footer div.leftAligned {
   width:auto;
   text-align:left;
   padding-left:21px;
}

#userManual {

}
#userManual h1 {
   font-size:24px;
   border-bottom:2px solid #ccc;
   margin-bottom:15px;
}
#userManual ol {
   list-style-type:decimal;
   list-style-position:inside;
}
#userManual li {
   padding:0px 0px 5px 10px;
   font-size:12px;
   font-weight:normal;
}
#userManual tr {
   border-collapse:separate;
   border-bottom:2px solid #ccc;
}
#userManual td {
   font-size:14px;
   font-weight:bold;
   padding-bottom:10px;
}
#userManual td span {
   font-weight:normal;
}