/* Copyright 2012 - Random Mac Guy - Hugo Costa All Rights Reserved */

body{margin:0; padding:0; font-family:verdana,Arial,Helvetica,sans-serif; font-size:13px; color:#D8D7D3; background-color:#353535; text-align:center;}
img{border:0; padding:0; margin:0;}
img.imgr{float:right; clear:right; margin:5px 15px 10px 10px;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{list-style-type:none; margin:0; padding:0;}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl_left{float:left;}
.fl_right{float:right;}
a{outline:none;}
.sreader{visibility:hidden; display:none;}
/*  
--- Container ---
*/
#container{position:relative; margin:0 auto 0; text-align:left; width:930px; padding:69px 15px 0px 15px; color:#000; background:url("images/cbg.gif") top center no-repeat #FFF;}
/* 
--- Head ---
*/
#logopict{position:absolute; top:55px; left:45px; width:150px; height:178px; background:url("images/logo.png") top left no-repeat;}
#head{position:relative; float:left; width:930px; height:250px; margin-bottom:40px; font-size:22px; font-family:"Times New Roman",Georgia,Times,serif; font-style:italic; color:#747473; background:url("images/hbg.gif") top left no-repeat #292929;}
h1#logo a:link, h1#logo a:visited, h1#logo a:hover{display:block; position:absolute; top:10px; left:210px; height:60px; margin:0; padding:0; text-decoration:none; color:#FD8C41; font-family:"Times New Roman",Times,serif; font-size:60px; font-weight:normal; z-index:1; overflow:hidden;}
p#quote{position:absolute; top:110px; left:280px; margin:0; padding:0; font-weight:bolder; font-size:40px;}
p#certs{position:absolute; top:165px; left:40px; margin:0; padding:0; font-weight:bolder; font-size:30px;}
#bookmarks{position:absolute; top:340px; left:350px; width:590px; height:27px; padding:10px 0 0 0; }
#bookmarks ul{display:inline; margin:0; padding:0; list-style:none;}
#bookmarks li{display:inline; margin:0 5px 0 0; cursor:pointer; background:none; padding-left:0; color:#FD8C41; background-color:#FFF;}
#bookmarks a:link {text-decoration:none; color:#FD8C41;}
#bookmarks a:visited {text-decoration:none; color:#FD8C41;}
#bookmarks img{padding:0; margin-right:5px; border:none; vertical-align:text-bottom;}
/* 
--- Top Navi ---
*/
ul#topnavi{position:absolute; top:213px; left:0; display:block; width:930px; height:67px; list-style:none; margin:0; padding:0; z-index:1; background:url("images/tnavibg.jpg") top left no-repeat;}
ul#topnavi li{display:inline; float:left; height:42px; background:url("images/line.jpg") top right no-repeat;}
ul#topnavi li.last{background:none;}
ul#topnavi a:link, ul#topnavi a:visited, ul#topnavi a:hover{display:inline; float:left; height:27px; padding:15px 0 0 0; margin:0 15px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; color:#000; background-color:transparent; text-decoration:none; font-style:normal;}
ul#topnavi a:hover{color:#FFF; background-color:transparent;}
#mobpg{position:absolute; top:55px; left:45px; width:150px; height:178px;}

/* 
--- Top Banner ---
*/
#superbanner{position:relative; float:left; width:900px; height:120px; margin:0 0 20px 0; padding:15px; background:url("images/superbanner_bg.gif") top left no-repeat;}
/* 
--- BreadCrumb ---
*/
#whereami{position:relative; float:left; font-size:10px; width:930px; margin:0 0 5px 0; padding-bottom:5px; text-transform:uppercase;}
#whereami ul{list-style:none; margin:0; padding:0;}
#whereami li{display:inline; padding:0; background:none; margin-right:2px;}
#whereami a{color:#FD8C41; background-color:#FFF; font-size:10px; font-style:normal; text-decoration:none;}
#whereami li.current{font-weight:bold;}
/* 
--- Content ---
*/
#content{position:relative; float:left; width:654px; padding-top:5px; line-height:1.4em;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{position:relative; padding:0px 0 0px 20px; margin:8px 0; font-size:20px; font-family:"Times New Roman",Georgia,Times,serif; font-weight:normal; color:#FD8C41; background:url("images/apple.gif") left center no-repeat #FFF;}
#content ul, #content ol{position:relative; list-style:none;}
#content a:link, #content a:visited, #content a:hover{color:#FD8C41; background-color:#FFF; text-decoration:none;}
#content ul, #content ol{position:relative; list-style:none;}
#content li{padding-left:20px; margin-bottom:5px; background:url("images/footick.gif") 0 3px no-repeat;}
#content div.code{width:550px; margin-left:40px; padding:5px 0 5px 24px; border-left:10px solid #C2DCCE; font-weight:normal; font-style:normal;}
#content div.code code{color:#A7BAC5; background-color:#FFF;}
.yellow{color:#FF0; background-color:#333;}
#content div.code code.yellow{color:#600; background-color:#FFF;}
#content strong code{color:#F00; background-color:#FFF; font-weight:normal;}
#content h3.success{color:#3F0; background-color:#FFF; background-image:none; padding:10px; text-align:center; margin-bottom:30px; line-height:normal;}
#content h3.formerror{color:#F00; background-color:#FFF; background-image:none; padding:10px; text-align:center; margin-bottom:30px; line-height:normal;}
/* 
--- Right Block ---
*/
#rightblock{position:relative; float:right; width:270px; padding-top:10px; margin:0;}
#navi{width:260px; margin-bottom:15px; padding-left:0px;}
#rightblock #navi h6.title{margin-bottom:2px;}
#rightblock h6.RightMenu, #rightblock #navi h6.RightMenu, #content span.toggler{cursor:pointer; color:#FD8C41; background-color:#FFF;}
#navi ul{list-style:none; margin:0; padding:0;}
#navi a:link, #navi a:visited, #navi a:hover{display:block; width:230px; padding:10px 5px 10px 30px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; color:#FD8C41; background:url("images/arrow.gif") left center no-repeat #FFF; text-decoration:none; border-bottom:1px solid #D7D7D7;}
#navi a:hover{color:#000; background:url("images/arrowsel.gif") left center no-repeat #FFF;}
#navi li ul li a:link, #navi li ul li a:visited, #navi li ul li a:hover{display:block; width:210px; padding-left:45px; background:url("images/arrow.gif") 0 5px no-repeat #FFF;}
#navi li ul li ul li a:link, #navi li ul li ul li a:visited, #navi li ul li ul li a:hover{display:block; width:195px; padding-left:65px;}
#navi li.active a:link, #navi li.active a:visited, #navi li.active a:hover{color:#000; background:url("images/arrowsel.gif") left center no-repeat #FFF;}
#navi li.active li a:link, #navi li.active li a:visited, #navi li.active li a:hover{color:#FD8C41; background:url("images/arrow.gif") 20px 13px no-repeat #FFF;}
#navi li.active li a:hover{color:#000; background:url("images/arrowsel.gif") 20px 13px no-repeat #FFF;}
#navi li.active li.active a:link, #navi li.active li.active a:visited, #navi li.active li.active a:hover{color:#000; background:url("images/arrowsel.gif") 20px 13px no-repeat #FFF;}
#navi li.active li.active li a:link, #navi li.active li.active li a:visited, #navi li.active li.active li a:hover{color:#FD8C41; background:url("images/arrow.gif") 40px 13px no-repeat #FFF;}
#navi li.active li.active li a:hover{color:#000; background:url("images/arrowsel.gif") 40px 13px no-repeat #FFF;}
#navi li.active li.active li.active a:link, #navi li.active li.active li.active a:visited, #navi li.active li.active li.active a:hover{color:#000; background:url("images/arrowsel.gif") 40px 13px no-repeat #FFF;}

.holder{width:260px; margin-bottom:15px; padding-left:10px;}
.holder ul{list-style-type:none; margin:0; padding:0;}
.holder li{margin-bottom:5px;}
.holder a:link, .holder a:visited, .holder a:hover{color:#FD8C41; background-color:#FFF; text-decoration:none;}
.holder p.holdertext{margin:0 0 8px 0; padding:0 5px; font-size:11px; line-height:1.3em;}
.holder p.holdertext span{font-weight:bold; text-transform:uppercase;}
.holder p.imgl{float:left; margin:0 10px 0 0; padding:3px 0 0 0;}
#rightblock #bsa{display:block; width:270px; margin-bottom:10px;}
#rightblock #bsa h6.title{margin-left:10px;}
wh6.title{display:block; width:252px; height:24px; margin:0 0 10px 0; padding:5px 0 0 8px; color:#B6B6B6; font-size:16px; font-weight:bold; font-family:"Times New Roman",Times,serif; background:url("images/RightNav_header.gif") top left no-repeat #FFF;}
/* 
--- Footer ---
*/
#footerwrapper{text-align:left; width:960px; padding:35px 0 0 0; margin:0 auto; font-size:12px; line-height:1.4em; color:#000; background:url("images/ftwrbg.gif") top left no-repeat #FFF;}
#meta{width:950px; padding:10px 5px; margin:0; text-align:center; font-size:10px; color:#FFF; background-color:#494949; border-top:5px solid #B7B6B1;}
#meta a:link, #meta a:visited, #meta a:hover{color:#FFF; background-color:#494949; text-decoration:none; font-style:normal;}
#meta ul{margin:0; padding:0; list-style:none;}
#meta li{display:inline; margin:0 2px 0 2px;}
/* 
--- Homepage ----
*/
ul#hpage{display:block; margin:0; padding:0 0 0 0; list-style-type:none;}
#hpage li{
	position:relative;
	float:left;
	display:inline;
	width:180px;
	height:190px;
	overflow:hidden;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#content #hpage li a{color:#x; background-color:#FFF; font-size:22px; font-family:"Times New Roman",Times,serif; line-height:normal; text-transform:uppercase;}

#hpage .homemenu1{
	margin-left: 20px;
	text-align:center; 
	background:url("images/homepg/goodies.gif") top left no-repeat;
	}
#hpage .homemenu2{
	text-align:center; 
	background:url("images/homepg/Contact.gif") top left no-repeat;
	}
#hpage .homemenu3{
	text-align:center; 
	background:url("images/homepg/About.gif") top left no-repeat;
	}

/* 
--- Other ---
*/
#fcontent{position:relative; float:left; width:930px; padding-top:5px; line-height:1.4em;}
#fcontent h1, #fcontent h2, #fcontent h3, #fcontent h4, #fcontent h5{position:relative; padding:0px 0 0px 20px; margin:8px 0; font-size:20px; font-family:"Times New Roman",Georgia,Times,serif; font-weight:normal; color:#FD8C41; background:url("images/apple.gif") left center no-repeat #FFF;}
#fcontent h6 {position:relative; margin:8px 0; font-size:20px; font-family:"Times New Roman",Georgia,Times,serif; font-weight:normal; color:#FD8C41; left center no-repeat #FFF;}
#fcontent ul, #fcontent ol{position:relative; list-style:none;}
#fcontent a:link, #fcontent a:visited, #fcontent a:hover{color:#FD8C41;/* [disabled]background-color:#FFF; */ text-decoration:none;}
#fcontent ul, #fcontent ol{position:relative; list-style:none;}
#fcontent li{padding-left:20px; margin-bottom:5px; background:url("images/footick.gif") 0 3px no-repeat;}
#fcontent div.code{width:550px; margin-left:40px; padding:5px 0 5px 24px; border-left:10px solid #C2DCCE; font-weight:normal; font-style:normal;}
#fcontent div.code code{color:#A7BAC5; background-color:#FFF;}
.yellow{color:#FF0; background-color:#333;}
#fcontent div.code code.yellow{color:#600; background-color:#FFF;}
#fcontent strong code{color:#F00; background-color:#FFF; font-weight:normal;}
#fcontent h3.success{color:#3F0; background-color:#FFF; background-image:none; padding:10px; text-align:center; margin-bottom:30px; line-height:normal;}
#fcontent h3.formerror{color:#F00; background-color:#FFF; background-image:none; padding:10px; text-align:center; margin-bottom:30px; line-height:normal;}

ul#opage{display:block; margin:0; padding:0 0 0 0; list-style-type:none;}
#opage li{
	position:relative;
	float:left;
	display:inline;
	width:180px;
	height:190px;
	margin:0 8px 0px 8px;
	padding:10px 5px 0 15px;
	overflow:hidden;
	background-image: url(images/othersites/rt45.gif);
}
#fcontent #opage li a{color:#x; background-color:#FFF; font-size:22px; font-family:"Times New Roman",Times,serif; line-height:normal; text-transform:uppercase;}

#opage .othermenu11{
	text-align:center;
	background-image: url(images/othersites/Scouts.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#opage .othermenu12{text-align:center; background:url("images/othersites/rt45.gif") top left no-repeat;}
#opage .othermenu13{text-align:center; background:url("images/othersites/carola.gif") top left no-repeat;}
#opage .othermenu14{text-align:center; background:url("images/othersites/carolamob.gif") top left no-repeat;}

#opage .othermenu21{text-align:center; background:url("images/othersites/thecostasv3.gif") top left no-repeat;}
#opage .othermenu22{text-align:center; background:url("images/othersites/thecostasv2.gif") top left no-repeat;}
#opage .othermenu23{text-align:center; background:url("images/othersites/thecostasv1.gif") top left no-repeat;}
#opage .othermenu24{text-align:center; background:url("images/othersites/thecostasv2.gif") top left no-repeat;}
/* 
--- Contact ---
*/
#contpage {position:relative; float:both;  margin:0 0px 0px 0px; padding:10px 5px 0 15px; overflow:hidden; }
ul#contpage {display:block; width:930px; height:980px;  padding:0 0 0 0; list-style-type:none;}
#contleftblock{position:relative; float:left; width:620px; padding-top:20px; margin:0;}
/* 
--- Goodies ---
*/
ul#gpage{display:block; margin:0; padding:0 0 0 0; list-style-type:none;}
#gpage li{
	position:relative;
	float:left;
	display:inline;
	width:160px;
	height:170px;
	margin:0 8px 0px 8px;
	padding:5px 5px 0 5px;
	overflow:hidden;
	background-image: url(images/Goodies/man.gif);
}
#fcontent #gpage li a{ font-size:18px; font-family:"Times New Roman",Times,serif; line-height:normal; text-transform:uppercase;}
#gpage .goodiesmenu1{text-align:center; background:url("images/Goodies/man.gif") top left no-repeat;}
#gpage .goodiesmenu2{text-align:center; background:url("images/Goodies/scripts.gif") top left no-repeat;}
#gpage .goodiesmenu3{text-align:center; background:url("images/Goodies/mac.gif") top left no-repeat;}
#gpage .goodiesmenu4{text-align:center; background:url("images/Goodies/ios.gif") top left no-repeat;}
#gpage .goodiesmenu5{text-align:center; background:url("images/Goodies/desktop.gif") top left no-repeat;}