/* -----------------------------------------
Stylesheet for Construct Associates - www.constructassociates.com
Author: cdeVision.com
Copyright: (c)2010 cdeVision
Created: March 2010
-------------------------------------------- */

body {background:#000 url(images/bg.png) center 75px no-repeat; margin:0; font-family:arial,verdana,helvetica,sans-serif; font-size:12px; color:#eee;}

h1, h2, h3 {padding:0; margin:0;} 
h2 {font:normal 25px "Trebuchet MS",trebuchet,arial,verdana,helvetica,sans-serif; color:#ccc; padding:0 0 12px 0;} /* page titles */
/* sub-titles */
h3 {font:bold 15px arial,verdana,helvetica,sans-serif; color:#eee; padding:0 0 12px 0;}
.news h3 {padding:20px 0 4px 0;}
div.news > h3:first-child {padding-top:0;}
	
p {margin:0; padding:0 0 15px 0; line-height:18px;}
p.intro {font:normal 14px verdana,arial,helvetica,sans-serif; line-height:22px; padding:0 0 15px 0;}
p.error {padding:0 0 0 22px !important; background:url(admin/icons/warning.gif) 0 1px no-repeat; color:#de0000;} /* for contact form */
ul, ol {padding:0; margin:0 0 12px 25px;}
li {line-height:17px; padding:0 0 6px 0; }
ul.nobullets {margin:0; padding-bottom:6px; list-style:none;}

div.rule {height:1px; padding:0; margin:8px auto; color:#4D4D45; background-color:#4D4D45;}
img {border:0;}
label {display:none;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div.hrule2 {height:5px; padding:0; margin:8px auto; background:transparent url(images/hrule2.png) repeat-x;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {font-family:arial,sans-serif; background:#eee;}
input {border:1px solid #ccc; width:360px; font-size:12px;}
textarea {border:1px solid #ccc; width:360px; height:180px; font-size:12px; padding:2px 0;}
input.button {background-color:#ccc; color:#333; width:80px; border:0;}
input.nostyle {width:auto;}
/* form tables */
table#formTable {margin:0;}
	table#formTable td {vertical-align:top; padding:4px; font-size:12px;}
	table#formTable td.right {text-align:right;}


/* ---- links ----------------------------------------- */
a {color:#7F877B; text-decoration:underline;}  
a:visited {color:#7F877B;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#7F877B;}
a:active, a:focus {outline:none;}

a.button {background:#31371A; border:1px solid #687440; text-decoration:none; font-weight:bold; font-size:12px; color:#fff; padding:4px 5px 4px 5px;}
a.button:hover {background:#6F0202;}

a.arrowbtn {font-size:12px !important; background:#222 url(images/arrowbtn.gif) no-repeat; border:1px solid #444343; text-decoration:none; color:#eee; height:25px;   padding:5px 8px 4px 35px;}
a.arrowbtn:hover {background-color:#eee; color:#000;}


/* ---- ids & classes ----------------------------------------- */

#headerwrap {width:100%; background:transparent url(images/bg-header.png) 0 37px repeat-x;}
#header {height:140px; width:930px; margin:0 auto; position:relative; z-index:100000;}
	#logo {position:absolute; top:24px; left:60px; width:214px; height:68px; background:url(images/logo.gif) no-repeat;}
		#logo h1 {padding:0; margin:0; text-indent:-4000px;}
		#logo a {display:block; width:214px; height:68px;}
	#tagline {position:absolute; left:25px; top:103px; width:283px; height:15px; background:url(images/tagline.png) no-repeat;}
		#tagline h2 {padding:0; margin:0; text-indent:-4000px;}
	#navmenu {height:22px; position:absolute; top:50px; left:295px;}
		#menuwrapper {margin:0; padding:0; list-style:none; }
		/* Drop-down menus: see p7exp.css for menuwrapper styles */
		/*#navmenu ul {margin:0; padding:0; list-style:none;}
		#navmenu li {margin:0 0 0 25px; padding:0; display:block; float:left;}*/
		#navmenu a {display:block; text-indent:-4000px; height:20px;}
		#navmenu a:hover, #navmenu a.on {background-position:0 -19px !important;}
		#navmenu a#home {background:url(images/nav-home.gif) 0 0 no-repeat; width:41px;}
		#navmenu a#about {background:url(images/nav-about.gif) 0 0 no-repeat; width:64px;}
		#navmenu a#partners {background:url(images/nav-partners.gif) 0 0 no-repeat; width:57px;}
		#navmenu a#services {background:url(images/nav-services.gif) 0 0 no-repeat; width:57px;}
		#navmenu a#gallery {background:url(images/nav-gallery.gif) 0 0 no-repeat; width:49px;}
		#navmenu a#clients {background:url(images/nav-clients.gif) 0 0 no-repeat; width:48px;}
		#navmenu a#news {background:url(images/nav-news.gif) 0 0 no-repeat; width:38px;}
		#navmenu a#contact {background:url(images/nav-contact.gif) 0 0 no-repeat; width:76px;}
		
/* z-indexes (keep an eye on negative values - they may trigger bugs in older browsers) */
/*#homestripe {z-index:10;}*/
/*#blackbox {z-index:10;}*/
#menuwrapper {z-index:10000 !important; position:relative;}
#p7menubar li ul {z-index:100000 !important; position:relative;}
#content {}
#rightcol {}
#homeslideshow {}
#galleryslideshow {z-index:100}
.stepcarousel {}
	.belt {}
	.panel {}
	.panel img {}

/*#homestripe {position:absolute; width:100%; height:125px; background:#222; top:553px;}*/
/*#blackbox {position:absolute; width:100%; height:400px; background:url(images/bg-blackbox.gif) center 0 no-repeat; top:133px;}*/
	
#content {width:920px; padding:5px 5px 5px 5px; margin:0 auto; border:1px solid #444343; background:#000;}
	#leftcol {width:300px; float:left; background:transparent; margin-left:5px;}
		#title {padding:6px 15px 0; font:normal 13px "Trebuchet MS",trebuchet,verdana,sans-serif;}
		#intro h2 {padding:0 15px 3px 15px; margin:0;}
		#intro p {padding:0 15px 0 15px;}
		#leftcol p.intro {font:normal 14px/19px arial,verdana,helvetica,sans-serif;}
		#ltext {padding:6px 15px 12px 15px;}
			#ltext p {font-size:12px; line-height:17px; padding-bottom:20px;}
		/*#ltextsm {padding:6px 15px 12px 15px;}
			#ltextsm p {font-size:12px; line-height:17px; padding-bottom:20px;}*/
		#leftcol img {display:block; margin:15px auto 10px auto;}
		#leftcol p.caption {font-size:11px; line-height:14px; color:#999; padding:0 10px 0 15px;}
		
	
	#rightcol {float:right; width:600px; background:transparent; min-height:350px;}
		#homeslideshow {width:600px; height:400px; position:relative; z-index:100;}
		#homeslideshow img {display:block; margin:0;}
			div.viewgallery {position:absolute; right:10px; bottom:10px; z-index:100;}
			div.viewgallery a {display:block; padding:0 8px 0 35px; line-height:25px;}
		#rtext {padding:27px 10px 15px;}
		#rightcol p.intro {font:normal 14px/19px arial,verdana,helvetica,sans-serif;}
		p#bottominfo {font-weight:bold; padding:0 10px 5px 10px; text-align:right;}
		p#bottominfo span {padding:0 15px;}
		/* Gallery page styles */
		#galleryslideshow {margin-top:32px; border:0;}
		#galleryslideshow img {}
		.stepcarousel {z-index:10; position:relative; overflow:scroll; width:600px; height:400px;}
		.stepcarousel .belt {position:absolute; left:0; top:0;}
		.stepcarousel .panel {float:left; overflow:hidden; margin:0; width:600px;}
		#galleryslideshow div#moreinfo {position:absolute; right:15px; bottom:15px; z-index:100; font-size:12px !important; background:#222 url(images/arrowbtn.gif) no-repeat; border:1px solid #444343; text-decoration:none; color:#eee; height:25px; padding:0 8px 0 35px; line-height:25px;}
			#galleryslideshow div#moreinfo:hover {}
		/* tool tips */
		#demotip {display:none; background:url(images/bg-tooltip.png); font-size:12px; height:50px; width:560px; padding:10px 20px; color:#fff;	
		font:normal 12px arial,sans-serif;}
		.panel img {border:0; cursor:pointer;}
		ul#gallerylist {list-style:none; margin:8px 0 0 0; padding:0;}
		/* News page styles */
		div.newsbox {margin:2px 0 15px 0; border-bottom:0;}
		div.newsbox h3 {font:bold 15px arial,sans-serif; margin:0; padding:0 0 4px 0; color:#eee;}
		div.newsbox p {}
	
	/* Home page styles */
	#homebottom {padding-top:7px;}
		#homenews {width:300px; float:left; background:transparent; margin-left:5px; border-top:1px solid #444343; position:relative; padding-top:10px;}
			#homenews h3 {color:#eee; padding:0 0 3px 0; font:normal 16px "Trebuchet MS",trebuchet,verdana,sans-serif; position:absolute; top:-25px; left:15px;}
			#homenews p {font-size:11px; line-height:15px; color:#eee; padding:0 15px 7px 15px;}
			#homenews p#newstitle {color:#7F877B; font-weight:bold; font-size:14px;}
		#homepartners {float:right; width:600px; background:transparent; border-top:1px solid #444343;}
			a.pbox {display:block; height:115px; width:182px; float:left; text-decoration:none; padding:10px 8px 10px 10px;}
				a.pbox:hover {background:#BAB9B0;}
				a.pbox:hover h3, a.pbox:hover p {color:#000;}
				a.pbox img {display:block; margin:5px 10px 0 2px; float:left; border:1px solid #000;}
				a.pbox h3 {color:#7F877B; padding:2px 0 3px 0; font-size:12px; font-weight:bold;}
				a.pbox p {font-size:11px; line-height:13px; color:#eee; padding:0;}
			#homepartners p#info {font-weight:bold; padding:0 10px 5px 10px; text-align:right;}
			#homepartners p#info span {padding:0 15px;}


#footer {width:920px; padding:8px 5px; margin:0 auto;}
	#footer p {color:#444343; font-size:11px; padding:0 0 10px 0; line-height:15px;}
	#flogos {float:right; width:400px; padding-left:10px;}
		#flogos img {display:block; margin:0; float:right; border:0;}
		#flogos a {text-decoration:none;}
		#flogos a:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;}
	#ftext {float:left; width:auto; text-align:left;}
	
	a#fblink {width:16px; height:16px; display:block; float:left; margin-left:10px; text-decoration:none;}
		a#fblink:hover img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;}
	
	#footer a {color:#444343; text-decoration:underline;}
	#footer a:hover {color:#444343; text-decoration:none;}
	p#props, p#props a {color:#444343;}
	
	
/* ---- admin panel styles -------------------- */
#adminmenu {font-size:10px; margin:3px 3px 0 0; position:absolute; right:0px; top:80px; 
	border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:1000000;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}