/*------------------------------------------------------------------------------*/
/*									Homepage									*/
/*------------------------------------------------------------------------------*/
/*Main Body*/

body {
	line-height: 20px;
	font-size: 12px;
	color: #424749;
	background-color: #E5E9EA;
	background-image: url(http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/bg.gif);
	background-repeat: repeat-x;
	/* background-attachment: fixed;  */
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

/*Links*/
a:link {text-decoration: none; color: #B31419; outline:none;}
a:visited {text-decoration: none; color: #B31419; outline:none;}
a:hover {text-decoration: none; color: #DC2405; outline:none;}
a:active {text-decoration: none; color: #B31419; outline:none; position: relative; top: 1px;}

select {width: 358px;}

/*Images*/
img {
	border: none;
	text-decoration: none;
}

h1 {
	margin-top: -30px;
	text-indent: -9000px;
}

/*Wrapper*/
#wrapper {
	height: 100%;
	width: 876px;
	margin-right: auto;
	margin-left: auto;
}

#top{
	clear: both;
}

#logo{
	float: left;
	border: none;
	margin-top: 40px;
}

/*Navigation style*/
#top_nav ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;	
	float: right;
	margin-top: 100px;
	list-style: none;
	display: inline;
}

#top_nav ul li{
	padding: 10px;
	display: inline;
}

/*Navigation color*/
#top_nav ul li a:link{color: #424749;}
#top_nav ul li a:visited{color: #424749;}
#top_nav ul li a:hover{color: #B31419;}
#top_nav ul li a:active{color: #424749;}

/*Blurb*/
#blurb{
	clear: both;
	float: left;
	margin-top: 50px;	
	font-size: 20px;
	line-height: 32px;	
}

#blurb .punch{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
}

#blurb .cite{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

/*Quick Contact*/
#quick-contact{
	float: left;
	width: 876px;
	margin-top: 25px;
}

#q-contact-info{
	margin-top: 9px;
	float: left;
	width: 720px;
}

#q-contact-info ul{
	margin-left: -20px;
	list-style: none;
	padding: 10px;
	display: inline;
}

#q-contact-info ul li{
	padding: 15px;
	display: inline;
}

#q-contact-info ul li #gg{
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*Contact form button*/
#btn_contact-form{
	float: right;
	margin-top: 6px;
	display: block;
	width: 97px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_contact-form.png") no-repeat 0 0;
}

#btn_contact-form:hover{
	float: right;
	margin-top: 6px;
	background-position: 0 -26px;
}

#btn_contact-form:active{
	float: right;
	margin-top: 6px;
	background-position: 0 -52px;
}

/*Chat Live Button*/
#btn_chat-live{
	float: right;
	margin-top: 6px;
	display: block;
	width: 127px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_chat-live.png") no-repeat 0 0;
}

#btn_chat-live:hover{
	float: right;
	margin-top: 6px;
	background-position: 0 -26px;
}

#btn_chat-live:active{
	float: right;
	margin-top: 6px;
	background-position: 0 -52px;
}

#featured_proj {
	clear: both;
	height: 486px;
	overflow: hidden;
}

#fp_leftbox {	
	float: left;
	background-color: #000;
	padding: 30px;	
	width: 544px;	
	height: 406px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#fp_rightbox {	
	border: 1px solid #E2E2E2;	
	float: right;
	background-color: #FFF;
	padding: 20px;	
	width: 230px;	
	height: 406px;
	margin-top: 10px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
     -moz-border-radius-topright: 5px;
}
#lp_header {
	clear: both;
}

#more_projs {
	float: right;
	margin-right: -5px;
	margin-top: -4px
}

/*more proj button*/
#btn_more-proj{
	display: block;
	width: 135px;
	height: 28px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_see-more-projs.png") no-repeat 0 0;
}

#btn_more-proj:hover{
	background-position: 0 -28px;
}

#btn_more-proj:active{
	background-position: 0 -56px;
}

#star {
	float: left;
	clear: both;
}
.headers{
	color: white;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-top: 3px;
}
.headers2{
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
}
#homepage_flash {
	margin-top: 20px;
}

/*view proj button*/
#btn_view-proj{
	margin-top: 6px;
	display: block;
	width: 115px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_launch.png") no-repeat 0 0;
}

#btn_view-proj:hover{
	margin-top: 6px;
	background-position: 0 -26px;
}

#btn_view-proj:active{
	margin-top: 6px;
	background-position: 0 -52px;
}

/*Middle bar*/
#middle_bar {
	clear: both;
}

#mb_accolades {	
	float: left;
	width: 603px;	
	height: 80px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/our-apps-background.png") no-repeat 0 0;
}
#mb_accolades .subernova{
	float:left; 
	margin: 1px 0 0 5px;
}
#mb_accolades .mockvault{
	float:left; 
	margin: 1px 0 0 0;
}
#mb_accolades .sendy{
	float:left; 
	margin: 1px 0 0 0;
}
#faq_btn {
	float: right;
}

/*FAQ button*/
#btn_faq{
	float: right;
	display: block;
	width: 255px;
	height: 80px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/faqs.png") no-repeat 0 0;
}

#btn_faq:hover{
	background-position: 0 -80px;
}

#btn_faq:active{
	background-position: 0 -160px;
}

#news_n_twitter {
	clear: both;
}

#nt_leftbox {	
	float: left;
	border: 1px solid #E2E2E2;	
	background-color: #FFF;
	padding: 30px;	
	width: 816px;	
	height: 620px;
	overflow: hidden;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#nt_header {
	clear: both;
}

/*Hex News*/
#rss-icon {
	float: left;
}

#header_news{
	color: black;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}

#subscribe_rss{
	float: left;
	margin-top: 3px;
	margin-left: 298px;
}

/*From Twitter*/
#twitter-icon {
	float: left;
	margin-left: 40px;
}
#header_twitter{
	color: black;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*Coda Slider CSS*/

.stripViewer { 
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 377px; 
	clear: both;
	margin-top: -7px;
	@margin-top: 2px;
}

.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
}

.stripViewer .panelContainer .panel {
	float:left;
	height: 100%;
	position: relative;
	width: 377px;
}

.stripViewer .panelContainer .panel .wrapper { 
	padding-right: 10px;
	text-decoration: none;
	outline:none;
}

.stripNav { display: none }
.stripNavL { display: none }
.stripNavR { display: none }

/*News List*/
#news_list{
	clear: both;
	float: left;
	width: 110px;
	margin-top: 20px;
}

#news_list p a:link{color: #424749; display: block;}
#news_list p a:visited{color: #424749; display: block;}
#news_list p a:hover{color: #B31419; display: block;}
#news_list p a:active{color: #424749; display: block;}

#news{
	float: left;
	margin-left: 50px;
	width: 377px;
}

.news_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #424749;
}

.news_date {
	font-size: 10px;
}

#line {
	float: left;
	margin-left: 40px;
}

#twitter{
	float: right;
	margin-left: 0px;
	width: 200px;
}

/*Follow on twitter button*/
#twitter-btn{
	margin-top: 6px;
	display: block;
	width: 136px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_follow-us-twitter.png") no-repeat 0 0;
}

#twitter-btn:hover{
	margin-top: 6px;
	background-position: 0 -26px;
}

#twitter-btn:active{
	margin-top: 6px;
	background-position: 0 -52px;
}

/*Footer*/
#footer {
	clear: both;
}

#footer_content {
	color: #7c7c7c;
	padding: 20px;
	width: 836px;
	height: 36px;
	background-color: #000;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#footer_logo{
	float: left;
}

#footer_logo_txt{
	float: left;
	margin-top: 7px;
	margin-left: 20px;
	font-size: 10px;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
	margin-top: 8px;
}

/*Navigation style*/
#footer_right #bottom_nav ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	list-style: none;
	display: inline;
}

#footer_right #bottom_nav ul li{
	padding: 10px;
	display: inline;
}

/*Navigation color*/
#footer_right #bottom_nav ul li a:link{color: #7c7c7c;}
#footer_right #bottom_nav ul li a:visited{color: #7c7c7c;}
#footer_right #bottom_nav ul li a:hover{color: #B31419;}
#footer_right #bottom_nav ul li a:active{color: #7c7c7c;}

/*scroll to top button*/
#btn_top{
	@margin-top: -20px;
	float: right;
	width: 25px;
	height: 24px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_top.png") no-repeat 0 0;
}

#btn_top:hover{
	background-position: 0 -24px;
}

#btn_top:active{
	background-position: 0 -48px;
}

.twitter_posted_on {
	font-size: 10px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/*------------------------------------------------------------------------------*/
/*									  About										*/
/*------------------------------------------------------------------------------*/

#about_title {
	clear: both;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#about_btns {
	margin-top: 19px;
	margin-left: -4px;
	float: left;
}

#about {
	float: right;
	width: 700px;
	height: 368px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

#what-the-hex {
	background-color: #000;
	padding: 30px;	
	height: 308px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#who-we-are {	
	background-color: #000;
	padding: 30px;	
	height: 308px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#our-services {	
	background-color: #000;
	padding: 30px;	
	height: 308px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.about_header {
	clear: both;
}

.about_body1 {
	color: #DADADA;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 28px;
}

.about_body2 {
	color: #959595;
}

/*what the hex btn*/
#btn_what-the-hex{
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_what-the-hex.png") no-repeat 0 0;
}

#btn_what-the-hex:hover{
	background-position: 0 -26px;
}

#btn_what-the-hex:active{
	background-position: 0 -52px;
}

/*what we do btn*/
#btn_who-we-are{
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_who-we-are.png") no-repeat 0 0;
}

#btn_who-we-are:hover{
	background-position: 0 -26px;
}

#btn_who-we-are:active{
	background-position: 0 -52px;
}

/*our services btn*/
#btn_our-services{
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_our-services.png") no-repeat 0 0;
}

#btn_our-services:hover{
	background-position: 0 -26px;
}

#btn_our-services:active{
	background-position: 0 -52px;
}

#ben, #melly{
	float: left;
	padding: 0px;
	clear: both;
}

.ui-tabs { padding: .2em; zoom: 1;}
.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	padding: 0px;
	@margin-left: -28px;
}

.ui-tabs .ui-tabs-nav li { 
	position: relative; 
	float: left; 
	margin: 0 .2em -1px 0; 
	padding: 0; 
	font-size: 16px;
	color: white;
}

.ui-tabs .ui-tabs-nav a { 
	font-size: 16px;
	color: white;
}

.ui-tabs .ui-tabs-nav a:hover { 
	color: #DC2405;
}
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding-right: 20px;}
.ui-tabs .ui-tabs-panel {  display: block;  color: #959595; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.about_img{
	clear: both;
	float: left;
	padding-right: 15px;
	padding-bottom: 05px;
	margin-top: 6px;
}

/*------------------------------------------------------------------------------*/
/*									  Clients									*/
/*------------------------------------------------------------------------------*/

#clients {
	float: left;
	background-color: #000;
	width: 816px;
	position: relative;
	margin-top: 20px;
	padding: 30px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#clients_title {
	clear: both;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.client_header {
	clear: both;
	color: white;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
	margin-bottom: -15px;
}

.clients_col {
	float: left;
	width: 272px;
}

.clients_body1 {
	color: #DADADA;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 10px;
}

.clients_body2 {
	color: #959595;
}

.clients_smallbody {
	margin-top: -10px;
}

/*------------------------------------------------------------------------------*/
/*									  Contact									*/
/*------------------------------------------------------------------------------*/

#contact_title {
	clear: both;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#contact {
	float: right;
	width: 700px;
	height: 900px;
	@height: 950px;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

#contact_btns {
	margin-top: 19px;
	margin-left: -4px;
	float: left;
}

.contact_header {
	clear: both;
}

/*general contact btn*/
#btn_general-contact {
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_general-contact.png") no-repeat 0 0;
}

#btn_general-contact:hover{
	background-position: 0 -26px;
}

#btn_general-contact:active{
	background-position: 0 -52px;
}

/*request a quote btn*/
#btn_request-a-quote {
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_request-a-quote.png") no-repeat 0 0;
}

#btn_request-a-quote:hover{
	background-position: 0 -26px;
}

#btn_request-a-quote:active{
	background-position: 0 -52px;
}

/*looking for work btn*/
#btn_looking-for-work {
	margin-bottom: 10px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_looking-for-work.png") no-repeat 0 0;
}

#btn_looking-for-work:hover{
	background-position: 0 -26px;
}

#btn_looking-for-work:active{
	background-position: 0 -52px;
}

#general-contact {
	background-color: #000;
	padding: 30px;	
	height: 840px;
	@height: 890px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#request-a-quote {	
	background-color: #000;
	padding: 30px;	
	height: 840px;
	@height: 890px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#looking-for-work {	
	background-color: #000;
	padding: 30px;	
	height: 840px;
	@height: 890px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contact form p{
	color: #959595;
}

.message {
	color: #ffffff;
	width:620px;
	display:none;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contact input {
	width:350px;
	background-color: #161616;
	border: solid;
	border-width: 1px;
	border-color: #303030;
	color: white;
	padding: 3px;
	outline: none;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.contact textarea {
	width:350px;
	height: 250px;
	background-color: #161616;
	border: solid;
	border-width: 1px;
	border-color: #303030;
	color: white;
	padding: 6px;
	outline: none;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color: #4A4A4A;
    scrollbar-track-color: #000000;
    scrollbar-shadow-color: #272727;
    scrollbar-highlight-color: #272727;
    scrollbar-3dlight-color: #272727;
    scrollbar-darkshadow-color: #272727;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.form_error{
	color: #DC2405;
}

.form_success{
	color: #61BA15;
}

/*------------------------------------------------------------------------------*/
/*									  Showcase									*/
/*------------------------------------------------------------------------------*/

#proj {
	clear: both;
	height: 466px;
	overflow: hidden;
}

input.submit_btn {
	width:100px;
	cursor:pointer;
}

input[type="submit"]:hover{
	color: #DC2405;
}

#project_main_title{
	clear: both;
}

#project_details2{
	float: left;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#project_subscribe{
	float: right;
	margin-bottom: 20px;
}

#main_title_sub{
	clear: both;
}

#showcase_selection{
	clear: both;
}

.cubes {
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
	background-image: url(http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/cubes.png);
	width: 164px;
	height: 131px;
}

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

.showcase_txt {
	margin-top: -5px;
	@margin-top: -2px;
	margin-left: 10px;
}

.sc_leftbox {	
	float: left;
	background-color: #000;
	padding: 30px;	
	width: 544px;
	height: 406px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.sc_header {
	clear: both;
}

.sc_more_projs {
	float: right;
	margin-right: -5px;
	margin-top: -4px
}

/*more proj button*/
.btn_more-proj{
	display: block;
	width: 135px;
	height: 28px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_see-more-projs.png") no-repeat 0 0;
}

.btn_more-proj:hover{
	background-position: 0 -28px;
}

.btn_more-proj:active{
	background-position: 0 -56px;
}

.sc_rightbox {	
	float: right;
	border: 1px solid #E2E2E2;		
	background-color: #FFFFFF;
	padding: 20px;	
	width: 230px;	
	height: 406px;
	margin-top: 10px;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*view proj button*/
.btn_view-proj{
	margin-top: 6px;
	display: block;
	width: 115px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_launch.png") no-repeat 0 0;
}

.btn_view-proj:hover{
	margin-top: 6px;
	background-position: 0 -26px;
}

.btn_view-proj:active{
	margin-top: 6px;
	background-position: 0 -52px;
}

/*------------------------------------------------------------------------------*/
/*									  	FAQ 									*/
/*------------------------------------------------------------------------------*/

.faq_tabs a{
	text-shadow: 1px 1px black;
	font-weight: normal;
	font-size: 16px;
	color: white;
	padding-bottom: 5px;
	padding-top: 5px;
	height: 31px;
	width: 100%;
	outline: none;
	height: 31px;
}

.faq_tabs a:hover{
	color: #DC2405;
}

.faq_tabs a:active{
	background-position: 0 -62px;
}

.faq_content {
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #151515;
	border: 1px solid #232323;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    scrollbar-face-color: #000000;
	scrollbar-arrow-color: #4A4A4A;
    scrollbar-track-color: #000000;
    scrollbar-shadow-color: #272727;
    scrollbar-highlight-color: #272727;
    scrollbar-3dlight-color: #272727;
    scrollbar-darkshadow-color: #272727;
}

.faq_txt{
	color: #DADADA;
}

.faq_li{
	color: #959595;
}

#faqs_title {
	clear: both;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*vCard btn*/
#btn_vcard{
	float: right;
	margin-top: 6px;
	display: block;
	width: 137px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_download_vcard.png") no-repeat 0 0;
}

#btn_vcard:hover{
	float: right;
	margin-top: 6px;
	background-position: 0 -26px;
}

/*------------------------------------------------------------------------------*/
/*									  	vCard 									*/
/*------------------------------------------------------------------------------*/

#btn_vcard:active{
	float: right;
	margin-top: 6px;
	background-position: 0 -52px;
}

/*------------------------------------------------------------------------------*/
/*									Quote Signing								*/
/*------------------------------------------------------------------------------*/

#quotes {
	float: left;
	background-color: #000;
	width: 816px;
	position: relative;
	margin-top: 20px;
	padding: 30px;
	padding-top: 20px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#quotes_header {
	clear: both;
	margin-left: -10px;
}

#quotes_others {
	margin-left: 150px;
	margin-top: 2px;
}

/*btns style*/
#quotes_header ul {	
	list-style: none;
	display: inline;
}

#quotes_header ul li{
	float: left;
	padding: 8px;
	display: inline;
}

/*approve quote btn*/
#btn_quote-approve{
	display: block;
	width: 135px;
	height: 28px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_approve-pdf.png") no-repeat 0 0;
}

#btn_quote-approve:hover{
	background-position: 0 -28px;
}

#btn_quote-approve:active{
	background-position: 0 -56px;
}

/*download quote btn*/
#btn_quote-download{
	display: block;
	width: 135px;
	height: 28px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_download-pdf.png") no-repeat 0 0;
}

#btn_quote-download:hover{
	background-position: 0 -28px;
}

#btn_quote-download:active{
	background-position: 0 -56px;
}

.process_this {
	clear: both;
	color: #959595;
}

/*------------------------------------------------------------------------------*/
/*										Disk									*/
/*------------------------------------------------------------------------------*/

#disk {
	float: left;
	background-color: #FFF;
	border: 1px solid #E2E2E2;	
	width: 816px;
	position: relative;
	margin-top: 20px;
	padding: 30px;
	padding-top: 20px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/*upload btn*/
#weaverbox-upload{
	display: block;
	width: 107px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_upload-now.png") no-repeat 0 0;
}

#weaverbox-upload:hover{
	background-position: 0 -26px;
}

#weaverbox-upload:active{
	background-position: 0 -52px;
}

.disk_header {
	clear: both;
	color: black;
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
	margin-bottom: -15px;
}

/*------------------------------------------------------------------------------*/
/*									Share Invoice								*/
/*------------------------------------------------------------------------------*/

/*share btn*/
#btn-share{
	display: block;
	width: 152px;
	height: 27px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn-share.png") no-repeat 0 0;
}

#btn-share:hover{
	background-position: 0 -27px;
}

#btn-share:active{
	background-position: 0 -54px;
}

#share-invoice {
	background-color: #000;
	padding: 30px;	
	height: 580px;
	@height: 630px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#invoice_others {
	margin-left: 130px;
	margin-top: 2px;
}

/*------------------------------------------------------------------------------*/
/*									Fee Schedule								*/
/*------------------------------------------------------------------------------*/

#fee {
	float: left;
	background-color: #FFF;
	border: 1px solid #E2E2E2;	
	width: 816px;
	position: relative;
	margin-top: 20px;
	padding: 30px;
	padding-top: 20px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table {
	border-width: 1px;
	border-spacing: ;
	border-style: none;
	border-color: #D4D4D4;
	border-collapse: collapse;
	background-color: white;
}
table th {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #D4D4D4;
	background-color: white;
	-moz-border-radius: ;
}
table td {
	border-width: 1px;
	padding: 4px;
	border-style: inset;
	border-color: #D4D4D4;
	background-color: white;
	-moz-border-radius: ;
}

.fee_header {
	clear: both;
	color: black;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 3px 0 10px 0;
}

.fee_note {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
}

#feesLoginForm {
width:290px;
}

#feesLoginForm label {
float:left;
display:block;
width:80px;
line-height:20px;
}
.fields {
float: left;
width:200px;
background-color: #FCFCFC;
border: solid;
border-width: 1px;
border-color: #DADADA;
color: black;
padding: 3px 3px 3px 3px;
height:16px;
margin:0 0 8px 0;
}

#btn_fees-form{
	float: right;
	margin-top: 6px;
	display: block;
	width: 97px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_login.png") no-repeat 0 0;
}

#btn_fees-form:hover{
	float: right;
	margin-top: 6px;
	background-position: 0 -26px;
}

#btn_fees-form:active{
	float: right;
	margin-top: 6px;
	background-position: 0 -52px;
}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

#logout_link {
float: right;
}

#addUsersForm {
width:370px;
}

#addUsersForm label {
float:left;
display:block;
width:50px;
line-height:20px;
}

#btn_addusers-form{
	float: right;
	display: block;
	width: 97px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_submit.png") no-repeat 0 0;
}

#btn_addusers-form:hover{
	float: right;
	background-position: 0 -26px;
}

#btn_addusers-form:active{
	float: right;
	background-position: 0 -52px;
}

#btn_verification-form{
	float: right;
	display: block;
	width: 80px;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_submit.png") no-repeat 0 0;
}

#btn_verification-form:hover{
	float: right;
	background-position: 0 -26px;
}

#btn_verification-form:active{
	float: right;
	background-position: 0 -52px;
}

/*------------------------------------------------------------------------------*/
/*									Questionaire								*/
/*------------------------------------------------------------------------------*/

#questionaire {
	float: left;
	background-color: #FFF;
	border: 1px solid #E2E2E2;	
	width: 816px;
	position: relative;
	margin-top: 20px;
	padding: 30px;
	padding-top: 20px;
	/* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#questionaireLoginForm {
width:350px;
}

#questionaireLoginForm label {

display:block;
width:300px;
line-height:20px;
}
.questionaire_fields {
float: left;
width:300px;
background-color: #FCFCFC;
border: solid;
border-width: 1px;
border-color: #DADADA;
color: black;
padding: 3px 3px 3px 3px;
height:16px;
margin:0 0 8px 0;
}

.questionaire_radio {
	float: left;
	margin-right: 5px;
}

.questionaire_fields_small{
width:300px;
height: 80px;
background-color: #FCFCFC;
border: solid;
border-width: 1px;
border-color: #DADADA;
color: black;
padding: 3px 3px 3px 3px;
}

.description-textarea{
width:400px;
height: 170px;
background-color: #FCFCFC;
border: solid;
border-width: 1px;
border-color: #DADADA;
color: black;
padding: 3px 3px 3px 3px;
}

#btn_questionaire-form{
	display: block;
	height: 26px;
	background: url("http://static.hex.sg.s3-ap-southeast-1.amazonaws.com/imgs/btn_submit.png") no-repeat 0 0;
}

#btn_questionaire-form:hover{
	background-position: 0 -26px;
}

#btn_questionaire-form:active{
	background-position: 0 -52px;
}

.questionaire-title{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px #C2C2C2 dotted; 
	border-bottom: 1px #C2C2C2 dotted; 
	width:800px;clear:both;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	font-weight:bold;
	background-color:#F9F9F9;
}