/* 
    Document   : main
    Created on : 2010-05-04, 16:35:45
    Author     : Goweb.ie
    Description:
        Purpose of the stylesheet follows.
*/
html{ overflow-y : scroll; overflow-x: hidden;}

body {
    background: url(http://rodsandcones.ie/themes/rodsncones/images/background.png) #ccc;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
a{ color: #fff; text-decoration: none;}
a:hover { text-decoration: underline;}
.col-right{ float:right; }
.col-left{ float:left; }

#main li{
	padding-bottom:10px;
}

/* intro */
#intro { background: url(http://rodsandcones.ie/themes/rodsncones/images/intro_bg.png) repeat-x top left #000;}
#intro #page{ background: url(http://rodsandcones.ie/themes/rodsncones/images/intro.png) no-repeat 50% 300px transparent;}
#intro #container {padding-top: 105px;}
#intro #container .col-left{ width: 315px;}
#intro #container .col-right{ width: 559px; height: 360px; position: relative;}
#intro .hr {background-color: #fff; margin-top: 5px; margin-bottom: 5px;}
.intro-image{ 
    position: absolute;
    top:0;
    left:0;
    height: 315px;
    width: 559px;
    display: none;
}
.intro-image-first{display: block;}
.intro-border{ 
    background: url(http://rodsandcones.ie/themes/rodsncones/images/intro_border.png) top left no-repeat;
    position: absolute;
    top: -26px;
    left: -26px;
    padding: 26px;
    z-index: 3;
}
.intro-border a{
    display: block;
    height: 315px;
    width: 559px;
}
/* intro END */

#page{
    /* background: url(http://rodsandcones.ie/themes/rodsncones/images/bg.png) no-repeat 50% 165px transparent;*/
    line-height: 1.15em;
}
#wrapper{
    position: relative;
    background: url(http://rodsandcones.ie/themes/rodsncones/images/eclipse_big.png) no-repeat 50% 100%;
}
#container{
    width: 900px;
    margin: 0 auto;
}
/* header */
#header{
    height: 95px;
    position: relative;
    padding: 0 17px;
	padding: 0 0;
}
#header .ccm-add-block {position: relative;}
#header .ccm-area {position: relative;}
#header .col-left{width: 350px;}
#header .col-right{ padding-top:30px; width: 500px; text-align: right;}
.eclipse{ position: absolute; height:122px; width:431px; background-image: url(http://rodsandcones.ie/themes/rodsncones/images/eclipse.png); top:30px; left:0;}
#logo { position:absolute; bottom:0; left:17px; left:0px;}
.ccm-area #logo{position: static;}
/* header END */
/* navigation */
#nav{
    clear: both;
    background: url(http://rodsandcones.ie/themes/rodsncones/images/nav_border.png) no-repeat transparent;
    padding: 0 2px;
    width: 898px;
    position: relative;
    left: -1px;
    margin-bottom: 4px;
}
#nav-content{
    background: url(http://rodsandcones.ie/themes/rodsncones/images/nav_bg.png) repeat-x;
    height: 56px;
    padding-top: 6px;

}
#nav .ccm-area .ccm-block{
    max-height: 16px;
}
/* navigation END */
/* banner */
#banner{
    margin-top: 4px;
    border: 3px solid #fff;
    height: 248px;
    overflow: hidden;
    background: url(http://rodsandcones.ie/themes/rodsncones/images/banner_bg.png) repeat-x;
    color: #333;
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.1em;
    position: relative;
}

.banner{ position: absolute; top:0; left:0; width: 894px; height: 248px; background: url(http://rodsandcones.ie/themes/rodsncones/images/banner_bg.png) repeat-x;}
.banner .col-left{
	width:500px;
	text-align: right;
	padding-right: 10px;
	position: relative;
}
.banner .col-right{
    width: 377px;
    position: relative;
}
.img-inner-shadow{
    width: 377px;
    height: 248px;
    background: url(http://rodsandcones.ie/themes/rodsncones/images/img-inner-shadow.png) no-repeat top left transparent;
    position: absolute;
    top:0;
    left:0;
}
.button{
	display: block;
	width: 178px;
	height: 30px;
	padding: 5px 7px 8px 0;
	text-align: center;
	background: url(http://rodsandcones.ie/themes/rodsncones/images/button.png) no-repeat transparent top left;
	font-family: 'Times New Roman',Times,serif;
	font-size: 17px;
	text-transform: uppercase;
	position: absolute;
	right: 5px;
	top: 185px;
}
a.button:hover{ text-decoration: none;
	background: url(http://rodsandcones.ie/themes/rodsncones/images/button_hover.png) no-repeat transparent top left;
}
/* banner END */

/* main */
#main{
	background: url(http://rodsandcones.ie/themes/rodsncones/images/main_bg.png) repeat-x top left #fff;
	/*min-height: 420px;*/
    padding: 17px;
	margin-bottom: 3px;
	color: #333;
	min-height: 400px;
}
#main a{ color: #333;}
#main .col-left{
    width: 267px;
}
#main .col-right{
	width: 100%;
	padding-top: 0px;
}
#main .col-right img{
	float: left;
	border:2px solid #333;
	margin-right:10px;
}

.box{
    background: url(http://rodsandcones.ie/themes/rodsncones/images/box_shadow.png) repeat-y top right transparent;
    padding-right: 8px;
    width: 259px;
    position: relative;
    color: #fff;
	margin-bottom:15px;
}
.box a, #main .box a{ color:#fff;}
.box-content{
    background: url(http://rodsandcones.ie/themes/rodsncones/images/box_bg.png) repeat-x top #030303;
    border: 2px solid #030303;
    text-align: center;
    padding: 15px;
}
.box-shadow{ 
    position:absolute;
    bottom:-9px;
    left:0;
    background: url(http://rodsandcones.ie/themes/rodsncones/images/box_shadow_bottom.png) no-repeat transparent;
    height: 9px;
    width: 267px;
}
.hr{
    background-color: #ccc;
    width: 100%;
    height: 1px;
    font-size: 0;
    line-height: 0;
}
/* main END */

.line{ font-size:0; line-height:0; height: 3px; background: url(http://rodsandcones.ie/themes/rodsncones/images/line.png) repeat-x transparent top; margin-bottom: 5px;}

/* footer */
#footer{
	border-top: 1px solid #000;
	border-bottom: 0px solid #000;
	margin-bottom: 1px;
}
#footer-top{ height: 7px; font-size:0; line-height:0; background: url(http://rodsandcones.ie/themes/rodsncones/images/footer_top.png) no-repeat; }
#footer-bottom{ height: 8px; font-size:0; line-height:0; background: url(http://rodsandcones.ie/themes/rodsncones/images/footer_bottom.png) no-repeat;}
#footer-content{ padding: 5px 16px; background: url(http://rodsandcones.ie/themes/rodsncones/images/footer_bg.png) repeat-y; }

#footer-mirror{
	background: url(http://rodsandcones.ie/themes/rodsncones/images/footer_mirror.png) repeat-x;
	height: 43px;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
	position: relative;
}
/* footer END */

#main h2{
	font-family: 'Times New Roman',Times,serif;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom:10px;
}

#main h3{
	font-size: 16px;
	font-weight: bold;
	padding-bottom:5px;
}

h1{ font-family: 'Times New Roman',Times,serif; margin: 1.1em 0; }
.title{
    margin-top:0;
    font-family: 'Times New Roman',Times,serif;
    font-size: 20px;
    margin-bottom: 0.5em;
}
a.link, #main a.link {color:#0692C5; font-weight: bold;}

#main h3{
	background-color:#2F6DFF;
	padding: 10px;
	border-bottom: 2px solid #333;
	min-height: 20px;
	color: #FFF;	margin-bottom:10px;
}

#main h5{
	background-color:#333;
	padding: 5px;
	color:#FFF;
	clear: both;
	font-weight: bold;
}

#main h4{
	background-color:#333;
	color:#FFF;
	clear: both;
	font-weight: bold;
}

#main h4 a{
	padding: 5px;
	display:block;
	color:#FFF;
}

#main h4 a:hover{
	text-decoration:none;
	background-color:#666;
}

#main .nav{	
	background-color:#F3F3F3;	
	padding-top:10px;	
	padding-bottom:10px;	
	margin:0;
	margin-bottom:10px;
	border:2px solid #333;
	padding-right:10px;
}

#main .nav a{	
	font-weight:bold;
}


#main .col-left .nav {	
	background-color:#0D0D0D;	
	padding:0;	
	margin:0;
	width:259px;
	
}

#main .col-left ul.nav {   
	margin:0;
	padding: 0;   
	list-style-type: none;
	padding-bottom:5px;
	margin-bottom:20px;
	
}

#main .col-left ul.nav li a {    
	display: block;    
	color: #FFF;    
	background-color:#333333;    
	line-height:1.4em;    
	margin: 0px 0 5px 0;    
	font-weight: bold;	
	font-size:16px;	
	padding-left:5px;	
	padding:5px;	
	text-decoration:none;
}

#main .col-left ul.nav ul li a:hover{    
	background-color:#747575;
}

#main .col-left ul.nav ul li a{    
	display: block;    
	color: #FFF;    
	background-color:#0D0D0D;    
	font-weight: normal;	
	font-size:13px;	padding:2px;	
	margin:0;	margin-bottom:5px;	
	padding-left:5px;	
	text-decoration:none;
	width:226px;
	
}



#main .col-left ul.nav li .nav-selected a{    
	color: #FFF;    
	background-color:#2F6DFF;
}


#main .col-left ul.nav li .nav-selected a:hover{    
	color: #FFF;    
	background-color:#2F6DFF;
}

#main .col-left ul.nav ul {    
	padding:0;	
	padding-left:25px;	
	margin-right:1px;
	list-style-type: disc;
}

/* ///////////////////////////////////////////////////////// */




/* EXPAND  */

.expand-box{
	margin-bottom:20px;
		
}

.collapse{
	border-bottom:1px solid #CCC;
	padding-left:10px;
	padding-right:10px;
}

.top{font-size:.9em; text-align:right}
#switch, .switch {margin-bottom:5px; text-align:right}

/* --- Headings  --- */

#main .expand a {
  display:block;
  padding:3px 10px;
  color:#FFF;
  padding-left:25px;
}

#main .expand a:hover{
	text-decoration:none;
}

#main .expand a:link, .expand a:visited {
  border:1px solid #999;
  background-image:url(http://rodsandcones.ie/themes/rodsncones/images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:5px 9px;
 
}


#main .expand a.open:link, .expand a.open:visited {
  background:url(http://rodsandcones.ie/themes/rodsncones/images/arrow-up.gif);
  background-repeat:no-repeat;
  background-position:5px 9px;
}

#main .expand .open a{
	background-color:#333;
}

#main .jbparentlink a{
	display:block;
	background-color:#333;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	padding:3px;
	float:right;
	padding-left:10px;	padding-right:10px;
	text-align:center;		margin-top:10px;
}

#main .jbparentlink  a:hover{
	text-decoration:none;	background-color:#666;
}

#main .button2{
	background-color:#2F6DFF;
	border-bottom: 2px solid #333;
	color: #FFF;	
	margin-bottom:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:260px;
	height:53px;
}

#main .button2 a{
	color: #FFF;
	display: block;
	padding: 20px;
}


#main .button2 a:hover{
	text-decoration:none;
	background-color:#5B91FD;
}

#main .ccm-remo-expand{
	margin-top:15px;
	margin-bottom:0px;
	margin-left:10px;
}

#main .ccm-remo-expand-title{
	font-weight:bold;
	height:5px;
	padding-bottom:25px;
	padding-left:30px;
}

#header .booking {
	float:right;
	margin-left:15px;
	position:relative;
	top:-10px;
	right:-7px;
}