/*------------------------------------------------------------------------------
   
				Theme Name:		Le Grand Resort
				Author:						Mark Theron
				Date: 		     2009-11-24
				Description: 
				Version: 

------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
		  =COLOUR CODES
--------------------------------------------------------------------------------

86b9d1			Background (light blue)
000000			Content    (black)
866f39			Header h1  (green)
866f39			Header h2  (red)
b5cede			Footer	    (dark black)

a (standard):	#0040b6 (dark blue)
a (visited):	#5999de (light blue)
a (active):	#cc0000 (pink)
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
		  =RESET
------------------------------------------------------------------------------*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
				margin:0; padding:0
}
table { border-collapse:collapse; border-spacing:0; text-align:left }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
/*ol, ul, li { 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:''}

html { overflow-y: scroll; }
body { font: 62.5% Verdana, Helvetica, sans-serif; }
/*ul { list-style: none inside; }*/
p { font-size: 1.1em; margin-bottom: 1.3em; }
a { outline: none; }
a img { border: none; }


/*------------------------------------------------------------------------------
		  =TOOLBOX
------------------------------------------------------------------------------*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { display:block; margin:0 auto }

img.left{				margin:0 1em 1em 0; padding: 5px;	border: 1px solid #ccc;}
img.right{				margin:0 0 1em 1em; padding: 5px;	border: 1px solid #ccc;}

.alignleft {
				margin: 0 10px 0 0;
}
.alignright {
				margin: 0 0 0 10px ;
}


/*------------------------------------------------------------------------------
		  =HEADINGS
------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
				font-family: Helvetica, Verdana, sans-serif;
}

h1{
				font-weight: normal ;
				font-size: 3em;
				color: #866f39;
				line-height: 26px;
				margin: 10px 0 20px 0;
}
h2{
				font-weight: normal ;
				font-size: 2.3em;
				margin: 25px 0 15px 0;
				color: #866f39;
}
h2 a {
				text-decoration: none;
				color: #866f39;
				font-weight: normal;
}
h2 a:visited {
				color: #866f39;
				font-weight: normal;
}
h2 a:hover {
				text-decoration:underline;
}
.newstitle-link a{
					color: #866f39;
				text-decoration:underline;
}
h3 {
				font-weight: normal ;
				font-size:  1.8em;
				margin: 5px 10px;
				color: #4c3c18;
				/*text-transform: uppercase;*/
}

h3 a {
				font-size:  1.8em;
				background: #ccc;
				padding: 10px;
}

h4 {
				font-family: Verdana, sans-serif;
				font-weight: bold ;
				font-size:  12px;
				margin: 15px 0;
				color: #866f39;
}
h5 {
				
}
h6 {
				
}

/*
h1{color:#000;font-size:3em;margin: 0 0 0.6em 0;line-height:1.2em;}
h2{color:#000;font-size:2em;margin:0 0 0.9em 0;line-height:0.9em;}
h3{color:#000;font-size:1.5em;margin:0 0 1.2em 0;line-height:1.2em;}
h4{color:#000;font-size:1.2em;margin:0 0 1.5em 0;line-height:1.5em;}
h5{color:#000;font-size:1em;margin:0 0 1.8em 0;line-height:1.8em;}
h6{color:#000;font-size:1em;margin:0 0 1.8em 0;line-height:1.8em;}
*/


/*------------------------------------------------------------------------------
		  =TYPOGRAPHY
------------------------------------------------------------------------------*/
p {
				line-height:1.8em;
				margin: 0 0 15px 0;
				font-size:1.2em;
}

#content p{				margin:1.1em 0; }


#content ul{
				list-style: circle;
				list-style-type: square;
				/*margin-left: 17px;*/
				padding: 0 0 0 20px;
				border: none;
				line-height: 1.7em;
				font-size: 1.2em;
}
ul li {
				list-style: url('../images/accept.png');
				list-style-type: square;
}

h3.quote {
				line-height: 1em;
				font-size: 2em;
}
h3 span {
				line-height: 1em;
				font-size: 3em;
				font-family: Garamond, "Times New Roman", serif;
				color: grey;
				vertical-align: middle;
}
.signature {
				float: right;
				border: 0;
				margin: -20px 40px 0 0;
}
#greg-norman-quote {
				padding: 12px;
				/*background: #f7f0e0;
				overflow: auto;*/
}

/*------------------------------------------------------------------------------
		  =LINKS
------------------------------------------------------------------------------*/
a {text-decoration: underline;	font-weight: bold;}
a:hover	{				}
a:active{				}
a:visited{				}


/*------------------------------------------------------------------------------
		  =STRUCTURE
------------------------------------------------------------------------------*/

html {
				background: #86b9d1 url("images/background.jpg") repeat-x;
				font-size:100%;	min-height:101%;
}
body {
				width: 100%;
				font: 62.5% Verdana, Helvetica, sans-serif;
				line-height: 1.5em;
				color: #000;
				text-align: center;
}

#container {
				width:958px;
				margin: 12px auto 0 auto;
				background: #fff;
				border: 2px solid #666;
}

#page{
				/*width:970px;  THIS needs to stay to make IE centre properly */
				margin: 0;
				padding: 10px 10px 20px 10px;
				overflow: hidden;
}

#header {
				height: 293px;
				_header: 290px;
				position: relative;
				margin: 0;
				padding: 0;
}

#branding {
				float: left;
				background: url("images/logo-block.png") no-repeat;
				width: 210px;
				height: 155px;
				position: absolute;
				left: 30px;
}
.logo {
				background: url("images/logo-le-grand-resort.gif") no-repeat;
				width: 193px;
				height: 141px;
				
}
#badge {
				background: url("images/badge.png") no-repeat;
				width: 141px;
				height: 141px;
				position: absolute;
				display: block;
				top: 165px;
				left: 793px;
				z-index: 10;
}

#content {
				margin: 0;
				text-align: left;
				padding: 0 0 0 10px;
}
#content a {
				color: #000;
}
#content-left {
				width: 378px;
				margin: 0 0 20px 10px;
				display: inline;
}
#content-right {
				width: 524px;
				margin: 0 5px 10px 0;
				display: inline;				
}
#maincontent {
				width: 700px;
				float: left;
				min-height: 250px;
}
#maincontentwide {
				width: 910px;
				float: left;
				min-height: 250px;
}
.block {
				height: 199px;
				width: 252px;
				margin: 0;
				background: url("images/block-sprite.gif") no-repeat;
				float: left;				
				margin: 0 17px 20px 0;
				cursor: pointer;
}
.block-last {
				margin: 0;		
}
.block h2{
				text-align: center;
				font-weight: normal ;
				font-size:  2em;
				margin: 11px 0 11px 0;
				color: #866f39;
}
.block img {
				background: blue;
				width: 241px;
				height: 154px;
				margin: 0 0 0 4px;
}
#logos {
				margin: auto 0;
				clear: both;
				text-align: center;
}

/*------------------------------------------------------------------------------
		  =LATEST-NEWS
------------------------------------------------------------------------------*/

ul.news-items {
				list-style: none;
				list-style-type: none;
				margin: 0;
				padding: 0;
}

#latest-news {
				width: 515px;
				height: 148px;
				background: #ebe7df url("images/news-panel-bg.gif") repeat-x;
				border: 2px solid #c2b79c;
				margin: 0 0 10px 0;
				/*position: relative;*/
}
#latest-news img {
				border: 3px solid #fff;
				margin: 3px 8px 0 0;
}
#latest-news a {
				color: #000;
}
#latest-news h3 {
				margin: 7px 10px 12px 10px;
}
#latest-news h4 {
				/*background: #866f39;
				padding:2px 5px;*/
				float: left;
				font-size: 1.6em;
				list-style: none;
				margin: 0 0 0 -10px;
				_margin: 0;
				color: #866f39;
				text-decoration: none;
				font-weight: normal;
}
#latest-news ul.news-items li {
				list-style: none;
				width: 515px;
				height: 146px;
				float:left;
				cursor: pointer;
}
#latest-news ul.news-items img {
				/*float: left;
				margin: 5px 10px 0 -10px;
			 _margin: 5px 10px 0 0;
				padding: 5px;
				background: #fff;*/
}
#latest-news ul p {
				margin: 5px 30px 6px 0;
				_margin: 5px 30px 0 0;
				line-height: 1.2em;
				font-size: 1.1em;
}
#latest-news .readmore {
				font-weight: bold;
				margin: 0;
				font-size: 1em;
}
#latest-news .date  {
				font-size: 1em;
				display:inline;
				line-height: 1.3em;
				font-style: italic;
				margin: 0 0 0 10px;
}
.news-header{
				height:20px;
				_margin: 0 0 0 0;
}

/*.news-arrow-left {
				display: block;
				width: 18px;
				height: 18px;
				position: absolute;
				left: -8px;
				top: 65px;
				float: left;
				cursor: pointer;
				background: url("images/arrow-left.png") no-repeat;
}
.news-arrow-left a:hover {
				background-position: -18px 0;
}

.news-arrow-right {
				width: 18px;
				height: 18px;
				position: absolute;
				right: -8px;
				top: 65px;
				background: url("images/arrow-right.png") no-repeat;
}
*/

/*------------------------------------------------------------------------------
		  =NAV
------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------
		  =SIDEBAR
------------------------------------------------------------------------------*/
#sidebar {
				width: 170px;
				float: right;
				background: #d7c9a9;
				margin: 0 10px 0 0;
				padding: 0 10px 10px 10px;
				text-align: center;
}
#sidebar img {
				padding: 4px;
				border: 1px solid #666;
				background: #fff;
}
.ngg-widget img{
				padding: 2px;
				border: 1px solid #666;
				background: #fff;
}



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

#footer {
				width: 100%;
				height: 201px;
				text-align: center;
				background: url("images/footer-bg-sea.jpg") repeat-x left;
}
#copyright{
				float: left;
				width: 956px;
				padding: 6px 0 0 0;
				margin: 53px 0 0 0;
				height: 37px;
				color: #000000;
				background: #e7decf;
}

#footerbgleft {
				float: left;
				width: 497px;
				height: 201px;
				background: url("images/footer-bg-left.jpg") no-repeat;
				position: relative;
				left: 0;
				bottom: 0;
}
/*#footerblendleft {
				float: right;
				width:30px;
				height: 200px;
				background: red;
				position: relative;
				left: 0;
				bottom: 0;
}*/
#footerblendright {
				position: relative;
				float: right;
				width:31px;
				height: 201px;
				background: url("images/footer-bg-blend.png") no-repeat;
}

#footerbgright {
				position: relative;
				right: 0;
				bottom: 0;
				float: right;
				width:182px;
				height: 201px;
				background: url("images/footer-bg-right.jpg") no-repeat;
}

ul.navbottom {
				margin: 0 auto;
				_margin: 0;
				height: 20px;
				color: #fff;
				width:958px;
				text-align: center;
				padding: 7px 0 0 0;
				font-size: 1.1em;
}
ul.navbottom li {
				display: inline;
}
ul.navbottom li a {
				display: inline;
				font-weight: normal;
				text-decoration: none;
				color: #fff;
}
ul.navbottom li a:hover {
				display: inline;
				font-weight: normal;
				text-decoration: underline;
				color: #fff;
}
.last {
				border: 0;
}
.redi a {
				color: #d0e6f0;
}
.redi a:hover{
				color: #c10000;
}

/*
 .navbottom, .navbottom ul {		padding:0;	margin:0; list-style:none; line-height:1; text-align: center;}
.navbottom a {						display:block; padding:6px 10px; text-decoration:none;	}
.navbottom a:hover{				text-decoration:underline; padding:6px 10px; }
.navbottom li { 					float:left; }
.navbottom li{						padding:0; margin:0; }



#subfooter ul {
				width: 190px;
				float: left;
				display: inline;
				text-align: left;
				margin: 10px 0 0 45px;
}
#subfooter ul span {
				background: #756241;
				width: 180px;
				margin: 0 0 10px -17px;
				_margin: 0 0 10px 0;
				padding: 2px 5px;
				color: #fff;
				display: block;
				font-weight: bold;
				font-size: 1.1em;
				/*margin: 0 0 4px 0;
}*/
#subfooter ul li a{
				margin: 14px 0 0 0;
				list-style: none;
				color: #dbd4c9;
				text-decoration: none;
				line-height: 1.4em;
}
#subfooter ul li a:hover{
				margin: 14px 0 0 0;
				list-style: none;
				color: #e8e3dd;
				text-decoration: underline;
				line-height: 1.4em;
}

/*------------------------------------------------------------------------------
		  =TABLES
------------------------------------------------------------------------------*/
table {	width: 400px;	background: #eee; font-size:11px; margin: 0 0 0 20px;}
tr.agent { background: #fff;	color: #000;  height: 15px;}
td.agent { padding: 6px; }
td.keyAgent { padding: 6px; color: #000; width: 80px;	vertical-align:top; }

table-info {	margin: 0; width: 400px;	background: #eee; font-size:11px;}
tr.info { background: #FC9;	color: #000;}
td.info { padding: 2px; border: 1px solid #ddd; }
td.keyInfo { padding: 2px; color: #000; width: 80px;	vertical-align:middle; border: 1px solid #CCC;}



/*------------------------------------------------------------------------------
		  =FORMS
------------------------------------------------------------------------------*/
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/*------------------------------------------------------------------------------
		  =MISC
------------------------------------------------------------------------------*/

.downloadlink {
				background: url("http://www.legrandresort.co.za/wp-content/plugins/download-monitor/img/download.gif") no-repeat;
				left: -20px;
				font-size: 11px;
				color: #666;
				margin: 5px 0 0 0;
				padding: 3px 0 10px 25px;
				display: block;
				/*border-bottom: 1px solid #ccc;*/
				text-decoration: none;
}
.downloadlink span {
				font-size: 10px;
				color: #666;
				font-weight: normal;
				font-style: italic;
				text-decoration: none;
}

h2.widgettitle {
				font-size: 1.8em;
				margin: 10px 0 10px 0;
}



.ngg-album {
				background: #eee;
}
.ngg-albumtitle a {
				text-decoration: none;
				font-weight: bold;
				color: #666;
}


#site-left {
				width: 410px;
				float: left;
}
#site-right {
				width:500px;
				float: left;
}
.add5px {
				margin: 0 0 10px 0;
}
.post-holder {
				/*border: 1px solid red;*/
				padding: 0;
				margin: 0;
				border-bottom:1px solid #666666;
				clear: both;
}

/*.news-img {
				margin: 0 10px 0 0;
				_margin: -20px;
				_padding: 10px;
}*/

.tfe {
				float: left;
				margin: 0 10px 0 0;
				_margin: -20px;
				_padding: 10px;
}

.golfcourse1 {
				display: inline;
				margin: 0;
}
.golfcourse2 {
				display: inline;
				margin: 0;
}

ul .sitemap li{
				font-size: 12px;
}

.bold {
				font-weight: bold;
}