port/****************************************************

	Project: Vim Interactive, LLC - http://viminteractive.com
	File: default.css
	Creator: VIM Interactive, LLC
	Copyright: (c) 2010 - VIM Interactive, LLC
	
****************************************************/

/*****************************
	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 {
	background:#000 url('../images/bg_body.jpg') no-repeat 50% 0;
	background-attachment:fixed;
	font:12px normal Arial,sans-serif;
	color:#aaa;
	line-height: 1.6em;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h2,h3,h4,h5,h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h2 {
	color: #79583c;
	font-weight:normal;
	font-size:16px;
	margin:30px 0 15px 0;
}
a {
	color:#057fcd;
}
p {
	margin:15px 0;
}
.clear {
	clear:both;
}
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}

/*****************************
	Clear Fix - add to parent element to clear children
*****************************/

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*****************************
	Layout
*****************************/

#wrapper {
	margin: auto;
	width:950px;
	background:#000;
}
#header {
	height:126px;
	background:url('../images/bg_header.jpg') no-repeat;
	position:relative;
}
#location {
	position:absolute;
	right:28px;
	top:15px;
	margin:0;
}
#location span {
	color: #660000;
	font-weight: bold;
}
#nav_wrapper {
	background:url('../images/bg_nav.jpg') repeat-x;
	height: 27px;
}
#main_nav {
	margin-left:25px;
}
#main_nav li {
	float:left;
	display:inline;
	
}
#main_nav li a {
	display:block;
	padding:4px 30px;
	color: #999;
	text-decoration:none;
	font-size:13px;
	text-transform: uppercase;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#main_nav li a:hover {
	background:url('../images/bg_nav_hover.jpg') repeat-x;
}
#main_nav .active {
	background:url('../images/bg_nav_hover.jpg') repeat-x;
}
#page_headers {
	border-bottom: 1px solid #333;
}
#page_headers h1 {
	font-size:34px;
}
#phcol1 {
	margin:40px 0 10px 25px;
	width:610px;
}
#phcol2 {
	margin:40px 25px 10px 0;
}
#content {
	background:#000 url('../images/bg_content.jpg') no-repeat;
}
#col1 {
	width: 500px;
	margin:0 0 25px 25px;
	border-right: 1px solid #333;
	padding-right:45px;
}
#col2 {
	width: 290px;
	margin: 0 25px 25px 0;
}
#lcol1 {
	margin:0 25px 0 25px;
}
#port_1 a {
	background:url('../images/pic_portfolio_01.jpg') no-repeat 0 0;
}
#port_1 a:hover {
	background-position:0 -117px;
}
#port_2 a {
	background:url('../images/pic_portfolio_02.jpg') no-repeat 0 0;
}
#port_2 a:hover {
	background-position:0 -117px;
}
#port_3 a {
	background:url('../images/pic_portfolio_03.jpg') no-repeat 0 0;
}
#port_3 a:hover {
	background-position:0 -117px;
}
#port_4 a {
	background:url('../images/pic_portfolio_04.jpg') no-repeat 0 0;
}
#port_4 a:hover {
	background-position:0 -117px;
}
#port_5 a {
	background:url('../images/pic_portfolio_05.jpg') no-repeat 0 0;
}
#port_5 a:hover {
	background-position:0 -117px;
}
#port_6 a {
	background:url('../images/pic_portfolio_06.jpg') no-repeat 0 0;
}
#port_6 a:hover {
	background-position:0 -117px;
}
#port_7 a {
	background:url('../images/pic_portfolio_07.jpg') no-repeat 0 0;
}
#port_7 a:hover {
	background-position:0 -117px;
}
#port_8 a {
	background:url('../images/pic_portfolio_08.jpg') no-repeat 0 0;
}
#port_8 a:hover {
	background-position:0 -117px;
}
#port_9 a {
	background:url('../images/pic_portfolio_09.jpg') no-repeat 0 0;
}
#port_9 a:hover {
	background-position:0 -117px;
}
#port_10 a {
	background:url('../images/pic_portfolio_10.jpg') no-repeat 0 0;
}
#port_10 a:hover {
	background-position:0 -117px;
}
#port_11 a {
	background:url('../images/pic_portfolio_11.jpg') no-repeat 0 0;
}
#port_11 a:hover {
	background-position:0 -117px;
}
#port_12 a {
	background:url('../images/pic_portfolio_12.jpg') no-repeat 0 0;
}
#port_12 a:hover {
	background-position:0 -117px;
}
#port_13 a {
	background:url('../images/pic_portfolio_13.jpg') no-repeat 0 0;
}
#port_13 a:hover {
	background-position:0 -117px;
}
#port_14 a {
	background:url('../images/pic_portfolio_14.jpg') no-repeat 0 0;
}
#port_14 a:hover {
	background-position:0 -117px;
}
#port_15 a {
	background:url('../images/pic_portfolio_15.jpg') no-repeat 0 0;
}
#port_15 a:hover {
	background-position:0 -117px;
}
#port_16 a {
	background:url('../images/pic_portfolio_16.jpg') no-repeat 0 0;
}
#port_16 a:hover {
	background-position:0 -117px;
}
#port_17 a {
	background:url('../images/pic_portfolio_17.jpg') no-repeat 0 0;
}
#port_17 a:hover {
	background-position:0 -117px;
}
#port_18 a {
	background:url('../images/pic_portfolio_18.jpg') no-repeat 0 0;
}
#port_18 a:hover {
	background-position:0 -117px;
}
#port_19 a {
	background:url('../images/pic_portfolio_19.jpg') no-repeat 0 0;
}
#port_19 a:hover {
	background-position:0 -117px;
}
#port_20 a {
	background:url('../images/pic_portfolio_20.jpg') no-repeat 0 0;
}
#port_20 a:hover {
	background-position:0 -117px;
}
#port_21 a {
	background:url('../images/pic_portfolio_21.jpg') no-repeat 0 0;
}
#port_21 a:hover {
	background-position:0 -117px;
}
.port_pic a{
	display:block;
	width:272px;
	height:117px;
	text-indent: -9999px;
	float:left;
	margin: 20px;
}
.client_art a {
	display:block;
	width: 252px;
	height: 160px;
	text-indent:-9999px;
	float:left;
	margin:0 45px 40px 0;
}
#client_1 a {
	background:url('../images/pic_clients_01.jpg') no-repeat 0 0;
}
#client_1 a:hover {
	background-position:0 -160px;
}
#client_2 a {
	background:url('../images/pic_clients_02.jpg') no-repeat 0 0;
}
#client_2 a:hover {
	background-position:0 -160px;
}
#client_3 a {
	background:url('../images/pic_clients_03.jpg') no-repeat 0 0;
}
#client_3 a:hover {
	background-position:0 -160px;
}
#client_4 a {
	background:url('../images/pic_clients_04.jpg') no-repeat 0 0;
}
#client_4 a:hover {
	background-position:0 -160px;
}
#client_5 a {
	background:url('../images/pic_clients_05.jpg') no-repeat 0 0;
}
#client_5 a:hover {
	background-position:0 -160px;
}
#client_6 a {
	background:url('../images/pic_clients_06.jpg') no-repeat 0 0;
}
#client_6 a:hover {
	background-position:0 -160px;
}
#client_7 a {
	background:url('../images/pic_clients_07.jpg') no-repeat 0 0;
}
#client_7 a:hover {
	background-position:0 -160px;
}
#client_8 a {
	background:url('../images/pic_clients_08.jpg') no-repeat 0 0;
}
#client_8 a:hover {
	background-position:0 -160px;
}
.viz_pic a {
	display:block;
	width: 428px;
	height: 108px;
	text-indent:-9999px;
	float:left;
	margin:0 45px 10px 0;
}
#viz_1 a {
	background:url('../images/pic_viz_01.jpg') no-repeat 0 0;
}
#viz_1 a:hover {
	background-position:0 -108px;
}
#viz_2 a {
	background:url('../images/pic_viz_02.jpg') no-repeat 0 0;
}
#viz_2 a:hover {
	background-position:0 -108px;
}
#viz_3 a {
	background:url('../images/pic_viz_03.jpg') no-repeat 0 0;
}
#viz_3 a:hover {
	background-position:0 -108px;
}
#viz_4 a {
	background:url('../images/pic_viz_04.jpg') no-repeat 0 0;
}
#viz_4 a:hover {
	background-position:0 -108px;
}
#viz_5 a {
	background:url('../images/pic_viz_05.jpg') no-repeat 0 0;
}
#viz_5 a:hover {
	background-position:0 -108px;
}
.arrow_div {
	margin:15px 0 15px -25px;
	background:url('../images/icon_arrow.gif') no-repeat 0 0;
	padding-left:25px;
}
.arrow_div p {
	margin:2px 0;
}
.arrow_div em {
	color: #fff;
	font-size:14px;
}
.event_hp {
	margin:15px 0 15px -25px;
	background:url('../images/icon_arrow.gif') no-repeat 0 50%;
	padding-left:25px;
}
.event_hp p {
	margin:2px 0;
}
.event_hp em {
	color: #fff;
	font-size:14px;
}
.bottom_line {
	padding-bottom:30px;
	border-bottom: 1px solid #333;
}
#portfolio_header {
	padding-bottom:25px;
	border-bottom: 1px solid #333;
	margin-bottom:30px;
}
#footer {
	background:url('../images/bg_footer.jpg') no-repeat 0 0;
	clear:both;
	margin-bottom:40px;
	border-top:1px solid #333;
}
#footer h1 {
	color:#666;
	font-weight: normal;
}
#footer a {
	color: #aaa;
}
#footer p {
	margin:5px 0;
}
#footer ul {
	margin: 10px 0;
}
#footer .red {
	color:#660000;
	font-size:13px;
}
#footer li {
	padding-left:12px;
	background:url('../images/bg_li.jpg') no-repeat 0 50%;
}
#footer li a {
	color: #aaa;
	text-decoration:none;
}
#btn_footer {
	background:#4a5777;
	padding:3px 4px;
	border: 1px solid #111;
	color: #fff;
	font-weight: bold;
}
#fcol1 {
	margin: 25px 0 0 25px;
	width:308px;
}
#fcol2 {
	margin: 25px 0 0 0;
	width: 354px;
}
#fcol3 {
	margin: 25px 25px 0 0;
}
#fcol4 {
	padding-top:70px;
	text-align:center;
}
.extra_padding {
	padding:0 25px;
}