body   {
background-image: url(../img/layout/background.jpg);
margin: 0px;
padding: 0px;
height: 100%;
}
	html   {
height: 100%;
}
a   {
	cursor: pointer;
}

/* ##################################################################################################################################################################### */
/* ############################################################################ Main Layout ############################################################################ */
/* ##################################################################################################################################################################### */

#nav_container {
	background-image: url(../img/layout/nav_background.jpg);
	width:100%;
	height:42px;
}
#mid_header   {
	background-image: url(../img/layout/mid_header_background.jpg);
	width: 100%;
	height: 149px;
	z-index: 1;
}
div.logo   {
	width: 902px;
	margin: 0 auto;
}
div.logo a   {
	text-decoration: none;
}
div.header_shadow   {
	background-image: url(../img/layout/header_shadow.png);
	width: 100%;
	height: 40px;
	position: absolute;
	top: 42px;
	z-index: 3;
}
div.header_fleur_left   {
	background-image: url(../img/layout/header_fleur_left.png);
	width: 116px;
	height: 149px;
	position: absolute;
	top: 42px;
	left: 0px;
}
div.header_fleur_right   {
	background-image: url(../img/layout/header_fleur_right.png);
	width: 116px;
	height: 149px;
	position: absolute;
	top: 42px;
	right: 0px;
}
div.header   {
	height: 450px;
}
div.downlight   {
	background-image: url(../img/layout/downlight.png);
	width: 100%;
	height: 240px;
	z-index: 2;
}
div.center_content   {
	width: 100%;
	z-index: 10;
}
div#center_content   {
	width: 593px;
	float: left;
}
div.fleur_background   {
	background-image: url(../img/layout/fleur_background.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 560px;
	z-index: -1;
	position: absolute;
	top: 224px;
}
div.header_image_wrap   {
	width: 100%;
	position: absolute;
	top: 225px;
}
div.head_image_container   {
	width: 913px;
	height: 416px;
	margin: 0 auto;
	border: 2px solid #24323a;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	background-color: #000000;
	text-align: center;
	z-index: -1;
}
div.header_image   {
	width: 900px;
	height: 400px;
	margin: 8px;
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
}
div.header_image img   {
	border: none;
}
div.content_container   {
	width: 916px;
	margin: 0 auto;
	position: relative;
	top: 34px;
	font-family: Verdana;
	font-size: 12px;
	color: #a8a8a8;
}
div.textbox_shadow   {
	background-image: url(../img/layout/textbox_shadow.png);
	width: 100%;
	height: 20px;
	clear: both;
}
div.footer   {
	clear: both;
	width: 100%;
}
div.floorboard   {
	width: 100%;
	height: 37px;
	background-image: url(../img/layout/floorboard.jpg);
	clear: both;
}
div.floor   {
	width: 100%;
	height: 82px;
	background-image: url(../img/layout/floor.jpg);
	background-position: center;
}
div.foot_logos   {
	width: 916px;
	margin: 0 auto;
	position: relative;
	top: 117px;
}
div.foot_logos div   {
	float: left;
	width: 305px;
}
div.foot_logos img   {
	border: none;
}
div.line_foot   {
	text-align: left;
}
div.line_foot_two   {
	text-align: left;
	position: absolute;
	border: 1px solid;
}
div.isd_foot   {
	padding-top: 84px;
	text-align: center;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	vertical-align: bottom;
	color: #333333;

}
div.isd_foot a   {
	color: #333333;
	text-decoration: none;
}
div.social_icons   {
	padding-top: 18px;
}
div.social_icons img   {
	margin-right: 15px;
}
div.client_foot   {
	text-align: right;
}
div.client_foot_two   {
	text-align: right;
	position: absolute;
	right: 1px;
}

/* ##################################################################################################################################################################### */
/* ############################################################################ Center Boxes ########################################################################### */
/* ##################################################################################################################################################################### */

div.main_textarea   {
	width: 566px;
	margin-right: 27px;
	margin-bottom: 35px;
}
div.main_corner   {
	width: 27px;
	height: 42px;
	float: left;
}
div.main_tabs   {
	width: 539px;
	height: 42px;
	line-height: 42px;
	color: #0f374d;
	background-image: url(../img/layout/tab_off.jpg);
	float: left;
	font-weight: bold;
}
div.main_tabs a     {
	color: #0f374d;
	text-decoration: none;
}
div.main_tabs img   {
	vertical-align: middle;
	float: left;
}
div.main_tabs h1   {
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0f374d;
	float: left;
	background-image: url(../img/layout/tab_on.jpg);
	height: 42px;
	line-height: 42px;
	margin: 0px;
	padding: 0px 25px 0px 25px;
}
div.main_tabs h3   {
	font-size: 12px;
	display: inline;
}
div.main_content   {
	width: 531px;
	background-image: url(../img/layout/textarea_background.png);
	clear: both;
	padding: 5px 15px 10px 20px;
}


/* #################################################################################################################################################################### */
/* ############################################################################ Form Styles ########################################################################### */
/* #################################################################################################################################################################### */

fieldset   {
	width: 90%; 
	margin: 0 auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border: 0px solid #767676;
	background-image: url(../img/layout/image_sidebar_background.png);
	padding: 20px 20px 20px 0px;
}
fieldset label   {
    text-align: right;
    width: 90px;
    float: left;
    padding: 2px;
    margin-top: 3px;
    margin-right: 15px;
    color: #767676;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;

}
input.textinput   {
	width: 240px;
	height: 17px;
	line-height: 17px;
	background:url(../img/forms/textinput.png) no-repeat left top;
	* background:url(../img/forms/textinput_ie.png);
	border: none;
	padding: 4px 8px;
	margin: 3px;
	font-family: Arial;
	font-size: 12px;
	color: #525252;
}
.textarea   {
	width: 340px;
	height: 181px;
	background:url(../img/forms/textarea.png) no-repeat left top;
	* background:url(../img/forms/textarea_ie.png);
	border:none;
	padding:4px 8px;
	padding: 4px 8px;
	font-family: Arial;
	font-size: 12px;
	color: #525252;
}
input.textinput:focus, input.error:focus, textarea.textarea:focus, textarea.error:focus   {
	background-position:left bottom;
	font-family: Arial;
	font-size: 12px;
	color: #1a1a1a;
}

fieldset textarea  {
	margin: 3px;
	height: 165px;
	width: 200px; 
}
input.submit   {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	width: 102px;
	height: 42px;
	padding: 2px 5px;
	background :url(../img/forms/submit_button.png) no-repeat left top;
	cursor: pointer;
	border: none;
	margin: 0 auto;
	display: block;
}
form.inplaceeditor-form {
	display: inline;
	margin: 0px;
	padding: 0px;
}
input.error   {
	background:url(../img/forms/textinput_error.png) no-repeat left top;
}
textarea.error   {
	background:url(../img/forms/textarea_error.png) no-repeat left top;
}
div.success   {
	width: 90%;
	text-align: center;
    background-image: url(../img/layout/image_sidebar_background.png);
	padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin: 0 auto 10px;
}
div.error   {
	width: 90%;
	text-align: center;
    background-image: url(../img/layout/error_background.png);
	padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin: 0 auto 10px;
	color: #000000;
}
/* ################################################################################################################################################################# */
/* ############################################################################ Sidebar ############################################################################ */
/* ################################################################################################################################################################# */

div.sidebar   {
	float: left;
	width: 323px;
}
div.sidebar_head   {
	width: 323px;
	height: 42px;
	background-image: url(../img/layout/side_textarea_head.png);
}
div.sidebar_head img   {
	vertical-align: middle;
	float: right;
}
div.sidebar_head h1   {
	text-decoration: none;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0f374d;
	float: right;
	height: 42px;
	line-height: 42px;
	margin: 0px 27px 0px 0px;
	padding: 0px 15px 0px 25px;
	background-image: url(../img/layout/tab_on.jpg);
}
div.sidebar_head h2   {
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #0f374d;
	float: left;
	height: 42px;
	line-height: 42px;
	margin: 0px 27px 0px 0px;
	padding: 0px 0px 0px 15px;
}
div.sidebar_head h2 a   {
	color: #0f374d;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
div.side_content   {
	width: 323px;
	background-image: url(../img/layout/textarea_background.png);
	padding: 5px 0px 10px 0px;
}
div.sidebar_foot   {
	background-image: url(../img/layout/side_textarea_foot.png);
	height: 33px;
	margin-bottom: 35px;
}	
div.scroller   { 
	overflow: hidden;
}
div.scroller div.section_side {
	height: 150px;
	overflow:hidden;
}
div.scroller div.content_side   {
	height: 150px;
}
div.scroller div.section_press {
	height: 350px;
	overflow:hidden;
}
div.scroller div.content_press   {
	height: 350px;
}
div.scroller div.port_video_thumbs   {
	height: 397px;
}

div.side_box a   {
	border-bottom: 1px solid #969696;
	display: block;
	width: 303px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #969696;
	cursor: pointer;
	text-shadow: #333333 1px 1px 1px;
}
div.side_box a:hover   {
	border-bottom: 1px solid #969696;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	display: block;
	width: 303px;
	padding: 10px;
	text-decoration: none;
	color: #35383a;
	font-weight: bold;
	background-image: url(../img/layout/sidebar_link_over.jpg);
	text-shadow: none;
}

/* ######################################################################################################################################################################## */
/* ############################################################################ Drop Down Menu ############################################################################ */
/* ######################################################################################################################################################################## */

div.main_nav   {
	width: 612px;
	margin: 0 auto;
}
ul.menu   {
	list-style: none; 
	margin: 0; 
	padding: 0;
	z-index: 20;
}
ul.menu *   {
	margin:0; 
	padding:0
}
ul.menu a.head {
    text-decoration: none;
    display: block;
    height: 42px;
	width: 120px;
	text-align: center;
    line-height: 42px;
    vertical-align: middle;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #c498f8;
	background-color: transparent;
    margin:0;
    float:left;
	text-shadow: #333333 1px 1px 1px;
}
ul.menu a:hover.head   {
	background-image: url(../img/layout/nav_over.jpg);
}
ul.menu a:active.head   {
	background-image: url(../img/layout/nav_active.jpg);
}
ul.menu a.head_on {
    text-decoration: none;
    display: block;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
	width: 120px;
	text-align: center;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #86afff;
	background-image: url(../img/layout/nav_on.jpg);
    margin:0;
    float:left;
}
ul.menu li   {
	position: relative; 
	float:left; 
	z-index: 20;
}
ul.menu ul   {
	position:absolute; 
	top: 42px; 
	left:0; 
	background: #000000; 
	display:none; opacity:0; 
	list-style:none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
ul.menu ul li   {
	position: relative; 
	width: 350px; 
	margin: 0; 
	z-index: 20;
}
ul.menu ul li a   {
	display: block; 
	background-color:#000000; 
	color: red;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 10px 30px 10px 10px;
	text-decoration: none;
	color: #ffffff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
ul.menu ul li a:hover   {
    background-color: #2f273a;
    color: #ffffff;
}

/* #################################################################################################################################################################### */
/* ############################################################################ Formatting ############################################################################ */
/* #################################################################################################################################################################### */

div.main_content h1   {
	font-family: Arial;
	text-align: right;
	font-size: 14px;
	display: inline;
	color: #5cb5e9;
}
div.main_content h2   {
	display: inline;
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	color: #c4eaff;
}
div.main_content div.heading   {
	display: block;
	width: 100%;
	border-bottom: 1px solid #5cb5e9;
	text-align: right;
}
div.main_content div.content_mt   {
	height: 250px;
}
div.scroller div.section_mt   {
	height: 250px;
	overflow:hidden;
}

div.main_content a:link, div.main_content a:visited   {
	color: #5cb5e9;
	text-decoration: none;
}

/* ########################################################################################################################################################################## */
/* ############################################################################ Portfolio Styles ############################################################################ */
/* ########################################################################################################################################################################## */

span#portfolio_page_header   {
	display: block; 
	white-space:nowrap; 
	overflow: hidden;
	text-transform: capitalize;
}
div.portfolio_box_container {
	width: 900px;
	height: 400px;
	position: absolute;
	top: -444px;
	margin: 0 auto;
}
div.portfolioVideoContainer, div.video   {
	width: 711px;
	float: left;
}
div.video   {
	 height: 400px; 
	 overflow: hidden;
}
div.portfolioThumbContainer   {
	float: right;
	width: 180px;
}
div.thumbRow img   {
	width: 180px;
	height: 101px;
	margin-bottom: 8px;
	cursor: pointer;
}
div.thumbRow   {
	height: 130px;
}
div#topController, div#bottomController   {
	background: #000 -webkit-gradient(linear, left top, left bottom, from(#215081), to(#449adb));
	background: -moz-linear-gradient(top,  #215081,  #449adb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#215081', endColorstr='#449adb');
	background-color: #215081;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: absolute;
	width: 180px;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	box-shadow: 2px 2px 1px #000; 
	-moz-box-shadow: 5px 5px 7px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
}
div#bottomController   {
	position: relative !important;
	top: -20px;
}
div#topController a, div#bottomController a   {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #0f374d;
}
div#topController a:hover, div#bottomController a:hover   {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	color: #c498f8;
	background: #000 -webkit-gradient(linear, left top, left bottom, to(#6934b6), from(#410a81));
	background: -moz-linear-gradient(top,  #6934b6,  #410a81);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6934b6', endColorstr='#410a81');
	background-color: #6934b6;
}
div#portfolio_info_box   {
	color: #0f374d;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../img/layout/portfolio_info_box_background.png);
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	height: 220px;
	float: right;
	margin-top: 10px;
	margin-right: 22px;
	line-height: 20px;
	overflow: hidden;
}
div.portfolio_info   {
	width: 100%;
	padding: 20px;
}
div.portfolio_images   {
	width: 510px;
	background-image: url(../img/layout/image_sidebar_background.png);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	padding: 10px;
}
div.portfolio_images img   {
	border: none;
	margin: 10px;
}
div.portfolio_box   {
	width: 500px;
	height: 85px;
	background-image: url(../img/layout/image_sidebar_background.png);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	padding: 15px;
	clear: both;
	display: block;
}
div.portfolio_box h1   {
	font-family: Arial;
	font-size: 12px;
	display: block;
	text-decoration: underline;
	text-align: left;
	width: 100%;
	color: #5cb5e9;
}
div.portfolio_box h2   {
	font-family: Arial;
	font-size: 11px;
	font-style: italic;
	color: #c4eaff;
}
div.portfolio_box img   {
	border: none;
}
div.portfolio_box_image   {
	width: 150px;
	float: left;
	margin-right: 30px;
}

/* ######################################################################################################################################################################### */
/* ############################################################################ Calendar Styles ############################################################################ */
/* ######################################################################################################################################################################### */

.floating   {
	background-image: url(../img/layout/calendar_background.png);
	border: none;
    font-family: Arial;
	font-size: 12px;
	width: 209px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	display:block;
	padding: 10px;
	min-height: 175px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.floating:hover{
	cursor: pointer;
}
.floating .calwrapper{
	display:block;
}
.floating .calweekswrapper{
	display:block;
}
.floating .calheader{
	display: block;
	width:100%;
	text-align:center;
	color: #0f374d;
	font-size:13px;
	font-weight: bold;
    padding-bottom: 2px;
}
.floating .caltitle{
	width: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.floating .calcontrol {
	font-weight: bold;
	width:20px;
    background: transparent no-repeat center center;
}

.floating .calcontrol:hover{
}
.floating .calclose{
	float:right;
	display:block;
    background-image: url(../img/layout/close.jpg);
}
.floating .calprevmonth{
	float:left;
}
.floating .calnextmonth{
	float:right;
}
.floating .daybox{
	float:left;
	width: 25px;
	padding: 2px;
	text-align:center;	
}
.floating .dayboxvalue{
    display: none;
}
.floating .dayboxname{
	color: #ffffff;
	background-color: #0f374d;
}
.floating .dayboxsunday{
}
.floating .dayboxsaturday{
}
.floating .daybox:hover{
}
.floating .dayboxname:hover{
}
.floating .dayinmonth{
	color: #0f374d;
}
.floating .dayoutmonth{
	color: #666666;
}
.floating .dayselected {
    background-image: url(../img/layout/image_sidebar_background.png);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	color: #ffffff;
}
.floating .daycurrent {
    background-image: url(../img/layout/image_sidebar_background.png);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.floating .weekbox{
	width:100%;
	min-height:21px;
	display:block;
	margin-top:3px;
}
.floating .endweek{
	float:left;
}
.floating .weekboxname{
}


/* ##################################################################################################################################################################### */
/* ############################################################################ Misc Styles ############################################################################ */
/* ##################################################################################################################################################################### */

div.press_sidebar   {
	background-image: url(../img/layout/image_sidebar_background.png);
	width: 250px;
	padding: 20px;
	float: right;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	margin-left: 30px;
	margin-bottom: 10px;
}
div.press_sidebar img   {
	border: none;
}
div.press_content   {
	text-align: justify;
}
span#design_page_header   {
	width: 150px; 
	display: block; 
	white-space:nowrap; 
	overflow: hidden;
	text-transform: capitalize;
}

div.contact_side   {
	text-align: center;
}
div.contact_side h1   {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	color: #5cb5e9;
	text-decoration: underline;
}
div.ie_wrapper   {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #822929;
	z-index: 1000;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
}
div.ie_box   {
	width: 560px;
	height: 360px;
	background-image: url(../img/layout/ie_background.jpg);
	margin: 0 auto;
	position: relative;
	padding: 20px;
	top: 200px;
	text-align: center;
}
div.ie_box h1   {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #822929;
}

    td.row1   {
padding: 4px;
border: 1px solid #408aaa;
}
    td.row2   {
padding: 4px;
background-color: #2c2c2c;
border: 1px solid #408aaa;
}

	div#face_map   {
width: 900px;
height: 400px;
background-image: url(../img/headers/misc/management_team.jpg);
}
	div#face_map a   {
cursor: pointer;
display: block;
width: 75px;
height: 75px;
background-color: transparent;
text-decoration: none;
position: relative;
}
	div#face_map a#chris   {
top: 50px;
left: 545px;
}
	div#face_map a#justin   {
top: -15px;
left: 145px;
}
	div#face_map a#nate  {
top: -110px;
left: 413px;
}
	div#face_map a#mark   {
top: -190px;
left: 274px;
}
.tooltip   {
    display: block;
    padding: 6px;
    position: absolute;
    background-color: #efefef;
    border: 1px solid #717171;
    font-family: Arial;
    font-size: 11px;
    color: #3e3e3e;
    font-weight: bold;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
#map   {
	color: #000000;
}
#map h1   {
	color: #0f374d;
	font-size: 16px;
	font-family: Arial;
}
div.list   {
	border-bottom: 1px solid #969696;
	display: block;
	width: 860px;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	padding: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #969696;
}
div.project_list   {
	width: 820px;
	background-image: url(../img/layout/image_sidebar_background.png);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	padding: 10px;
}
div.project_list li   {
	line-height: 35px;
	list-style-type: none;
	border-bottom: 1px solid;
}
diV.socialIcons   {
	padding-top: 20px;
}
div.socialIcons img   {
	border: none;
	margin-right: 5px;
}
div.tool   {
	position: absolute;
	color: white;
}