@import url(reset.css);

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

html {
  overflow: scroll;
}



body { 
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	color:#978981;
}

p {
	padding-bottom:12px;
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	color:#978981;
}

.footer {
	font-size:0.75em;
}


h2 {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:1.4em;
	color:#EE2C74;
	font-weight:bold;
}

.pink_big {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:1.4em;
	color:#EE2C74;
	line-height:1.2em;
}

.italics {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	color:#978981;
	font-style: italic;
}

.annotation {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.75em;
	color:#978981;

}



h3 {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	font-weight:bold;
	color:#978981;
}

.menu_title {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:1.4em;
	color:#BAAFAA
}

.menu_subtitle {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	color:#BAAFAA
}


#header {
	height:75px;
	background:url(../images/ur_logo.jpg) no-repeat 10px 20px;
}

#header_sub {
	height:75px;
	background:url(../images/ur_logo_mark.jpg) no-repeat 10px 20px;
}

.bread {
	margin-left:250px;
	padding-top:51px;
}

.description {
	font-family:"Swis721 BT", Helvetica, Verdana;
	font-size:0.9em;
	color:#EE2C74;
	font-weight:bold;
}


#line_pink {
	border-top:solid 1px #EE2C74;
	margin-left:auto;
	margin-right:auto;
	width:940px;
}

#line_grey {
	border-top:solid 1px #978981;
	margin-left:auto;
	margin-right:auto;
	width:940px;
}

.arrow {
	float:right;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
}

a:link {color: #EE2C74; text-decoration: none;}
a:visited {color: #EE2C74; text-decoration: none; }
a:hover {color: #F25C99; text-decoration: none; }
a:active {color: #EE2C74; text-decoration: none; } 

a.menu:link {color: #978981; text-decoration: none; }
a.menu:visited {color: #978981; text-decoration: none; }
a.menu:hover {color:#BAAFAA; text-decoration: underline;}
a.menu:active {color: #978981; text-decoration: none; } 


#rollover {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/placeholder_3.jpg) no-repeat 0 0;
}

#rollover01 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_1.jpg) no-repeat 0 0;
}

#rollover02 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_2.jpg) no-repeat 0 0;
}

#rollover03 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_3.jpg) no-repeat 0 0;
}

#rollover04 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_4.jpg) no-repeat 0 0;
}

#rollover05 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_5.jpg) no-repeat 0 0;
}

#rollover06 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_6.jpg) no-repeat 0 0;
}

#rollover07 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_7.jpg) no-repeat 0 0;
}

#rollover08 {
	display: block;
	width: 140px;
	height: 140px;
	background: url(../images/project_home_8.jpg) no-repeat 0 0;
}

#rollover2 {
	display: block;
	width: 300px;
	height: 300px;
	background: url(../images/placeholder_4.jpg) no-repeat 0 0;
}


#rollover_port_web {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../images/portweb.jpg) no-repeat 0 0;
}

#rollover_port_elec {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../images/portelec.jpg) no-repeat 0 0;
}


#rollover_port_logo {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../images/portlogo.jpg) no-repeat 0 0;
}

#rollover_port_print {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../images/portprint.jpg) no-repeat 0 0;
}

#rollover_port_other {
	display: block;
	width: 300px;
	height: 100px;
	background: url(../images/portother.jpg) no-repeat 0 0;
}



#rollover:hover { 
	background-position: 0 -300px;
}

#rollover span {
	display: none;
}

#rollover2:hover { 
	background-position: 0 -300px;
}

#rollover01:hover { 
	background-position: 0 -140px;
}

#rollover02:hover { 
	background-position: 0 -140px;
}

#rollover03:hover { 
	background-position: 0 -140px;
}

#rollover04:hover { 
	background-position: 0 -140px;
}

#rollover05:hover { 
	background-position: 0 -140px;
}

#rollover06:hover { 
	background-position: 0 -140px;
}

#rollover07:hover { 
	background-position: 0 -140px;
}

#rollover08:hover { 
	background-position: 0 -140px;
}

#rollover2 span {
	display: none;
}

#rollover_port_web:hover { 
	background-position: 0 -100px;
}

#rollover_port_web span {
	display: none;
}

#rollover_port_elec:hover { 
	background-position: 0 -100px;
}

#rollover_port_elec span {
	display: none;
}

#rollover_port_logo:hover { 
	background-position: 0 -100px;
}

#rollover_port_logo span {
	display: none;
}

#rollover_port_print:hover { 
	background-position: 0 -100px;
}

#rollover_port_print span {
	display: none;
}

#rollover_port_other:hover { 
	background-position: 0 -100px;
}

#rollover_port_other span {
	display: none;
}



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
	width:60px;
}
    .container_12 .grid_2 {
	width:140px;
}
    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4 {
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_9 {
	width:700px;
}
    .container_12 .grid_10 {
	width:780px;
}
    .container_12 .grid_11 {
	width:860px;
}
    .container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
	padding-left:80px;
}
    .container_12 .prefix_2 {
	padding-left:160px;
}
    .container_12 .prefix_3 {
	padding-left:240px;
}
    .container_12 .prefix_4 {
	padding-left:320px;
}
    .container_12 .prefix_5 {
	padding-left:400px;
}
    .container_12 .prefix_6 {
	padding-left:480px;
}
    .container_12 .prefix_7 {
	padding-left:560px;
}
    .container_12 .prefix_8 {
	padding-left:640px;
}
    .container_12 .prefix_9 {
	padding-left:720px;
}
    .container_12 .prefix_10 {
	padding-left:800px;
}
    .container_12 .prefix_11 {
	padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
	padding-right:80px;
}
    .container_12 .suffix_2 {
	padding-right:160px;
}
    .container_12 .suffix_3 {
	padding-right:240px;
}
    .container_12 .suffix_4 {
	padding-right:320px;
}
    .container_12 .suffix_5 {
	padding-right:400px;
}
    .container_12 .suffix_6 {
	padding-right:480px;
}
    .container_12 .suffix_7 {
	padding-right:560px;
}
    .container_12 .suffix_8 {
	padding-right:640px;
}
    .container_12 .suffix_9 {
	padding-right:720px;
}
    .container_12 .suffix_10 {
	padding-right:800px;
}
    .container_12 .suffix_11 {
	padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
	left:80px;
}
    .container_12 .push_2 {
	left:160px;
}
    .container_12 .push_3 {
	left:240px;
}
    .container_12 .push_4 {
	left:320px;
}
    .container_12 .push_5 {
	left:400px;
}
    .container_12 .push_6 {
	left:480px;
}
    .container_12 .push_7 {
	left:560px;
}
    .container_12 .push_8 {
	left:640px;
}
    .container_12 .push_9 {
	left:720px;
}
    .container_12 .push_10 {
	left:800px;
}
    .container_12 .push_11 {
	left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
	right:80px;
}
    .container_12 .pull_2 {
	right:160px;
}
    .container_12 .pull_3 {
	right:240px;
}
    .container_12 .pull_4 {
	right:320px;
}
    .container_12 .pull_5 {
	right:400px;
}
    .container_12 .pull_6 {
	right:480px;
}
    .container_12 .pull_7 {
	right:560px;
}
    .container_12 .pull_8 {
	right:640px;
}
    .container_12 .pull_9 {
	right:720px;
}
    .container_12 .pull_10 {
	right:800px;
}
    .container_12 .pull_11 {
	right:880px;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clear_20 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 20px;
}

.clear_10 {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}