/*
		----------------------------------------------------------
			Screen Styles
		----------------------------------------------------------
			bluehaus communications | bluehaus.com
			author:		Ryan Mayer
			date:		 	August 2011
		----------------------------------------------------------
*/



/*
  *********************************
  * EXTRAS ***
  *********************************
*/

.red {color:#F00}
.asterik {color: #174A7C}
form {margin:0;	padding:0;}
fieldset {margin:1em 0;	border:none; border-top:1px solid #ccc;}
legend {margin:1em 0;	padding:0 .5em;	color:#036;	background:transparent;	font-size:1.3em; font-weight:bold;}
label {float:left; width:100px; text-align:right; padding-right: 10px; font-weight:bold; line-height: 15px;}

label.long {float:left; width:425px; text-align:left; padding-right: 10px;}
label.long em {color:#999;} 

input:focus, textarea:focus {background:#eee; color:#000;}
p .right {text-align:right}

.main_menu ul ul a:hover {color: #CCC; background-color: #104B7D;}


/*
  *********************************
  * PORTFOIO MODS ***
  *********************************
*/

/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

/*General Mosaic Styles*/
.mosaic-block {float:left; position:relative; overflow:hidden; width:279px; height:159px; margin:0px; background:transparent url('../../../images/progress.gif') no-repeat center center; border:1px solid #fff; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);

-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px solid #eaebec;



}
.mosaic-backdrop {display:none; position:absolute; top:0; height:100%; width:100%;	background:transparent;}
.mosaic-overlay {display:none; z-index:5; position:absolute; width:100%; height:100%; background:transparent;}

.details{margin:15px 20px; }	
.details h3 {font-size:21px; line-height:20px; vertical-align:middle; margin: auto 0; /*letter-spacing: -1px;*/ color:#fff; /*text-shadow:1px 1px 0 rgb(0,0,0); */}
.details p {font-size:9px; font-weight:bold; text-transform: uppercase; color:#666; margin-top:-15px;/* text-shadow:1px 1px 0 rgb(0,0,0);*/ }
.details a {text-decoration:none; }


/*** Custom Animation Styles (You can remove/add any styles below) ***/
.fade .mosaic-overlay {opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); /* background:url('../../../images/bg-black.png');*/ background:url('../../../images/bg-grey-lt.png');}

.circle .mosaic-overlay {background:url( url('../../../images/hover-magnify.png')/*('../images/hover-magnify.png')*/ no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none;}
.bar .mosaic-overlay {bottom:-100px; height:100px; background:url('../../../images/bg-black.png');}
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }




h1 #projectSlogan {font-size:48px; font-weight:bold; color:#333; text-transform:uppercase; border:1px solid #0f0; text-align:center}

.middleBox {border:1px solid #0f0; width:80%}


#process {width: 700px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; text-transform: uppercase; color: #555; padding: 23px 0px 0px 0; border-top: 6px solid #E5E5E5;border: 1px solid #f0f;}
#process h2 {font-size: 30px; text-transform: uppercase; padding: 0 0 15px 0; border-bottom: 1px solid #E5E5E5; color: #555;}
#process #discover {width: 120px;float: left;font-size: 11px;text-align: center;text-transform: none;color: #A7A7A7;/* padding: 27px 18px 27px 0; */}
#process #plan {width: 120px;float: left;font-size: 11px;text-align: center;text-transform: none;color: #A7A7A7;/* padding: 27px 18px 27px 0; */}
#process #design {width: 120px;float: left;font-size: 11px;text-align: center;text-transform: none;color: #A7A7A7;/* padding: 27px 18px 27px 0; */}
#process #deploy {width: 120px;float: left;font-size: 11px;text-align: center;text-transform: none;color: #A7A7A7;/* padding: 27px 18px 27px 0;*/}
#process #grow {width: 120px;float: left;font-size: 11px;text-align: center;text-transform: none;color: #A7A7A7;/* padding: 27px 0px 27px 0; */}


.separator1 {height: 4px;background:transparent url('../../../images/separator07.png') no-repeat;}




/* Add shadow effect (form) */
/* box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/* Default property recognized by some browsers- a Good practice to include it*/
/* -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*For Mozilla Firefox Browsers*/
/* -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;/*For Webkite browsers - Chrome and Safari*/

/* Add Gradient to Background (form - input, textarea)
/* background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));/*Chrome and Safari*/
/* background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);/* Firefox Browsers */
/* background: #FFFFFF url('bg_form.png') left top repeat-x; */	
	
	
	
	

	
	
	
	
/* =PLANNER
-------------------------------------------------------------- */
/* Rotator Styles */
#wrapper {width:960px; border-top:3px solid #92a5bc; border-bottom:1px solid #92a5bc; margin:0 auto;}
#rotator {background:#FFF;color:#000;position:relative;padding-bottom:2.6em;	margin:0; 	font-size:16px;}

/* Tabs */
ul.ui-tabs-nav, 
li.ui-tabs-nav-item, 
li.ui-tabs-nav-item a:link, 
li.ui-tabs-nav-item a:visited {margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; float:left; font-family:Arial, Helvetica, sans-serif;}
ul.ui-tabs-nav {position:absolute; bottom:0px; left:0; z-index:1; width:100%; background:#FFF url(images/uitabsbg.gif) repeat-x bottom right; border-top:1px solid #FFF;}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link, 
li.ui-tabs-nav-item a:visited {font-size:.8em; font-weight:normal; color:#999; background:#FFF url(images/uitabsbg.gif) repeat-x bottom left;  border-left:1px solid #FFF; border-right:1px solid #c5ced9;}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover, 
#rotator .ui-tabs-nav-item a:active {background:#FFF url(images/uiactivetabbg.gif) repeat-x bottom left; color:#333;}
#rotator .ui-tabs-nav-item a span {float:left; padding:1em; cursor:pointer;}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {background:#fff url(images/uiactivetabbg.gif) repeat-x bottom left; color:#333;}

/* Content Panels */
#rotator .ui-tabs-panel {font-family:Arial, Helvetica, sans-serif; clear:left; color:#000; padding:40px 540px 15px 15px; height:225px;}
#rotator .ui-tabs-hide {display:none;}
#rotator h2 {color:#E75D00; font-weight:normal; margin:0; font-size:1.8em; line-height:1.2em;}
#rotator p {font-size:1.1em; margin:.5em 0; color:#333;}
#rotator .btn_get_started {float:left; height:30px; width:99px; text-indent:-9999em; margin-right:7px; overflow:hidden; background:transparent url(images/getstarted.gif) no-repeat}
#rotator .btn_learn_more {float:left; height:26px; font-size:.9em;}

/* Background Images */
#rotator #fragment-1 {background:transparent url(images/coins.jpg) no-repeat top right;}
#rotator #fragment-2 {background:transparent url(images/bearings.jpg) no-repeat top right;}
#rotator #fragment-3 {background:transparent url(images/map.jpg) no-repeat top left; padding:40px 15px 15px 540px;}
#rotator #fragment-4 {background:transparent url(images/support.jpg) no-repeat top left; padding:40px 15px 15px 540px;}










/*
  *********************************
  * SECOND ROTATOR ATTEMPT ***
  *********************************
*/

.container {width: 500px; margin: 10px auto;}
ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%;}
ul.tabs li {float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; background: #e0e0e0; overflow: hidden; position: relative;}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; outline: none;}
ul.tabs li a:hover {background: #ccc;}	
ul.tabs li.active, 
html ul.tabs li.active a:hover {background: #fff; border-bottom: 1px solid #fff;}
.tab_container {border: 1px solid #999; border-top: none; clear: both; float: left; width: 100%; background: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px;-khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
.tab_content {padding: 20px; font-size: 1.2em;}
.tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;}
.tab_content h3 a{color: #254588;}
.tab_content img {float: left; margin: 0 20px 20px 0; border: 1px solid #ddd; padding: 5px;}


/*
#plannercopy{font-size: 12px;	width: 972px;	padding: 0 0px 20px 0;}
#hr {	padding: 0px 0 27px 0;	width: 972px;	border-top:1px solid #e5e5e5;}
#planner-form input.error, #planner-form textarea.error {	border: 1px solid #ff0000;}}
label.error {color: #ff0000;}
fieldset {width: 750px;	margin: 0 0 20px 0px;	padding: 0 30px 0px 40px;	position: relative;	}
fieldset h2 {width: 160px;	height: 44px;	display: block;	margin: 0 0 20px -38px;	border: 0;	padding: 10px 0 0px 55px;}
fieldset#final-notes {margin: 0 0 -20px;	}
#basics h2 {background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/1.png) no-repeat;}
#your-company h2 {width: 187px;	background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/2.png) no-repeat;}
#the-project h2 {width: 164px;	background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/3.png) no-repeat;	}
#look-feel h2 {width: 176px; background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/4.png) no-repeat;}
#specifics h2 {width: 149px; background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/5.png) no-repeat;}
#final-notes h2 {width: 161px; background: url(http://bravenudigital.com/site/wp-content/uploads/2011/04/6.png) no-repeat;}

form .field {font-family: Helvetica Neue, sans-serif; color: #555555; width: 350px; margin: 0 0 20px 20px; float: left; position: relative;}
form .wide-field {font-family: Helvetica Neue, sans-serif; color: #555555; width: 720px; margin: 0 0 20px 20px; position: relative;	clear: left;}
form#planner-form .message {background: #00aeef;width: 670px; margin: 0 0 20px 20px; padding: 20px; display: none; position: relative;
	clear: left;}
form .message label {font-family: Helvetica Neue, sans-serif; color: #fff; margin: 0 0 10px 0; }
form .message label span {color: #edaa98;}
form .message input {background: #fff;width: 312px;border: 1px solid #7DDAFF;}
form .message label.error {font-weight: bold;top: 76px;left: 380px;position: absolute;color: #ff0000;}
form label {padding: 0 0 7px 0;display: block;margin: 0;color: #555555;line-height: 1.4em;}	
form label.error {color: #f00;position: absolute;top: 0;right: 0;}
form input, form textarea {font-family: Helvetica Neue, sans-serif;margin: 0;padding: 4px;background: #e1e1e1;	border: 0;width: 332px;
	font-size: 1em;color: #555555;font-weight: 200;}	
form input:focus, form textarea:focus {background: #f5f5f5; color: #555555;}
form input.error, form textarea.error {border: 1px solid #f00;}
form textarea {width: 702px; max-width: 702px; 	color: #555555;}
label span {color: #ce462b;}
label span.small {font-family: Times, serif; text-transform: none; display: block; font-size: 12px; color: #888;}
button {width: 136px; height: 55px; border: 0; margin: 10px 20px 40px 0; background: url(images/letsdothis.png) no-repeat; float: right;
	cursor: pointer;}
#final-notes span{padding: 0px 0 0 0;}
#sendcopy{width: auto; margin: 30px 0 0 80px;}
*/














/*
#main fieldset p {
    padding-bottom: 11.5pt;
}
fieldset.two-col {
    width: 520px;
    overflow: hidden;
}
fieldset.two-col p {
    float: left;
    width: 250px;
}
fieldset.two-col p.left {
    margin-right: 20px;
}
fieldset.two-col input {
    width: 238px;
}
fieldset.two-col select {
    width: 250px;
}
fieldset.one-col textarea {
    width: 508px;
    height: 135px;
}
form label {
    display:block;
    font: 9pt Arial, sans-serif;
    line-height: 35pt;
    padding-bottom: 4px;
}
input, textarea {
    font: 9pt Arial, sans-serif;
    color: #7c7972;
    border: 1px solid #e2e0d8;
    background:#f6f5f1;
    line-height: 1;
    padding: 9px 5px 10px;
}
#important {
    display:none;
    visibility:hidden;
}

*/