/************************
Author: Ryan Sandagon
Date: June 24 2009
------------------------
dark brown: #AB4326
brown: #AA4529
dark blue: #1A3471
orange: #F38900
dark red: #7D0C0C
-------------------------
Graphics Font: Tw Cen MT
Main Font: Trebuchet MS
*************************/

/*****Reset*****/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*****TEXT*****/
body{font:13px/1.5 'Trebuchet MS',Arial,'Liberation Sans',FreeSans,sans-serif}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px;color:#fff}h2{font-size:23px;color:#fff}h3{font-size:21px;color:#fff}h4{font-size:19px;color:#fff}h5{font-size:17px;color:#fff}h6{font-size:15px;color:#fff}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/*****Basic Definitions*****/
html,body { background: #fff; width:100%;height:100%;text-align:center}

a {text-decoration:underline;color:#fff;}
/*a:visited {text-decoration: none;}
a img:hover {color:#fff;text-decoration:none; background:#821313}*/

img.emp1{border:1px solid #821313;opacity:0.4}
img.emp1:hover{opacity:1.0}

img.emp2{border:1px solid #821313;}
img.emp2:hover{border:1px solid #fff;}

/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

.button{
	color: #fff;
	padding:3px 10px 3px 10px;
}

.button:hover{
	color: #fff;
}

/*****Background*****/
body{background: url(../images/clouds.jpg) repeat-x top left;}
/*****Header*****/
#header{
	top:0px;
	left:0px;
	width:100%;
	height:450px;
	position:relative;
	z-index:1;
}

/*****CONTAINERS SET TO RELATIVE***/
.container_12{
	position:relative;
}

#logo{
	background:url(../images/logo.jpg) no-repeat top left;
	width:280px;
	height:57px;
	margin:0 auto;
	top:-1px;
	left:30px;
	position:absolute;
}

#portfolioTitle{
	background:url(../images/portfolioTitle.jpg) no-repeat top left;
	width:251px;
	height:54px;
	margin:0 auto;
	top:84px;
	left:0px;
	position:absolute;
}

#clouds{
	/*background:url(../images/clouds2.jpg) no-repeat top left;*/
	width:400px;
	height: 148px;
	margin:0 auto;
	top:0px;
	position:relative;
}

#character{
	background:url(../images/character.png) no-repeat top left;
	width:348px;
	height: 332px;
	margin:0;
	left:-200px;
	top:35px;
	z-index:300;
	position:relative;
}

/**MAIN MENU**/
#MainMenu{
	background:url(../images/MainMenuGrid.jpg) repeat-y top left;
	width:38px;
	height:100%;
	padding-top:30px;
	left:0;
	top:0;
	position:fixed;
	z-index:888;
}

#MainMenu a{
	width:20px;
	display:block;
	position:relative;
	margin:10px 5px 10px 5px;	
}

#homeMenu{
	background: url(../images/menuHome.jpg) no-repeat top left;
	height:54px;
}

#homeMenu:hover{
	background-position: -21px 0;
	width:20px;
}

#aboutMeMenu{
	background: url(../images/menuAboutMe.jpg) no-repeat top left;
	width:20px;
	height:66px;
}

#aboutMeMenu:hover{
	background-position: -24px 0;
	width:20px;
}

#portfolioMenu{
	background: url(../images/menuPortfolio.jpg) no-repeat top left;
	height:65px;
}

#portfolioMenu:hover{
	background-position: -22px 0;
	width:20px;
}

#servicesMenu{
	background: url(../images/menuServices.jpg) no-repeat top left;
	height:65px;
}

#servicesMenu:hover{
	background-position: -21px 0;
	width:20px;
}

#contactUsMenu{
	background: url(../images/menuContactUs.jpg) no-repeat top left;
	height:74px;
}

#contactUsMenu:hover{
	background-position: -22px 0;
	width:20px;
}

#twitterMenu{
	background: url(../images/twitterFollowMe.jpg) no-repeat top left;
	width:37px;
	height:45px;
	left:1px;
	top:410px;
	position:fixed;
	z-index:889;
	opacity:0.6;
}

#twitterMenu a{
	width:37px;
	height:45px;
	display:block;
}

#twitterMenu:hover,#twitterMenu a:hover{
	width:97px;
	opacity:1.0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/**SEARCH**/
#searchBox{
	background:url(../images/search.jpg) no-repeat top left;
	width:172px;
	height: 22px;
	top:6px;
	right:20px;
	z-index:202;
	position:absolute;
}

fieldset.search {
	border: none;
	width: 173px;
	margin: 0 auto;
	background: #222;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #28416A;
	font-size: 10px;
	width: 125px;
	height: 17px;
	padding: 5px 10px 0;
	background: #33598A url(../images/search.jpg) no-repeat top left;	
}
.search input.box:focus {
	background: #33598A url(../images/search.jpg) no-repeat left -22px;
	outline: none;
}
.search button.btn {
	width: 28px;
	height: 22px;
	cursor: pointer;
	text-indent: -9999px;
	background: #fbc900 url(../images/search.jpg) no-repeat top right;
}
.search button.btn:hover {
	background: #325889 url(../images/search.jpg) no-repeat right -22px;
}

/*BANNER*/

#cycle-wrapper{
	background:#A73334 url(../images/portfolioImage.jpg) repeat-x top left;
	top:138px;
	left:0px;
	width:906px;
	height:300px;
	padding-top:5px;
	position:absolute;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#cycle_gallery{
	margin:5px auto;
	width:800px;
	height:250px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#nav-menu { margin: 1px; position:relative;width:408px;height:16px;left:100px;z-index:301;}
#nav-menu a { margin: 1px; width:16px;height:16px; background: url(../images/buttonSet.jpg) bottom left; text-decoration: none; font-size:10px;display:block;float:left}
#nav-menu a.activeSlide { background-position: top left;}
#nav-menu a:focus { outline: none; }


.bannerItem{
	background:#A73334 url(../images/portfolioImage.jpg) repeat-x top left;
	width:800px;
	height:280px;	
	position:relative
}

.bannerItem img{
	width:321px;
	height:250px;
	top:20px;
	left:50px;	
	position:absolute;
	display:block;
}

.bannerSeparator{
	background:url(../images/banner_separator.png) no-repeat left top;
	width:19px;
	height:225px;
	left:370px;
	top: 30px;
	position:absolute;
}

.bannerItem span{
	text-align:justify;
	top:40px;
	left:420px;
	position: absolute;
}

.bannerItem li{
	background:url(../images/bullet_arrow.png) no-repeat left top;
	list-style:none;
	padding-left:20px;
	color:#fff;
	font-size:15px;
}

/*BADGE*/
#badge{
	background: url(../images/badge.png) no-repeat top left;
	width:150px;
	height:150px;
	top:60px;
	left:830px;
	z-index:200;
	cursor:help;
	position:absolute	
}

/*DIVIDER*/
.dividerDot{
	background: url(../images/dividerDot.jpg) repeat-x top left;
	height:10px;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}



/***** Menu*****/
#menuSet{
	top:40px;
	left:0px;
	width:960px;
	position:relative;
	overflow:hidden;
}

.menuButton{
	margin:0 auto;
	text-align:center;
}

.menuButton a{
	padding-left:15px;
	padding-right:15px;	
	padding-top:2px;
	padding-bottom:2px;
	margin:0 10px 0 10px;
	text-decoration: none;
	float: left;
}

.menuButton a:hover,.active{
	background:#821313;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#fff;
}



/** CONTENT **/
#content{
	background: #C15932 url(../images/land.jpg) repeat-x top left;
	width:100%;
    /*height: auto !important;
    height: 100%;
    margin: 0 auto -146px;*/
	position:relative;
	z-index:0;
}

#main-wrapper{
	padding-top:100px;
}

.preSet{text-align:justify;color:#fff}

#clienteleH2{
	background: url(../images/subMenuList.jpg) no-repeat top left;
	width:93px;
	height:32px;
	margin-bottom:10px;
	display:block;
}

#aboutMeH2{
	background: url(../images/subMenuList.jpg) no-repeat -104px 0px;
	width:106px;
	height:32px;
	margin-bottom:10px;
	display:block;
}

#portfolioH2{
	background: url(../images/subMenuList.jpg) no-repeat -216px;
	width:102px;
	height:32px;
	margin-bottom:10px;
	display:block;
}

#testimonialsH2{
	background: url(../images/subMenuList.jpg) no-repeat -318px;
	width:126px;
	height:32px;
	margin-bottom:10px;
	display:block;
}

#contactUsH2{
	background: url(../images/subMenuList.jpg) no-repeat -444px;
	width:104px;
	height:32px;
}

#blogH2{
	background: url(../images/subMenuList.jpg) no-repeat -554px;
	width:62px;
	height:32px;
}

.portfolioTitle{
	background:url(../images/dividerDot.jpg) repeat-x top left;
	width:460px;
	height:20px;
	text-align:left;
	padding-top:10px;
	display:block;
}

/*TESTIMONIALS*/
.quote{
	background:#AA4529 url(../images/quoteLeft.jpg) no-repeat top left;
	padding:58px;
	position:relative
}

.rightQuote{
	background:#AA4529 url(../images/quoteRight.jpg) no-repeat top left;
	height:58px;
	width:75px;
	position:absolute;
	bottom:0px;
	right:0px;
}

.quote p{
	text-align:justify;
	font-style:italic;
	z-index:103;
}

/*Inset Wrap*/
.insetWrapper{
	background:#AA4529;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*****CONTACT US PAGE*****/
#ContactUsBox{
	text-align:left;
	margin:0px auto;
	padding: 20px;
	display:none;	
}

#ContactUsBox h1{
	color:#fff;
	text-decoration: underline;
	font-size: 20px;
}

#contactCloseMe{
	left:360px;
	top:10px;
	position:absolute;
	display:block
}

#ContactUsBox img{
	text-align:center;
	margin:0px auto;
	display:block
}

#ContactUsBox  a{
	color:#fff;
}

.contactHead,.contactName,.contactAdd,.contactWhite,.contactName{
	text-align: left;
	font-size: 12px;
	color: #fff
}
.contactName{font-size: 14px;font-weight:bold}
.contactAdd, .contactInfo, .contactInfo a{color: #6C7B36;}

/***** C. FOOTER*****/
#footer,.push{height:139px;padding-top:7px}
#footer{background:#000 url(../images/footer_grid.jpg) repeat-x top left;}
#tweet{	background: url(../images/tweeter.jpg) no-repeat top left;opacity:0.4}
#tweet:hover{opacity:1.0}

.footerP{text-align:justify;text-indent:0px;color:#fff;font-style:italic;padding-top:10px;padding-left:60px}

#footerMenu{text-indent:0px;width:500px;height:auto;text-align:justify}
#footerMenu li{list-style-type:none;}
#footerMenu a{color:#fff;margin:0 2px 0 2px;text-decoration: none;}

/***** C1. Copyright *****/
#copyright{
	top:12px;
	color:#fff;
	width:100%;
	position:relative;
	display:block;
	padding:0;
	margin:0 auto;
}

/***** C2. RSS API*****/
#rss{
	background: #000 url(../images/rss.jpg) no-repeat top left;
	width:80px;
	height:65px;
	bottom:-10px;
	right:0px;
	opacity:0.4;	
	position:absolute;
}

#rss:hover{opacity:1.0}

#rss a{width:99px;height:83px;display:block;position:absolute}
#rss a:hover,#addThis a:hover{text-decoration:none;border:0;background:none}

/***** C2. ADDTHIS API*****/
#addThis{
	background: #000;
	width:80px;
	height:65px;
	bottom:-10px;
	right:80px;
	opacity:0.4;
	position:absolute;
}

#addThis:hover{opacity:1.0}