/* Imported Stylesheets */
@import "fancybox.css";

/* CSS 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;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Unique CSS */

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0px auto;
	padding: 0px; 
	font-family: Tahoma, Arial, Helvetica;
	color: #333333;
	text-align: center;
	background: #FFFFFF url(../images/bg_body.jpg) repeat-x;
}

#container {
	width: 956px;
	border: 0px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	background: #FFFFFF url(../images/bg_container.jpg) top left no-repeat;
	min-height: 500px;
}

#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 956px;
	height: 117px;
	text-align: left;
}

/* topnav styles */
#nav1 {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 956px;
	height: 84px;
	background: #2E5D8C url(../images/bg_nav1.jpg) no-repeat;
}

#nav1 a span, .hide {display:none}

#nav1 ul {width:956px; padding:0; margin:0; list-style-type:none}
#nav1 ul li {float:left; padding:0; margin:0; list-style-type:none}
#nav1 ul li a {display:block; height:84px; border:none}

#nav1 ul li.home a {background:url(../images/topnav_home.jpg) 100% 0;width:268px}
#nav1 ul li.home a:hover {background:url(../images/topnav_home.jpg) 100% -84px}

#nav1 ul li.company a {background:url(../images/topnav_company.jpg) 100% 0;width:170px}
#nav1 ul li.company a:hover {background:url(../images/topnav_company.jpg) 100% -84px}

#nav1 ul li.services a {background:url(../images/topnav_services.jpg) 100% 0;width:171px}
#nav1 ul li.services a:hover {background:url(../images/topnav_services.jpg) 100% -84px}

#nav1 ul li.portfolio a {background:url(../images/topnav_portfolio.jpg) 100% 0;width:170px}
#nav1 ul li.portfolio a:hover {background:url(../images/topnav_portfolio.jpg) 100% -84px}

#nav1 ul li.contact a {background:url(../images/topnav_contact.jpg) 100% 0;width:177px}
#nav1 ul li.contact a:hover {background:url(../images/topnav_contact.jpg) 100% -84px}

#nav1 ul li a.current {background-position:100% -168px}
#nav1 ul li a:hover {text-decoration:none;background:transparent}
#nav1 ul li a.current:hover {background-position:100% -168px}

#nav2_container {
	position: absolute;
	left: 0px;
	top: 84px;
	margin: 0px;
	padding: 0px;
	width: 956px;
	height: 35px;
	background: #343434 url(../images/bg_nav2.jpg) no-repeat;
}

.nav2 {padding:0 0 0 25px; margin:0; list-style:none; height:31px; position:relative;}
.nav2 li {float:left;}
.nav2 li a {display:block; float:left; height:35px; line-height:31px; color:#aaa; border-bottom:0px; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.nav2 li a span {float:left; display:block; padding:4px 16px 0 8px;}
.nav2 li.current a {color:#D05104; background:url(../images/nav2_current.gif);}
.nav2 li.current a span {background:url(../images/nav2_current.gif) no-repeat right top;}
.nav2 li a:hover {color:#fff; background:#343434 url(../images/nav2_hover.gif);}
.nav2 li a:hover span {background:url(../images/nav2_hover.gif) no-repeat right top;}
.nav2 li.current a:hover {color:#D05104; background:#343434 url(../images/nav2_current.gif);}
.nav2 li.current a:hover span {background:url(../images/nav2_current.gif) no-repeat right top;}

/* content area IDs */
#breadcrumb {
	margin: 25px 28px 25px 28px;
	font-size: 12px;
}

#rightcolumn { 
	float: right;
	width: 203px;
	padding: 0px 28px 0px 0px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:175px;
	font-size: 13px;
	line-height: 18px;
	min-height: 300px;
}

html>body #rightcolumn {
  width:175px;
} 

#content {
	float:left;
	width:753px;
	padding: 0px 25px 0px 28px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:700px;
	text-align: left;
	font-size: 13px;
	line-height: 18px;
	min-height: 300px;
}

html>body #content {
  width:700px;
}

#content_home {
	text-align: center;
	margin: 25px 0px 25px 0px;
}

/* Services */


/* Portfolio */
#portfolio_block {
	position: relative;
	padding-bottom: 20px;
	width: 700px;
	height: 265px;
	background-color: #333333;
}

#portfolio_block .new {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 85px;
}

#portfolio_block .logo {
	position: absolute;
	top: 95px;
	left: 42px;
	width: 220px;
	height: 120px;
}

#portfolio_block .screenshot {
	position: absolute;
	top: 38px;
	left: 270px;
	width: 160px;
	height: 227px;
}

#portfolio_block .screenshot a{
	border-bottom: 0px;
}

#portfolio_block .content {
	position: absolute;
	top: 15px;
	left: 470px;
	width: 215px;
	height: 230px;
}

#portfolio_block .content h2 {
	font-size: 23px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
	line-height: 25px;
}

#portfolio_block .content p {
	color:#FFFFFF;
	margin-bottom: 10px;
}



#portfolio_right {
	float: right;
	width: 530px;
	border-left: 1px solid #efefef;
	padding-left: 9px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:520px;
	text-align: left;
}

#portfolio_left {
	float: left;
	width: 150px;
	text-align: left;
}

#portfolio_left p {
	color:#666666;
	font-size: 12px;
	line-height: 17px;
	font-style: italic;
}

#toggle {
	position:relative;
	width: 520px;
	height: 325px;
}

#toggle a {
	border-bottom: 0px;
}

.largeImgBlock {
	position: absolute;
	top: 28px;
	left: 100px;
	width: 414px;
}

#largeImg {
	border: solid 1px #ccc;
	width: 414px;
	padding: 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 402px;
	height: 280px;
}

html>body #largeImg {
  width:402px;
} 

.thumbs {
	position: absolute;
	top: 28px;
	left: 0px;
	width: 90px;
}

.thumbs img {
	border: solid 1px #ccc;
	width: 90px;
	padding: 5px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 78px;
	height: 80px;
	margin-bottom: 5px;
}

html>body .thumbs img {
	width:78px;
} 

.thumbs img:hover {
	border-color: #FF9900;
}

.collapsable {
	position: relative;
	clear: both;
	display: block;
}

.collapsed {
	position: relative;
	clear: both;
	display: none;
}

/* Portfolio */

.news_slider .fl {
	float: left; display: inline;
}

.news_slider .fl a {
	font-weight: bold;
}

.news_slider img {
	border: 0; display: block;
}
.news_slider {
	position: relative; width: 700px; margin: 0 auto 20px auto; text-align: left;
}
.news_slider .messaging {
	display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;
}
.news_slider .prev, .news_slider .next {
	position: absolute; top: 55%; display: none; border: 0px;
}

.news_slider .next {
	right: 0;
}
.news_slider .container {
	position: relative; top: 0; left: 0; width: 100%; background: #eeeeed;
}
.news_slider .news_items {
    /*
        The width must be equal to .item ((width + margin-right) * 2).
    */
	position: relative; width: 660px; top: 0; left: 20px; overflow: hidden;
}
.news_slider .view_all {
	font-size: 13px; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: left;
}
.news_slider .item {
    /*
        Must contain a width and a margin-right.
    */
	width: 320px; margin-right: 10px;
}
.news_slider .item div {
	font-size: 13px; line-height: 17px; width: 190px; padding: 10px 0 10px 0;
}
.news_slider .item img {
	padding: 10px;
}

* html .nav_portfolio {
	height: 500px;
} 

.nav_portfolio h3.category-name {
	background: #336699 url("../images/rounded.gif") no-repeat left;
	font-size: 12px;
	height: 32px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	position: relative;
	cursor: auto;
	cursor: pointer;
	clear: left;
	/*line-height: 34px;[]*/
	line-height: 32px;
}

.nav_portfolio h3.category-name a, .nav_portfolio h2.category-name a:visited {
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	width: 16px;
	height: 16px;
	border-bottom: 0px;
}

.nav_portfolio h3.category-name a img {
	display: block;
}

.nav_portfolio h3.category-name span {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 5px;
	height: 32px;
	background: url("../images/rounded2.gif") no-repeat;
}

* html .nav_portfolio h3.category-name span {
	right: -1px;
}

.nav_portfolio .cell {
	float: left;
	width: 160px;
	padding: 0 0 15px 15px;
	background-color: #EDF3F8;
}

.nav_portfolio p {
	margin: 0;
	padding: 0 7px 0 0;
	font-size: 11px;
}

.nav_portfolio .col {
	padding-bottom: 15px;
	display: table;
	min-height: 50px;
}

* html .nav_portfolio .col {
	height: 50px;
}

.nav_portfolio .cell a, .nav_portfolio .cell strong, .nav_portfolio .public-cell strong {
	font-size: 13px;
	font-weight: bold;
}

.nav_portfolio .cell a.new, .nav_portfolio .public-cell strong.new {
	padding-right: 14px;
	background: url("../images/icon_new.gif") no-repeat right;
}

.nav_portfolio .thumb {
	display: none;
}

.nav_portfolio h3.category-name {
	margin: 15px 0 0 0;
}

.nav_portfolio .col {
	border-top: 3px solid #336699;
	background: url("../images/borders.gif") repeat-y left;
	position: relative;
	top: -4px;
	padding: 0 0 0 0;
}

.nav_portfolio .cell, .nav_portfolio .public-cell {
	width: 175px;
	padding: 4px 18px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 135px;
	float: none;
	margin: 0 2px;
	border-top: 1px solid #EDF3F8;
	border-bottom: 1px solid #EDF3F8;
}

html>body .nav_portfolio .cell, html>body .nav_portfolio .public-cell {
  width:135px;
} 

.nav_portfolio .public-cell {
	background: #FFFFFF;
	color: #D05104;
	border-top: 1px solid #D05104;
	border-bottom: 1px solid #D05104;
}

* html .nav_portfolio .cell, * html .nav_portfolio .public-cell {
	width: 175px;
}

.nav_portfolio .public-cell * {
	color: #D05104;
}


.nav_portfolio .rounded-corners {
	background: url("../images/rounded3.gif") no-repeat bottom left;
	height: 7px;
	width: 175px;
}

#footer_container {
	width: 100%;
	height: 150px;
	text-align: center;
	clear:both;
}

#footer {
	position: relative;
	width: 956px;
	height: 125px;
	margin: 0px auto;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	background: url(../images/bg_footer.jpg) no-repeat;
}

/* content area styles */
#content h2 {
	font-size: 16px;
	color: #D05104;
	margin-bottom: 5px;
}

#content p.introtext {
	font-size: 17px;
	line-height: 21px;
	color: #D05104;
}

#content p {
	margin-bottom: 12px;
}

#content ul {
	list-style-type:none;
	margin-bottom: 12px;
}

#content ul li {
	background:url(../images/bullet.gif) no-repeat 0px 3px;
	padding: 0px 20px 5px 20px;
}

#content a.pdf {
	background: url(../images/file-red.gif) no-repeat;
	padding-left: 16px;
}
#content a.zip {
	background: url(../images/file-orange.gif) no-repeat;
	padding-left: 16px;
}
#content a.psd {
	background: url(../images/file-blue.gif) no-repeat;
	padding-left: 16px;
}
#content a.external {
	background: url(../images/window.gif) no-repeat;
	padding-left: 16px;
}

a.more {
	background: url(../images/icon_more.gif) no-repeat right;
	padding-right: 16px;
	white-space: nowrap;
}

/* footer styles */
#footer .logo {
	position: absolute;
	top: 62px;
	left: 25px;
	width: 141px;
	height: 51px;
}

#footer .copy {
	position: absolute;
	top: 40px;
	left: 200px;
	width: 528px;
	height: 80px;
}

#footer .copy p {
	margin-bottom: 5px;
}

#footer .valid {
	position: absolute;
	top: 93px;
	right: 20px;
	width: 170px;
	height: 15px;
}

#footer .valid img {
	margin-right: 5px;
}

/* link styles 
a:link {text-decoration:none; color:#006699;}
a:visited {text-decoration:none; color:#006699;}
a:hover {text-decoration:underline; color:#FF6600;}
a:active {text-decoration:none; color:#FF6600;}*/

/*** link styles ***/
a:link {text-decoration:none; border-bottom:1px dotted #006699; color:#006699;}
a:visited {text-decoration:none; border-bottom:1px dotted #006699; color:#006699;}
a:hover {text-decoration:none; border-bottom:1px dotted #FF6600; color:#FF6600;}
a:active {text-decoration:none; border-bottom:1px dotted #FF6600; color:#FF6600;}

#portfolio_block a:link {text-decoration:none; border-bottom:1px dotted #ffffff; color:#ffffff;}
#portfolio_block a:visited {text-decoration:none; border-bottom:1px dotted #ffffff; color:#ffffff;}
#portfolio_block a:hover {text-decoration:none; border-bottom:1px dotted #FF6600; color:#FF6600;}
#portfolio_block a:active {text-decoration:none; border-bottom:1px dotted #FF6600; color:#FF6600;}