* {margin:0;padding:0}
h1,h2,h3,h4,p {margin-bottom:1em}
ul{margin-left:5px}

/* mac hide \*/
html,body{ text-align: center; height:80%; }
/* end hide*/

body { background-image: url(../images/blue_bg.gif); background-repeat: repeat; width: 960px; margin: 0; }
html>body { width: 100%; min-width: 960px;}
td { }
#centerWrap { text-align: left; position: relative; left: 50%; width: 940px; overflow: hidden; min-width: 960px; margin-left: -480px; }
* html #centerWrap { text-align: left; position: relative; left: 0; width: 955px; margin-left: 0; }
/*row containers
*/
#header_container { background-image: url(../images/header_bg.gif); background-repeat: repeat-x; }
#row1_container { background-image: url(../images/sky.png); background-color: #eef2f5; background-repeat: no-repeat; background-position: center bottom; padding-top: 20px; }
#row2_container { background-image: url(../images/gray_bg.gif); background-repeat: repeat; padding-top: 20px; padding-bottom: 15px; border-top: 2px solid #fff; }
#row3_container { background-image: url(../images/blue_bg.gif); background-repeat: repeat; padding-top: 20px; border-top: 2px solid #fff; }
/*end row containers*/
/*menu
*/
#menuWrap { position: relative; background-color: #cdcdcd; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#menu { position:relative; left: 270px; height: 21px; }
#menu_item { float: left; border-left: 2px solid #fff; }
/*news*/
#date_container {  text-align: center; width: 2.2em; height: 2em; float: left; margin: 7px; }
#month { color: #fff; font-size: 10px; font-family: tahoma, arial, Helvetica, sans-serif; background: #2e5269 url(../images/2008/cal_top.gif) bottom left repeat-x; display: block; text-transform: uppercase; }
#day { color: #79a4bf; font-size: 16px; font-family: tahoma, arial; background-color: #fff; background: #e9e9e9 url(../images/2008/cal_bottom.gif) bottom left repeat-x; display: block; padding-bottom: 1px; }
#current_news { width: 236px; z-index: 99; float: left; margin-left: 20px; }
* html #current_news { width: 236px; z-index: 99; float: left; margin-left: 10px; }
#news_item { background: transparent url(../images/2008/news_bg.png) top left repeat-x; width: 236px; overflow: hidden; margin-bottom: 1px; }
#news_item_odd { background: transparent url(../images/2008/news_bg_dark.png) top left repeat-x; margin-bottom: 1px; width: 236px; overflow: hidden; }
#news { color: #5e88a3; font-size: 11px; font-family: tahoma, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 15px; margin: 5px 5px 7px 5px; }





/*intro*/
/*cols*/
#col1 { width: 400px; float: left; margin-left: 25px; }
* html #col1 { width: 400px; float: left; margin-left: 10px; }
#col2 { width: 400px; float: left; margin-left: 50px; }
#intro_box { width: 400px; z-index: 1; float: left; margin-left: 20px; }
#skyline { background-image: url(../images/skyline.gif); background-repeat: repeat-x; background-position: left 0; height: 86px; z-index: 1; position: relative;}
#lonely_box { position: relative; width: 600px; margin-left: 200px; }
#tiger_box { background-image: url(../images/tiger.png); background-repeat:none; position: absolute; width: 201px; height: 261px; z-index: 99; left: 50%; bottom: 0; margin-left: 225px; }
#client_header_box { position: relative; left: 50%; width: 400px; float: left; margin-left: -350px; }
#client_logo_box { background-color: #fff; text-align: center; position: relative; left: 50%; width: 250px; float: left; margin-left: 70px; padding: 15px 40px; border: solid 1px #b7c9d4; }
#portfolio_container { width: 600px; float: left; margin-bottom: 30px; margin-left: 25px; }
* html #portfolio_container { width: 600px; float: left; margin-bottom: 30px; margin-left: 10px; }
#portfolio_item { background-image: url(../images/recent_work.gif); background-repeat:no-repeat; width: 369px; height: 89px; float: left; margin-right: 5px; margin-bottom: 5px; padding:5px; }
#portfolio_item_container {  }
#portfolio_item_desc { width: 180px; float: left; }
#login_container { float: left; margin-left: 30px; margin-bottom: 30px; }
* html #login_container { float: left; margin-left: 10px; }
#contact_container { margin-left: 40px; float: left; }
#card_container { float: left; margin-left: 65px; margin-bottom: 30px;  }
* html #card_container { float: left; margin-left: 70px;  }


/*client detail items*/
#detail_portfolio_container { margin-bottom: 30px; margin-left: 25px; margin-right: 30px; width: 575px; float: left; }
* html #detail_portfolio_container { margin-bottom: 30px; margin-left: 10px;  margin-right: 25px; width: 575px; float: left; }
#detail_portfolio_item_container { background-color: #565656; background-image: url(../images/blog_bg.gif); background-repeat: repeat-x; overflow: hidden; margin-bottom: 10px; padding-top: 5px; padding-right: 5px; padding-left: 5px; border: solid 1px #fff; }
#detail_portfolio_item { background-image: url(../images/recent_work.gif); background-repeat: no-repeat; margin-right: 5px; margin-bottom: 5px; padding: 5px; width: 369px; height: 89px; float: left; }
#detail_portfolio_headline { height: 105px;}
#detail_portfolio_item_desc { padding-left:5px;width:370px;color: #fff; font-size: 11px; font-family: tahoma, arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 15px; }

/*page stuff */
#detail_portfolio_item_container h2.page_headline { color: #fff; font-size: 36px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 34px; text-align: center; margin-top: 15px; margin-bottom: 40px; display: block; }
#detail_portfolio_item_container h3 { color: #fff; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; margin: 0 0 0 250px; display: block; }
#detail_portfolio_item_container h4 { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin: 0; display: block; }
#detail_portfolio_item_container p { color: #c6c6c6; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; margin-right: 10px; margin-left: 250px; display: block; }
.page_box { color: #c6c6c6; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; width: 220px; float: left; margin-right: 25px; margin-left: 25px; display: block; }
.page_icon { float: left; margin-right: 10px; margin-bottom: 50px; display: block; }
.page_logo { float: left; clear: left; margin-left: 150px; }
#detail_portfolio_item_container h3.tag { font-size: 12px; text-align: center; position: relative; left: -75px; float: left; margin-top: 4px; margin-bottom: 5px; display: block; }

/*blog stuff*/
#blog_date_container { background-color: #fff; background-repeat: no-repeat; text-align: center; width: 2em; height: 2em; float: left; margin-top: 10px; margin-right: 5px; border: solid 1px #fff; }
#blog_month { color: #fff; font-size: 10px; font-family: tahoma, arial, Helvetica, sans-serif; background-color: #f78f1e; display: block; text-transform: uppercase;}
#blog_day { color: #225271; font-size: 16px; font-family: tahoma, arial; background-color: #fff; display: block; }
#badge { position: relative; top: 1px; right: 1px; float: right; }
#blog_container { position: relative; left: 20px; width: 600px; float: left; }

#post_container { background-color: #565656; background-image: url(../images/blog_bg.gif); background-repeat: repeat-x; margin-bottom: 10px; padding-right: 20px; padding-left: 20px; border: solid 1px #fff; }
#post_header {  }
#post_footer { background-color: #444; font-size: 10px; font-family: tahoma, arial, Helvetica, Geneva, SunSans-Regular, sans-serif; padding-top: 2px; padding-bottom: 3px; padding-left: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }

#post_container p,#post_container p.blog_entry { color: #ececec; font-size: 13px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; margin: 15px 0px 15px 0px; }
#post_container h4 { color: #fff; font-size: 15px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; margin: 0; }
#post_container ul li {color: #ececec;}

#post_container p A:link, #post_container p A:visited { color: #fff; font-weight:bold; }
#xpost_container p A:hover, #xpost_container p A:active { color: #ccc; }


.blog_entry A:link, .blog_entry A:visited { color: #fff; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 16px; font-weight:bold; }


#post_footer a:link, #post_footer a:visited { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #fff; }
#post_footer a:hover, #post_footer a:active { color: #ccc; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #ccc; }

/*Client list*/
#client_list { margin-left: 95px;  margin-bottom: 30px; float: left; }
* html #client_list { margin-left: 100px;  margin-bottom: 30px; float: left; }
#client_list ul { font-weight: normal; background-repeat: no-repeat; text-decoration: none; position: relative; left: -40px; list-style-type: none; }
#client_list li a:link, #client_list li a:visited { background: transparent url(../images/2008/list_bg.png) top right no-repeat; color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; text-align: right; width: 190px; text-decoration: none; margin-top: 1px; margin-bottom: 2px; padding-top: 4px; padding-right: 25px; padding-bottom: 3px; display: block; }
* html #client_list li a:link, * html #client_list li a:visited {  background: transparent url(../images/2008/list_bg.png) top right no-repeat; color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; text-align: right; width: 215px;  text-decoration: none; margin-top: 1px; margin-bottom: 2px; padding-top: 3px; padding-right: 25px; padding-bottom: 3px; display: block; }
#client_list li a:hover, #client_list li a:active { background: transparent url(../images/2008/list_bg_hover.png) top right no-repeat; color: #fff; font-weight: normal;  text-decoration: none; margin-top: 1px; margin-bottom: 2px; }


/*end Client list*/
#login_container ul { font-weight: normal; background-repeat: no-repeat; text-decoration: none; position: relative; list-style-type: none; }
#login_container li a:link, #login_container li a:visited { font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; color: #fff; font-weight: normal; background-color: #79a4bf; background-image: url(../images/list_arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin-top: 1px; margin-bottom: 1px; padding-top: 3px; padding-right: 25px; padding-bottom: 3px; display: block; width: 185px; text-align: right; }
* html #login_container li a:link, * html #login_container li a:visited { font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; color: #fff; font-weight: normal; background-color: #79a4bf; background-image: url(../images/list_arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin-top: 1px; margin-bottom: 1px; padding-top: 3px; padding-right: 25px; padding-bottom: 3px; display: block; width: 210px; text-align: right; }
#login_container li a:hover, #login_container li a:active { color: #fff; font-weight: normal; background-color: #5d8fae; background-image: url(../images/list_arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin-top: 1px; margin-bottom: 1px; }
.contact_labels { color: #79a4bf; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
.contact_form { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #79a4bf; width: 200px; border: solid 1px; }
.login_form { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #79a4bf; width: 140px; border: solid 1px; }
.submit_button { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #79a4bf; border: solid 1px; }
xdiv { border: solid 1px #000; }
/*text formatting*/
.desc {color: #fff; font-size: 11px; font-family: tahoma, arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 15px; }
.headline { color: #b7c9d4; font-size: 25px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 22px; padding-top:1px; }
.detail_headline { color: #ff9c00; font-size: 18px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin-left: 50px; padding-top: 10px; }
.intro_text { color: #c85401; font-size: 12px; font-family: tahoma, "Trebuchet MS", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; position: relative; bottom: 15px; }
.underline { background-image: url(../images/dotted_bg.gif); background-repeat: repeat-x; background-position: 0 bottom; }
#row1_container a:link, #row1_container a:visited { color: #2f6899; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #2f6899; }
#row1_container a:hover, #row1_container a:active { color: #113c60; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #113c60; }
#portfolio_item_desc a:link, #portfolio_item_desc a:visited, #detail_portfolio_headline a:link, #detail_portfolio_headline a:visited { color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #fff; }
#portfolio_item_desc a:hover, #portfolio_item_desc a:active, #detail_portfolio_headline a:hover, #detail_portfolio_headline a:active { color: #dadada; font-weight: bold; text-decoration: none; border-bottom: 1px dashed #dadada; }


#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	




#web_design_container { background-color: #e68b3b; background-image: url(../images/orange-gradient.gif); background-repeat: repeat-x; background-position: 0 top; margin-bottom: 15px; border: solid 4px #fff; }
#web_design { background-image: url(../images/pixel-globe.png); background-repeat: no-repeat; position: relative; border: solid 1px #fff; }
.services_text { color: #fff; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 18px; }