/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    Peter Ong
email:     peter@designbyinstinct.com
website:   http://www.designbyinstinct.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img, img a {
	border: 0;
	}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
/* =Layout
-----------------------------------------------------------------------------*/
#container {
	width: 1000px;
	background: url(media/basebg2.gif) no-repeat;
	margin: 10px auto 30px;
}

blockquote {
	background: url(media/quotes.gif) no-repeat;
	padding-left: 25px;
	clear: both;
}

.client {
	float: right;
	margin-bottom: 20px;
}

.title {
	width: 70px;
	float: left;
}

#base_navi {
	background: url(media/basenavi.gif) no-repeat left bottom;
	float: left;
	display: block;
	width: 973px;
	padding-bottom: 14px;
	text-align: center;
}

#base_navi ul li {
	list-style-type: none;
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
}

#base_navi ul {
	margin-right: 15px;
}

#base_navi ul li a {
	color: white;
	text-decoration: none;
}

#footer {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
}

#footer a {
	text-align: center;
	text-decoration: none;
	color: maroon;
}

.mediafeature {
	font-weight: bold;
	margin-top: 10px;
	width: auto;
}

.tooltipheader {
	background-color: #fbea78;
	padding: 5px;
	border-top: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
	text-transform: lowercase;
}

.tooltipbody {
	background-color: #c0c0c0;
	padding: 3px 5px 5px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
}

img.logo {
	width: 201px;
	height: 52px;
	margin-top: 20px;
	border-bottom-style: none;
	text-align: left;
}

img.cover {
	float: right;
	margin-right: 10px;
	border-bottom: 1px solid silver;
}

ul {
	margin-left: 14px;
}

/* =Headings
-----------------------------------------------------------------------------*/

#content_more {
	height: 425px;
	padding-left: 30px;
	padding-right: 5px;
	overflow: hidden;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
	width: 580px;
}

#portfolio_scroll {

	overflow: auto;
	left: 0;
	float: left;
	margin-right: 5px;
	text-align: left;
	padding-bottom: 4px;
	height: 310px;
	width: 245px;
}

#portfolio_event_scroll {

	overflow: auto;
	left: 0;
	float: left;
	margin-right: 5px;
	text-align: left;
	padding-bottom: 4px;
	height: 120px;
	width: 240px;
}




#content_more_media {
	height: 405px;
	padding-left: 40px;
	padding-right: 50px;
	overflow: auto;
	margin-top: 10px;
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
	width: 530px;
}


#content_info {
	width: 240px;
	margin-top: 30px;
	padding-right: 70px;
	position: relative;
	float: right;
	text-align: left;
	height: 420px;
}

#content_info_event {
	width: 240px;
	margin-top: 20px;
	padding-right: 70px;
	position: relative;
	float: right;
	text-align: left;
	height: 420px;
}

#content_info2 {
	width: 240px;
	padding-right: 70px;
	position: relative;
	float: right;
	text-align: left;
	height: 420px;
	margin-top: 30px;
}

#about_bg {
	width: 637px;
	height: 450px;
	/*background: url(media/aboutusbg.jpg) no-repeat left top;*/
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#services_bg {
	width: 637px;
	height: 450px;
	/*background: url(media/servicesbg.jpg) no-repeat left top;*/
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#clientele_bg {
	width: 637px;
	height: 450px;
	background: url(media/clientelebg.jpg) no-repeat left top;
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#career_bg {
	width: 637px;
	height: 450px;
	/*background: url(media/careerbg.jpg) no-repeat left top;*/
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#media_bg {
	width: 637px;
	height: 450px;
	/*background: url(media/mediabg.jpg) no-repeat left top;*/
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#contactus_bg {
	width: 637px;
	height: 450px;
	/*background: url(media/contactusbg.jpg) no-repeat left top;*/
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#testimonials_bg {
	width: 637px;
	height: 450px;
	background: url(media/testimonialsbg.jpg) no-repeat left top;
	background-color:#FFFFFF;
	position: relative;
	margin-left: 14px;
	top: 14px;
}

#portfolio_info {
	width: 240px;
	margin-top: 30px;
	padding-right: 70px;
	position: relative;
	float: right;
	text-align: left;
	height: 480px;
}

#portfolio_info2 {
	width: 240px;
	margin-top: 30px;
	padding-right: 70px;
	position: relative;
	float: right;
	text-align: left;
	height: auto;
}

#float_base {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	text-align: left;
	padding-bottom: 4px;
}

#float_base_low {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	padding-top:20px;
	text-align: left;
	padding-bottom: 4px;
}

#float_base_low_event {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 240px;
	padding-top:500px;
	text-align: left;
	padding-bottom: 4px;
	height: 218px;
}

ul.clientele {
	width: 40%;
	float: left;
}

.position {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.skills {
	margin-top: -10px;
	margin-left: 10px;
}

#gallery_navi {
	float: left;
	margin-top: 14px;
	width: 63px;
	height: 430px;
	background: black url(media/click.gif) no-repeat 44px 323px;
}

#gallery_thumbnail li {
	list-style-type: none;
}

ul#gallery_thumbnail li img {
	list-style-type: none;
	margin-bottom: 4px;
}

#content_info img {
	margin-bottom: 20px;
}

#content_photo img {
	float: left;
}

/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/

#navigation {
	
}




/* =Sub Nav
-----------------------------------------------------------------------------*/

#base_navi a {
	
}

#base_navi a:link {
	
}

#base_navi a:visited {
	
}

#base_navi a:hover {
	
}

#base_navi a:active, #base_navi a.selected {
	color: orange;
}

ul.portfolio_event_list {
	width: 88%;
	float: left;
	margin-left: 0;
}

ul.portfolio_event_list li {
	list-style-type: none;
}

ul.portfolio_event_list li a {
	text-decoration: none;
	padding-left: 13px;
}

ul.portfolio_event_list li a:link {
	color: #9d1409;
	font-weight: bold;
}


ul.portfolio_list {
	width: 48%;
	float: left;
	margin-left: 0;
}

ul.portfolio_list li {
	list-style-type: none;
}

ul.portfolio_list li a {
	text-decoration: none;
	padding-left: 13px;
}

ul.portfolio_list li a:link {
	color: #9d1409;
	font-weight: bold;
}

#proj_description {
	color: white;
	width: 610px;
	margin-left: 38px;
	margin-top: 11px;
	padding-bottom: 20px;
}

ul.portfolio_list li a:visited {

}

ul.portfolio_list li a:hover {

}

ul.portfolio_list li a:active {

}




/* =Main Content
-----------------------------------------------------------------------------*/




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



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

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

.clear {
	float: none;
}

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/

#content_more ul ul {
	margin-top: 0;
	margin-bottom: 0;
	margin: 0;
	padding: 0;
}

#content_more ul ul li {
	margin-left: 10px;
}

.contentslide{
	padding-left: 14px;
	padding-top: 14px;
	float: left;
	padding-bottom: 3px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

#slider1 {

}

textarea {
	margin-bottom: 6px;
	margin-top: 2px;
}

fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}

input {
	margin-top: 1px;
	margin-bottom: 1px;
}

.hide {
	display: none;
}

.label {
	float: left;
	width: 55px;
}

#float_base h3 {
	margin-bottom: -5px;
}

input#sendContactEmail.submit {
	margin-left: 54px;
}

.pagination{
width: 640px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
	color: orange;
	margin-left: 14px;
	padding: 6px 0 5px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 640px; /*IE5 width*/
w\idth: 640px; /*IE6 width*/
}

.pagination a{
text-decoration: none;
	color: orange;
	font-weight: bold;
	padding: 3px 5px;
}

.pagination a:hover, .pagination a.selected{
background-color: #333;
	color: white;
	font-weight: bold;
}

/* =Misc 2
-----------------------------------------------------------------------------*/

.select {
	background: url(media/selected.gif) no-repeat 0 1px;
}

ol {
	margin-left: 23px;
}

.portfoliolist {
	width: 95%;
	float: left;
	margin-bottom: -12px;
}

.portfoliolist_event {
	width: 95%;
	float: left;
	margin-bottom: -12px;
}

#content_more ul li {
	list-style-type: none;
}

#float_base p a  {
	text-decoration: none;
	color: #ff2311;
	font-weight: bold;
}

fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:11px/12px 'courier new',courier,monospace;color:#333;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px;font:bold 11px/12px verdana,arial,sans-serif; }

.portfoliolist h3 a {
	text-decoration: none;
	color: maroon;
}