/* CSS Document 

Backup before editing, will affect sitewide
-keithics

*/

/************** sitewide and defaults ****************/

body{
	background: #FFF url(../images/bg.jpg) top repeat-x;
	font:14px Arial, Helvetica, sans-serif;
	color:#333333;
	height:100%;
}

body,h1,h2,h3,form,ol,ul,li,fieldset,legend{
	margin:0;
	padding:0;
}

*{
	outline:none;
}

a:link , a:visited{
	color:#1F4978;
	text-decoration:none;
}

a:hover , .hover{
	color:#039;
}

a img{
	border:none;
	text-decoration:none;
}

h1{
	font-size:26px;
	font-weight:normal;
}




/************** general layout ****************/

#login{
	width:956px;
	margin:auto;
	text-align:right;
	margin-bottom:-20px;
	padding-top:10px;
	padding-right:30px;
	position:relative;
	clear:both;
	z-index:99;
}

#wrap{
	margin:auto;
	width:986px;
}


#top{
	overflow:hidden;
}

#logo{
	float:left;
	padding-top:20px;
	padding-bottom:10px;	
}

#nav{
	float:right;
	padding:45px 15px 7px 0px;
	position:relative;
}

#nav ul li{
	list-style:none;
	display:inline;
}


#top_png{
	clear:both;
	margin-top:-20px;
	float:left;
	width:986px;
}

#content{
	background:url(../images/bg_content.png) left top repeat-y;
	padding:0px 9px;
	width:968px;
}


#footer{
	background:url(../images/bg_footer.png) left top no-repeat;
	padding-top:40px;
	text-align:center;
	font-size:smaller;
}

#footer ul li{
	display:inline;
	padding:10px;
	text-transform:capitalize;
}

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

/************** homepage ****************/

#header{
	color:#FFF;
	background:url(../images/bg_header.jpg) left top no-repeat;
	height:280px;
	padding-left:20px;
}

#header_p{
	width:390px;
	line-height:20px;
	float:left;
	padding-top:20px;
}

#header_p h1{
	margin-bottom:15px;
	font-size:24px;
	font-weight:normal;
}

#header_p h3{
	font-size:14px;
	color:#FFFFCC;
}

#p_demo{
	cursor:pointer;
}

#btn_demo{
	margin-bottom:-20px;
	padding-right:10px;
}

#slides{
	margin-top:57px;
	margin-left:13px;
	float:right;
	padding-right:20px;
	overflow:hidden;
	height:207px;
	width:522px;
	background:none;
}


img.arrows{
	padding-right:5px;
	margin-bottom:-2px;
}

img.arrows2{
	padding-right:5px;
	margin-bottom:-2px;
	padding-left:10px;
}
/********** modules ************/

#homepage{
	padding:0px 5px 0px 3px;
}


#module_header{
	background-color:#944F1E;
	color:#FFF;
	overflow:hidden;
	padding:8px 8px;
}

#mod_icon{
	margin-bottom:-7px;
}

#module_header  h1{
	padding-right:15px;
}

#module_header  ul , #module_header  h1{
	float:left;
	font-size:20px;	
}

#module_header  ul li{
	list-style:none;
	display:inline;
	padding:18px 7px;
}

#module_header  ul li a{
	color:#D4B9A5;
}

.modules{
	overflow:hidden;
	border:#B29A6F solid 10px;
	margin-top:1px;
	width:940px;
}

.modules li{
	line-height:25px;
	padding-left:20px;
	background:url(../images/icons/icon_check.gif) left 5px no-repeat;
	list-style:none;
}

.modules_shots{
	float:left;
	width:440px;
}

.small_wrap img{
	padding:3px;
	margin:6px;
	cursor:pointer;
	background-color:#FFF;
	border:#b29a6f solid 1px;
}

.modules_text{
	padding:10px;
	float:left;
	width:450px;
	height:260px;
	overflow:hidden;
}

.modules_text h1{
	color:#8F4B1C;
}

ul#module_list_nav li a{
	text-decoration:underline;
}

#module_list_nav li.activeSlide , #activeSlide{
	background-color:#A3683C;
	color:#FFF;
}

ul#module_list_nav li.activeSlide a , ul#module_list_nav li#activeSlide a{
	color:#FFF;
	text-decoration:none;	
}
				

.modules_text p{
	padding:0;
	margin:7px 0;
}

.bigshots , #bigshots{
	display:none;
	position:absolute;
	background-color:#CCC;
	margin:-266px 10px 0px 6px;
	cursor:pointer;
	border:#b29a6f solid 1px;	
}

.bigshots p , #bigshots p{
	background-color:#FFF;
	padding:0;
	margin:0;
	font-size:9px;
	font-weight:bold;
	margin-top:-260px;
/*	margin-left:340px;*/
	position:absolute;
	padding:5px;
}

.bigshots img{
	margin:8px;	
}

#module_wrap{
	height:300px;
	overflow:hidden;
}

#m1,#m2,#m3,#m4,#m5,#m6{
	height:300px;	
	width:960px;
	overflow:hidden;
}

/*************** btm lists *******************/

#btm_lists{
	padding:20px 20px 20px 35px;
	overflow:hidden;
}

.list_wrap{
	width:290px;
	float:left;
	padding-right:10px;
}

.list_wrap a:link , .list_wrap a:visited{
	color:#333;
}

.list_wrap li{
	cursor:pointer;
}

#btm_lists h2 , #btm_lists h2 a{
	font-size:22px;
	font-weight:normal;
	color:#8F4B1C;
	padding-bottom:10px;
	background:url(../images/icons/icon_dot.jpg) left bottom repeat-x;	
}

#btm_lists img{

}

#btm_lists ul li{
	padding:10px;
	list-style:none;
	background:url(../images/icons/icon_dot.jpg) left bottom repeat-x;
}

#btm_lists ul li span{

}

#btm_lists ul li a:hover{
	color:#039;
}


/*************** subpages in general *******************/


#subpage{
	padding:20px;
	overflow:hidden;
	clear:both;
	width:928px;
}

#left{
	float:left;
	width:580px;
}

#left h1 , #left2 h1, #right h1{
	color:#944F1E;
	font-size:20px;
	background:url(../images/icons/icon_dot.jpg) bottom repeat-x;
	padding-bottom:10px;
}

#left h1 img ,#left2 h1 img , #right h1 img{
	margin-bottom:-5px;
}


#right{
	float:left;
	width:300px;
	padding-left:40px;
}

/*************** overons *******************/

#overons{
	padding:10px;
}

#pdesc{
	color:#4B6A17;
}

#whowe{
	padding-left:15px;
}

#whowe li{
	background:url(../images/icons/icon_dot.jpg) top repeat-x;
	padding:10px;
	font-size:12px;
	list-style:none;
}

#whowe li div{
	background:url(../images/icons/icons_green_arrow.jpg) left 5px no-repeat;
	padding-left:20px;
}

#testi{
	padding-top:20px;
}

#testi_text{
	background:url(../images/testi_start.jpg) left top no-repeat;
	font-size:14px;
	padding-left:50px;
	line-height:20px;
	font-style:italic;
	color:#666666;
}

#testi_text p{
	background:url(../images/testi_end.jpg) right bottom no-repeat;
	padding-right:10px;
}

/*************** meer info *******************/

#meer{
}

.meer_list{
	padding:10px 0px;
	width:47%;
	float:left;
	margin-right:1%;
	margin-left:1%;
	display:inline;
}

.meer_list h2{
	color:#557D17;
	font-weight:normal;
	font-size:18px;
	padding-bottom:10px;
	background:url(../images/icons/icon_dot.jpg) bottom repeat-x;
}

.meer_list li{
	list-style:none;
	padding:10px;
	font-size:14px;
	background:url(../images/icons/icon_dot.jpg) bottom repeat-x;
}

.meer_list li span{
	cursor:pointer;	
}

h1#func{
	padding-top:20px;
	clear:both;
}

.meer_list_wrap{
	clear:both;
}

/*************** contacts *******************/

form{
	background-color:#F6FAEB;
	border:#EDF1E2 solid 1px;
	padding:20px 0px;
	width:600px;
}

form ol li{
	list-style:none;
}

fieldset{
	border:none;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

form input{
	width:250px;
	border:#D3D5D6 solid 1px;
	border-top:#6D6F70 solid 1px;
	padding:5px;
}

.textarea, textarea { 
	overflow: auto;
	border:#D3D5D6 solid 1px;
	border-top:#6D6F70 solid 1px;
	width:300px;
	height:150px;
	padding:5px 0;
}

form p{
	margin:0;
	padding:2px;
}
	

.reqtxt, .emailreqtxt{
	font-size:11px;
	color:#900;
	padding-left:10px;
	vertical-align:top;
}

#sendbutton{
	width:100px;
	margin-left:160px;
}

#cc{
	padding:20px;
	color:#036;
}

#cc h2{
	font-size:18px;
	color: #944f1e;
	font-weight:normal;
}


/*************** blog *******************/

#blog{
}

#blog h2, #left2 h2{
	font-size:18px;
	font-weight:normal;
	color:#557D17;
	margin-top:10px;
	clear:both;
	overflow:hidden;
}

#blog p{
	margin:0;
	padding:10px 0px;
}

.posts{
	padding-bottom:30px;
	background:url(../images/icons/icon_dot.jpg) bottom repeat-x;
	margin-bottom:20px;
}

.meta{
	background-color:#FFF;
	padding:10px;
	font-size:11px;
	overflow:hidden;
	color:#1F4978;
	width:560px;
}

.meta img{
	margin-bottom:-4px;
}

.meta div{
	float:left;
}

.comments , .auth , .date , .tags{
	width:120px;
}

#rarticle{
	padding-left:30px;
	padding-top:10px;
}

#rarticle li{
	background:url(../images/icons/icon_greenarrow.jpg) left 8px no-repeat;
	list-style:none;
	padding:5px 20px;
}

/**************** overlays and jquery ******************/


#overlay{
	background:url(../images/bg_transpa.png) repeat;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
    position: fixed; 
	z-index:99;
	visibility:hidden;
}

#abs{
	top: 0%; 
	left: 0; 
	width: 100%; 
	height: 100%;
	position:absolute;
	z-index:99;
	display:none;
}

#window_wrap{
	margin:0 auto;
	width:996px;
	vertical-align: middle;
}

#window_wrap img{
	margin:auto;
	display:block;
}

#window{
	background:url(../images/trans_bg.png) no-repeat;
	width:996px;
	margin:auto;
	padding:15px;
	height:676px;
	margin-top:20px;
	z-index:999998;	
}

#window_wrap #btn_close{
	margin-left:950px;
	position:absolute;
	cursor:pointer;
	height:33px;
	margin-top:-15px;
	background:url(../images/trans_btnclose.png) right no-repeat;
	width:33px;
	z-index:999999;
}
.showme{
	display:none;
	width:250px;
	cursor:pointer;
}

.showme p{
	padding:5px;
	margin:5px 0;
}