/* Layout CSS Document */



/*Nav Bar*/
.nav {
	position: fixed;
	top: 0;
	width: 100%;	
	height: 50px;
	background-color: #D31078;
}

.nav ul {
		list-style: none;
		padding: 0;
		/*background: white;
		position: relative;*/
		float: right;
		right: 100;
		margin: 20px 10px 0px 0px;
		/*width: 100%;*/
}

.nav li {
	height: 30px;
	float: right;
	/*position: relative;*/
	/*padding: 5px;*/
	margin: 0px 5px;
}

.nav_text {
	color: #ffffff; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 10pt; 
	line-height: 14pt; 
	font-family: "Merriweather", "Times", serif; 
	}

.nav_text a {
	text-decoration: none;
	color: #ffffff;
	
}
	
.nav_text a:hover {
	text-decoration: none;
	color: #000000;
	/*color: #02bbc4;*/
	
	}
	
.logo {
	width: 145px;
	height: 30px;
	float: left;
	/*position: relative;
	left: 10px;
	top: 10px*/
	margin: 2px 10px;
}



/*Header*/
.header {
  background-image: url(../images/header_background.png);
  background-position: center;
  background-repeat: repeat-x;
 	/*left: 0;
  right: 0;*/
  /*background-color: white;*/
  width: 100%;
  height: 120px;
}

.header_placement {
	float: left;
	margin: 20px 0px 0px 50px;
}

.header_clear {
	clear: both;
}

/*Body*/

.body {
	margin: 0;
	padding-top: 50px;
	background-color: white;
	width: 100%;
	min-width: 1050px;

}

.main {
	width: 100%;
}

/*Body Divided Border*/
.main_divider {
	width: 100%;
	height: 30px;
	background-color: #006B77;
}

.main_divider_footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 30px;
	background-color: #006B77;
}

.main_stripe {
	float: right;
	margin: 4px 2px;
}

/*Portfolio Navigation*/

.port_nav {
	width: 100%;
	height: 35px;
	background-color: #48D7E8;

}

.port_nav_bar {
	width: auto;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;

}


.port_nav_bar ul {
	  list-style: none;
	  padding: 0;
	  float: left;
	  margin: 5px 0px 0px 60px;
	  /*width: 100%;*/
}


.port_nav_bar li {
  	height: 20px;
  	float: left;
  	margin: 0px 5px;
	color: #5C3047; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 9pt; 
	/*line-height: 12pt;*/ 
	font-family: "Merriweather", "Times", serif; 
}

.port_nav_bar li .active {
  	background: #D31078;
	color: #FFFFFF;
}


.port_nav_bar li a {
	 color: #5C3047; 
  	 text-decoration: none;
	 display: block;
	 padding: 5px;
	 text-align: center;
	 
}

.port_nav_bar li a:hover {
  	background-color: #D31078;
	color: #FFFFFF;
	
	
}
  

/*Counter*/
			
.counter2 {
				width: 150px;
				margin: 0 auto;
			}
			
.bullet {
	background: url(images/counter_off.png) center center no-repeat;
	display: block;
	width: 21px;
	height: 10px;
	margin: 0;
	margin-right: 5px;
	float: left;				
			}			

.counter {
	height: 21px;
	float: right;
	margin: 0px 60px 0px 0px;
}

.counter3 {
	height: 21px;
	float: right;
	margin: 0px 37px 0px 0px;
}

.counter4 {
	height: 21px;
	float: right;
	margin: 0px -9px 0px 0px;
}

.counter5 {
	height: 21px;
	float: right;
	margin: 0px 69px 0px 0px;
}


/*Log in and Carousel Area*/

.LC_area {
	width: 987px;
	height: 280px;
	background-color: #C9C9C9;
	margin-top: 35px;
	margin-left: auto;
    margin-right: auto;
	/*margin-top: 10px;*/
}

.LC_area2 {
	width: 987px;
	height: 280px;
	background-color: #C9C9C9;
	margin-top: 35px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 35px
	/*margin-top: 10px;*/
}

.LC_leftcolumn {
	width: 332px;
	height: 280px;
	float: left;
	/*background-color:blue;*/
}

.LC_rightcolumn {
	width: 634px;
	height: 270px;
	float: right;
	background-color: white;
	margin: 5px;

}


.LC_quote {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	/*background-color:#0F9;*/
}

fieldset {
	display: block;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

.LC_field1 {
	width: 260px;
	margin-left: 35px;
	/*background-color:#0F9;*/
}

.LC_field2 {
	float: left;
	margin: 2px 2px 2px 35px;
	/*background-color:red;*/
}


.LC_field2 input {
	width: 180px;
	border: 1px solid #333333;
	height: 20px;
	padding-left: 5px;
	
}

.LC_field3 {
	float: right;
	width: 52px;
	height: 25px;
	margin: 2px 40px 2px 2px;
	/*background-color: blue;*/
}

.LC_field3 input {
	width: 52px;
	height: 25px;
	border: none;
}

/*Accolades*/

.accolade_area {
	width: 987px;
	height: 200px;
	margin-top: 0px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 0px;
	/*background-color: orange;*/
	}

.acco_column1 {
	float: left;
	width: 300px;
	height: 250px;
	margin: 20px 20px 0px 35px;
	/*background-color: gray;*/
}
.acco_column2 {
	padding-top: 20px;
	margin-left: 280px;
	margin-right: 200px;
	/*background-color: red;*/
}

.acco_column3 {
	float:right;
	width: 300px;
	height: 150px;
	margin: 0px 20px 0px 20px;
	/*background-color: gray;*/
}


/*Use Case Page*/

.uc_body_div { 
	margin-top: 30px;
	margin-right:auto;
	margin-left:auto;
	width: 1024px;
	/*height: 540px;*/
	/*background-color:#999;*/

}

.uc_header {
  background-image: url(../images/uc_header_pix.png);
  background-position: center;
  background-repeat: repeat-x;
  width: 100%;
  height: 187px;
}
.uc_header_placement {
	float: left;
	margin: 5px 0px 0px 50px;
}

.uc_header_clear {
	clear: both;
}

.pixbox_left {
float: left;
margin-right: 0px;
margin-top: 10px;
margin-bottom:20px;
width: 505px;
height: 400px;
border: 1px solid #000000;
/*background-color: red;*/

}

.pixbox_right {
float: right;
margin-left: 0px;
margin-top: 10px;
margin-bottom:20px;
width: 505px;
height: 400px;
border: 1px solid #000000;
/*background-color: red;*/

}

.pixbox_right2 {
float: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom:20px;
width: 505px;
height: 400px;
border: 1px solid #000000;
/*background-color: red;*/

}

.pixbox_center {
position: static;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
margin-bottom:20px;
width: 1015px;
height: 269px;
border: 1px solid #000000;
/*background-color: red;*/

}


/*Portfolio Carousel Area*/

.iframe_div { 
	margin-top: 5px;
	margin-right:auto;
	margin-left:auto;
	width: 1050px;
	height: 540px;
	/*background-color:#999;*/

}

#content {
	margin-top: 5px;

}

#container {
	width: 987px;
	height: 380px;				
	margin-left: auto;
	margin-right: auto;
	
}

#carousel {
	margin-right: auto;
	margin-left:auto;
	width: 900px;
	height: 380px;
	border-width: 3px;
	border-color: #515151;
	border-bottom-style: solid;
	border-right-style: solid;
	outline: 1px solid #797979;
	/*background-color: red;*/
	
}

#carousel2 {
margin-right: auto;
margin-left:auto;
margin-top: 5px;
width: 634px;
height: 266px;
/*background-color: red;*/

}

#content2 {
margin: 0px;
	
}

#carousel3 {
margin-right: 5px;
margin-left:6px;
margin-top: 5px;
width: 634px;
height: 266px;
/*background-color: red;*/

	
}

/*#ui-carousel-prev {		
	float: left;
	width: 30px;
	height: 178px;
	margin: -200px 0px 0px 2px;
	background-image: url(images/previous_button_off.png);
	outline: 1px solid #797979;				
}

#ui-carousel-next {
	float:right;
	width: 30px;
	height: 178px;
	margin: -200px 2px 0px 0px;
	background-image: url(images/next_button_off.png);
	outline: 1px solid #797979;
	
	
}

#ui-carousel-next > span, #ui-carousel-prev > span {
	display: none;
}*/

.slide {
	margin: 0;
	position: relative;
	
}

.slide2 {
	margin: 0;
}


/*#pages {
	width: 150px;
	margin: 0 auto;
}


.bullet {
	background: url(images/counter_off.png) center center no-repeat;
	display: block;
	width: 18px;
	height: 18px;
	margin: 0;
	margin-right: 5px;
	float: left;
				
}*/

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */


button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}