@charset "utf-8";
/* CSS Document */

html, body {
 	margin: 0;
}
 
/* Set medium text size smaller */
body {
	font-size: 85%;
	background-color: rgb(34,34,34);
}

#page-w {
	width: 930px;
	position: relative;
	margin: 0 auto;
	z-index: 5;
}

/* outer page wrapper */
#outer-w {
	width: 100%;
	position: relative;
	margin: 0;
	z-index: 10;
}

/* header area */
#header {
	width: 100%;
	height: 55px;
	position: relative;
	margin: 0;
	z-index: 15;
}

#logo {
	width: 292px;
	height: 28px;
	position: absolute;
	left: 60px;
	top: 20px;
	z-index: 30;
}

/* content area */
#inner-w {
	width: 923px;
	height: auto;
	position: relative;
	left: 0;
	margin: 10px 0 0 0;
	z-index: 10;
	background-color: #333;
}

#content {
	z-index: 15;
}

/*Homepage Content*/
.homelogo {
	width: 515px;
	position: absolute;
	left: 30px;
	top: 35px;
	z-index: 20;
}

.homelogo h3 {
	color: #262626;
	width: 100px;
	padding-left: 220px;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
}

/*Homepage slideshow*/
#slideshow {
    position:relative;
    height:534px;
    width: 490px;
    margin-left: 433px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.contactright {
	margin: 0 30px 10px 560px;
	padding-top: 130px;
}

.contactright p, .contactright a, .contactright h4 {
	color: #333333;
}

/*Portfolio Content*/
#image_wrap {
	width: 433px;
	height: 534px;
}

#contentr {
	width: 480px;
	float: right;
	margin-right: 4px;
	_margin-right: 0; /*IE6 Fix*/
}

#contentr p {
	margin-left: 15px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 440px;
	height:135px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px 5px 0px 0px;
	cursor:pointer;
	width:105px;
	height:130px;
}

/* active item 
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}*/

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:18px;
	height:32px;
	float:left;
	margin:55px 10px;
	cursor:pointer;
	font-size:1px;
}

a.right {
	background:url(../images/next.jpg) no-repeat;
}

a.left {
	background:url(../images/prev.jpg) no-repeat;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.managepicturecontainer {
	color: white;
}

/*End Portfolio Area */


#contentl {
	float: left;
	width: 380px;
	margin: 0 0 0 10px;
}

#contentl p {
	margin-top: 0;
	padding-top: 0;
}

#fullcontent {
	margin: 10px 20px;
	z-index: 15;
}

.clear {
	clear: both;
}

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

.thumbs li {
	height: 150px;
	width: 150px;
}

.roundedCorners{
width: 100%;
background-color: #222;
border:5px solid #000;

/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


/* footer area */
#footer {
	width: 100%;
	height: auto;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: .9em;
	text-align: center;
	z-index: 50;
}

#footcopy {
	width: 100%;
	position: relative;
	bottom: 0;
	left: 0;
	font-size: .95em;
}

#footer p, #footer a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* hidden areas */
#header h1, #header h2, .hidden, #nav h3, .homelogo h1 {
	display: none;
}

/*gets rid of dotted line outline on links in firefox*/
a:focus { -moz-outline-style: none; }

/*gets rid of blue line around images*/
img { border-style: none;}

/* Text Style */
h1,h2,h3,h4,h5,h6, p, table, li, a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: white;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}	

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

p, table, li, a {
	font-size: 1em;
}

a:hover {
	color: #666;
}

.notop {
	margin-top: 0;
}

/*Client list*/
.lscl {
	color: #e7decc;
	text-align: center;
}

.pcl {
	color: #c59e9e;
	text-align: center;
}

.fcl {
	color: #e8dfcd;
	text-align: center;
}

.acl {
	color: #d8e5f5;
	text-align: center;
}

/* Hide field for spam protection */		
#LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

/* navigation area */

#nav {
	width: 800px;
	height: 20px;
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	z-index: 25;
}
 
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
 
#nav ul li {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style: none;
	position: relative;
	display: inline;
	font-weight: normal;
	font-size: 14px;
	padding: 2px 4px;
}
 
#nav ul li a {
	text-decoration: none;
	color: white;
	margin: 0;
	padding: 3px 7px;
}

#nav a:hover, #nav li.active a {
	color: white;
	background-color: rgb(210,35,42);
}
	
#nav ul li ul {
	position: absolute;
	left: 4px; /* Set 1px less than menu width */
	top:26px;
	line-height: 21px;
}


/* commented backslash \*/ 
* html ul li a {height:1%}
/* end hack */ 

/* hovered lists */
#nav li a, #nav li.over a {
	color: white;
}

#nav li li a:hover, #nav li.over li a:hover {
	color: #CCC;
	background-color: rgb(210,35,42);
}

#nav ul li ul li {
	padding: 0;
}

/* set dropdown */
#nav li li a, #nav li.over li a {
	color: white;
	text-align: left;
	font-weight: normal;
	display: block;
	width: 54px;
	margin-bottom: 5px;
	background-color: rgb(210,35,42);
}

#nav li li.last a {
	border: none;
}

#nav li ul li a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
} /* Sub Menu Styles */

#nav li ul, #nav li.over ul { 
	display: block; 
} /* The pop */

#myajaxmenu {
	position: absolute;
	top:1px;
	right: 0px;
	display: block;
	z-index: 1000;
}

/*ceebox*/
/* CeeBox CSS Document */
/* Minor change made for 2.0.6 */
/* Works with 2.0.4 and up */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for ceebox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* *{padding: 0; margin: 0;}/*
html,body{height:100%;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_closeBtn 		{ background-image: url(../images/cee-close-btn.png); }
#cee_next 			{ background-image: url(../images/cee-next-btn.png); }
#cee_prev 			{ background-image: url(../images/cee-prev-btn.png); }
* html #cee_next 	{ background-image: url(../images/cee-next-btn.gif); } /* IE6 hack */
* html #cee_prev 	{ background-image: url(../images/cee-prev-btn.gif); } /* IE6 hack */
#cee_load 			{ background-image: url(../images/loader.gif);}
/* ceebox border width controled as option in jquery.ceebox.js */
/* colors for ceebox background and border can also be set as option in jquery.ceebox.js  */
#cee_box			{background-color: #fff;border-color:#525252;border-style: solid; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

/* ---------->>> ceebox specific css minimized <<<-----------------------------------------------------------*/
#cee_box{font:12px Arial,Helvetica,sans-serif;color:#333;background-color:#fff}#cee_count{font:10px Arial,Helvetica,sans-serif;-moz-opacity:0.8;opacity:0.8;clear:left;float:left;padding:2px 0 4px}.cee_html #cee_title h2{float:left}.cee_html #cee_count{clear:none;padding-left:5px}* html #cee_count{zoom:1;padding-bottom:6px}#cee_next,#cee_prev{height:100%;width:49%;text-indent:-10000px;text-decoration:none;visibility:visible;background-repeat:no-repeat}#cee_box a{border:0;outline:none}#cee_box a:link{color:#666}#cee_box a:visited{color:#666}#cee_box a:hover{color:#000}#cee_box a:active{color:#666}#cee_box a:focus{color:#666}#cee_closeBtn{background-repeat:no-repeat;display:box;width:24px;height:23px;position:absolute;text-indent:-10000px} #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn,#ie8#hack{top:-10px;right:-10px}*:first-child+html #cee_closeBtn{top:-3px;right:-3px} * html #cee_closeBtn{top:-3px;right:-3px}#cee_closeBtn:hover{background-position:0px -23px}.cee_close{cursor:pointer}#cee_box{text-align:left;color:#000}#cee_box img#cee_img,#cee_vid,#cee_iframeContent,#cee_ajax{display:block;margin:15px 15px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666}#cee_title{padding:7px 15px 5px 15px;overflow:hidden}.cee_html #cee_title{background-color:#e8e8e8;height:18px;-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0}#cee_title h2{font-size:1em;font-weight:400;margin:0 0 1px}#cee_ajax{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}#cee_load{display:none;height:50px;width:50px;margin:-25px 0 0 -25px;background-position:center center;background-repeat:no-repeat}#cee_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}* html #cee_HideSelect{ position:absolute; height:expression(document.body.scrollHeight >document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px')}#cee_iframe{clear:both;border:none;margin-bottom:-1px;margin-top:1px}