/*
Theme Name: YesUp.net
*/

/* CSS Document */
body{ background:#efefef!important;  }

a{color:#36c;}
.site_wrap{background:#fff url(./images/footer_blue.gif) left bottom repeat-x; padding:0 0 20px; overflow:hidden; zoom:1;}
.right{float:right;}


 #header{ padding:20px 0 10px;}
.logo {
	float:left;
}
.top_links {
	float:right;
	padding:70px 0 0 0;
}
.menu {
    float:right;
	overflow:hidden;
	zoom:1;background:url(./images/menu_bg.gif) 0 0 repeat-x; 
}
.menu li {
	float:left; 
	list-style-type:none;
	margin:0;
	padding:0;
	height:33px;
}

.menu li.first{ background:url(./images/menu_bg_end.gif) left top no-repeat; padding:0 0 0 10px;}
.menu li.last{ background:url(./images/menu_bg_end.gif) right bottom no-repeat; padding:0 10px 0 3px;}
.menu li a{ display:inline-block;height:33px; line-height:30px; text-decoration:none; font-weight:bold; color:#666; margin:0; padding:0 20px; text-shadow:0px 1px 1px #efefef;}
.menu li a:hover{ color: #000; background:url(./images/menu_bg.gif) left bottom repeat-x;}

.search{ position:relative;}
.search .inputbtn{ position:absolute; left:104px; top:6px; border:0; background:url(./images/search_btn.png) 0 0 no-repeat; width:20px; height:20px; cursor:pointer; }
.search_box{ margin:4px 0 0; width:120px; height:20px; padding:0 2px;border-right:1px solid #ccc;border-bottom:1px solid #ccc; border-top:1px solid #999; border-left:1px solid #999;  background:#efefef;}


#home_banner { 
	background:url(./images/home_banner.jpg) 0 0 no-repeat;
	overflow:hidden;
	zoom:1; 
	height:380px;
}
 
 #home_banner h1{  color: #E3F1F9; font-size:1.4em; padding:26px 10px 0; margin:0 0 30px;}
 #home_banner h1 span{ color: #FFFFEA;}
 
 #home_banner .step_block{ background:url(./images/transparent_bg.png) 0 0 no-repeat;  height:277px;}
.step_block{ margin:0 0 0 24px; position:relative; z-index:0; float:left; width:283px; display:inline; text-shadow:0px 1px 1px #fff;} 
.step_block h2{ font-weight:bold; text-transform:capitalize; letter-spacing:-0.02em;  padding:20px 20px 10px;}
.step_block a{ text-decoration:none; color:#333; }
.step_block a:hover{ text-decoration:underline;}
.step_block h2 a{ line-height:1.2em; text-decoration:none;}
.step_block h2.blue a{ color:#003366; font-size:25px;letter-spacing:-0.04em;}
.step_block h2.red a{font-size:25px; color:#C00;letter-spacing:-0.04em; }
.step_block h2.green a{ font-size:24px; color:#006600; letter-spacing:-0.04em;}
.step_block ul{font-weight:bold; font-size:14px; padding:0 0 0 8px; letter-spacing:-0.01em;}
.step_block ul li.bold{ list-style-type:none; margin:0 0 8px 12px;}
img.steps{ position:absolute; left:210px; top:205px; z-index:2000; display:block} 
 
#home_form{ color:#666; margin:25px 0 0;background:#fff;} 
#home_form form{ padding:0; border:6px solid #ccc;  background:url(./images/home_form_gradian.gif) left bottom repeat-x;  }
#home_form h2{color: #000; text-transform:capitalize; overflow:hidden; zoom:1; margin:0; letter-spacing:-0.01em;  padding:10px;  } 
#home_form h2 span{  float:right; color: #4B8BB1; display:inline-block; padding:3px 0 0 30px;}
.office_hour{ position:absolute; left:178px; top:18px; line-height:1.1em; border-left: 1px solid #ccc; padding:0 0 0 10px; width:200px; font-size:11px; color:#36c;}
.call{ position:absolute; bottom:60px; right:16px; color: #999; display:block; height:50px;  font-size:2em; padding:0 0 0 30px;}
.choose_services{ background:#efefef; padding:6px;} 
#home_form ul{list-style-type:none; margin:0; padding:10px 10px 0;   overflow:hidden; zoom:1;} 
 #home_form ul li{ float:left; width:254px; margin:0 0 10px; padding:0;}
#home_form ul li.form_verify{ float:left; width:500px; margin:0 0 10px; padding:0;}
 #home_form ul label{ font-weight:bold; text-transform:capitalize; width:80px; display:inline-block; float:left;  }
  #home_form ul input.inputbox{ background:#EAF4F7; border:1px solid #ccc; float:left;width:160px; height:20px;}
  #home_form ul li textarea,#home_form ul li select{ background:#EAF4F7;border:1px solid #ccc; width:160px; height:80px;}
  #home_form p{ padding:0 10px;}
 #home_form p label { font-weight:bold; text-transform:capitalize;}
 #home_form p select{ width:340px; height:22px; margin:0 0 0 20px;}
  #home_form p textarea{ border:1px solid #ccc; height:70px; width:510px;}
  #home_form .btn_row{ background:#333; margin:0; padding:5px; text-align:center; }
  .send_request{ background:url(./images/send_request.gif) 0 0 no-repeat; width:120px; height:33px; border:0; cursor:pointer; outline:none;}
 
#services_options{ padding:0 20px; width:350px; background:url(./images/gradian_middle.gif) top center repeat-x; } 
#services_options h1{font-size:2em; line-height:1em; padding:20px 0 0; letter-spacing:-0.01em; color:#666;}
span.tag_line{ display:block; font-size:0.6em; color:#990000}
 .options li{ margin:0; list-style-type:none;}
 .options h3{ font-size:1.4em;  margin:0;  font-weight:normal; text-decoration:none; } 
 .options p{padding:0 0 0 16px; line-height:1.2em;}
 .options a{ text-decoration:none;color: #385972; background:url(./images/yesup_icon.gif) left 5px no-repeat; padding:0 0 0 16px;}
 .options a:hover{ text-decoration:underline ;}
 
h2.cap {
	text-align:center;
	color:#fff;
	margin:0;
}

.block_content {
	background:#ccc;
	padding:10px;
}
  
.cap2 {
	border-bottom:6px solid #ccc;
	padding:3px 0px ;
}
.block{
	margin-top:10px;
}
 
.corner_TL{ background: url(./images/corner_TL.gif) left top no-repeat; width:10px; height:10px; position:absolute; left:0; top:0;} 
.corner_TR{ background: url(./images/corner_TR.gif) right top no-repeat;width:10px; height:10px; position:absolute; right:0; top:0;} 
.corner_BL{ background:url(./images/corner_BL.gif) left bottom no-repeat;width:10px; height:10px; position:absolute; left:0; bottom:0;} 
.corner_BR{ background:url(./images/corner_BR.gif) right bottom no-repeat;width:10px; height:10px; position:absolute; right:0; bottom:0;} 
 
 
/* page design */
#page_banner{ background:url(./images/page-top.jpg) 0 0 no-repeat; width:940px; height:220px; }
#page_banner h1{ color: #E3F1F9; font-size:1.4em; padding:26px 10px 0; margin:0 0 30px;}
  #page_banner h1 span{ color: #FFFFEA;}
 
 #page_banner .step_block h2.blue a{ color:#003366; font-size:25px; font-weight:bold;}
 #page_banner .step_block h2.red a{font-size:25px; color:#C00;font-weight:bold;}
 #page_banner .step_block h2.green a{ font-size:23px; color:#006600;font-weight:bold;}
 
 
#breadcrum{ color:#999; margin:0; padding:0 0 20px; font-size:11px;}
#breadcrum a{ color:#ccc;}
#breadcrum a:hover{ color:#666;}
 
#page_main{ margin:0; width:960px;  border-top:6px solid #E9F1F5 ;  border-bottom:6px solid #E9F1F5 ;  background:#fefef6 url(./images/page_left.gif) 260px top repeat-y;} 
 #page_main .grid_4{} 
 .page_left{ padding:20px 0 40px;}
 .page_content{ padding:5px 0 40px 0; font-size:1.1em; }
 .page_content  h1.tag_line{ font-weight:normal; font-size:2em; color: #333; padding:0; text-transform:capitalize;}
 .page_content  h1.tag_line_archive{ font-weight:normal; font-size:1.5em; color: #6699CC; padding:0; text-transform:capitalize;}
 .page_content h2{ color:#36c; font-size:1.1em;}
.page_content h2 a.d_pdf{ color:#666; font-weight:normal; background:#fefef6 url(./images/media-kit.gif) left center no-repeat ; padding:0 0 0 20px; margin:0 0 0 20px;}
 .page_content #home_form{ margin:25px 0 0 30px; border:4px solid #ccc; width:540px;}
  
 .page_left h3{ font-size:1.1em; text-transform:uppercase; color:#666;  padding:0 0 0 12px; margin:0 0 15px;}
 .page_left_nav{margin:0 0 20px;}
 .page_left_nav li{ list-style-type:none; margin:0; padding:0 0 0 20px; }
 .page_left_nav li.current{height:54px; background:url(./images/page_left_menu_shadow.gif) right bottom no-repeat; margin:10px 0 0; }
 .page_left_nav li.current a{ height:40px; line-height:40px;  text-align:right;   padding:0 20px 0 0; background:url(./images/page_left_menu.gif) right center no-repeat; color:#fff; }
 .page_left_nav li.current a:hover{ color:#fff;}
 .page_left_nav li a{ background:url(./images/yesup_icon.gif) left center no-repeat; color:#6699CC; font-weight:bold; text-decoration:none; display:block; height:30px; line-height:30px; padding:0 0 0 20px;  text-transform:capitalize; font-size:1em;text-transform:uppercase;}
 .page_left_nav li a:hover{ color:#36c;}
  
 /* livesupport*/ 
 .live_support_banner{ margin:0 0 20px 20px; display:block; background:url(./images/live-support.gif) 0 0 no-repeat; width:234px; height:75px;}
 

.online_ad_logos{list-style-type:none; overflow:hidden; zoom:1;}
.online_ad_logos li{float:left; margin:0 0 0 10px;}

/* Contact Us */ 
#contact_form{width:530px; margin:25px 0 0 30px;background:#EEF3F8; 
 -moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border:4px solid #bfe2f3; }
 
 #contact_form ul{ list-style-type:none; margin:0;  padding:20px 10px; }
 #contact_form ul li{ padding:0 0 20px; margin:0;  overflow:hidden;zoom:1;}
 #contact_form ul li label{ width:100px; color:#666; padding:0 30px 0 0; float:left; display:block; text-align:right; text-transform:capitalize; font-weight:bold;}
 #contact_form ul li input.inputbox{ height:22px; width:320px; }
 #contact_form ul li select,#contact_form ul li textarea{ height:100px; width:320px;}
 #contact_form ul li.btn_row{ padding:0 0 0 130px;}
 
 .address{ background:#fff; width:237px; margin:0 0 0 20px;  }
 .address strong { overflow:hidden; zoom:1;}
 .address strong a {
font-weight:normal;
float:right;
color:#66CCFF;
text-decoration:none;
}
 .address_item{ padding:10px;}
 .address strong {
border-bottom:1px dotted #CCCCCC;
display:block;
margin:0 0 5px;
padding:0 0 3px;}
  .address span{ display:block;}
 

.job_detail{list-style-type:none;}
.backtotop{text-align:right}
.backtotop a{ padding:0 0 0 10px;}

/* FOOTER*/ 
 
#footer{font-size:11px;    padding:20px 0 0; margin-top:30px;} 
p.footer_desp{ float:right; width:200px; color:#999; padding:0 20px 0 0;} 
 
.footer_link {
	overflow:hidden;
	zoom:1; 
    
	padding:0px;
	margin:0;
}
.footer_link li{
     border-right:1px dotted #ccc;
	 
	float:left;
	
	list-style-type:none;
	width:160px;
	margin:0;
	padding:0 0 0 10px;
}
.footer_link a{
    background:url(./images/point_grey.gif) left center no-repeat;
	padding:0 0 0 6px;
	display:block;
	text-decoration:none;
	color:#666;
}
.footer_link a:hover{  color: #3366CC;}
.copyright {
   margin:20px 20px 10px; font-size:11px; height:30px; line-height:30px;
   background:url(./images/logo_footer.gif) right center no-repeat;
}
.bottom_links {
	float:right;
}

.entry {
	margin: 0 0 20px;
	text-align: justify;
	}
.sidebar {
	background:#e7e3e2;
	border:1px solid #ccc;
}
.sidebar_block{
	background:#ddd5d2;
	margin:20px;
	padding:10px;
}

/***************** 960 **********************/

.container_12 {border-left:1px solid #b3bfc9; border-right:1px solid #b3bfc9;}


.container_12, .container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float:left;
	position:relative;
	margin-left:10px;
	margin-right:10px
}
.container_12 .grid_3, .container_16 .grid_4 {
	width:220px
}
.container_12 .grid_6, .container_16 .grid_8 {
	width:460px
}
.container_12 .grid_9, .container_16 .grid_12 {
	width:700px
}
.container_12 .grid_12, .container_16 .grid_16 {
	width:940px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.container_12 .grid_1 {
	width:60px
}
.container_12 .grid_2 {
	width:140px
}
.container_12 .grid_4 {
	width:300px
}
.container_12 .grid_5 {
	width:380px
}
.container_12 .grid_7 {
	width:540px
}
.container_12 .grid_8 {
	width:620px
}
.container_12 .grid_10 {
	width:780px
}
.container_12 .grid_11 {
	width:860px
}
.container_16 .grid_1 {
	width:40px
}
.container_16 .grid_2 {
	width:100px
}
.container_16 .grid_3 {
	width:160px
}
.container_16 .grid_5 {
	width:280px
}
.container_16 .grid_6 {
	width:340px
}
.container_16 .grid_7 {
	width:400px
}
.container_16 .grid_9 {
	width:520px
}
.container_16 .grid_10 {
	width:580px
}
.container_16 .grid_11 {
	width:640px
}
.container_16 .grid_13 {
	width:760px
}
.container_16 .grid_14 {
	width:820px
}
.container_16 .grid_15 {
	width:880px
}
.container_12 .prefix_3, .container_16 .prefix_4 {
	padding-left:240px
}
.container_12 .prefix_6, .container_16 .prefix_8 {
	padding-left:480px
}
.container_12 .prefix_9, .container_16 .prefix_12 {
	padding-left:720px
}
.container_12 .prefix_1 {
	padding-left:80px
}
.container_12 .prefix_2 {
	padding-left:160px
}
.container_12 .prefix_4 {
	padding-left:320px
}
.container_12 .prefix_5 {
	padding-left:400px
}
.container_12 .prefix_7 {
	padding-left:560px
}
.container_12 .prefix_8 {
	padding-left:640px
}
.container_12 .prefix_10 {
	padding-left:800px
}
.container_12 .prefix_11 {
	padding-left:880px
}
.container_16 .prefix_1 {
	padding-left:60px
}
.container_16 .prefix_2 {
	padding-left:120px
}
.container_16 .prefix_3 {
	padding-left:180px
}
.container_16 .prefix_5 {
	padding-left:300px
}
.container_16 .prefix_6 {
	padding-left:360px
}
.container_16 .prefix_7 {
	padding-left:420px
}
.container_16 .prefix_9 {
	padding-left:540px
}
.container_16 .prefix_10 {
	padding-left:600px
}
.container_16 .prefix_11 {
	padding-left:660px
}
.container_16 .prefix_13 {
	padding-left:780px
}
.container_16 .prefix_14 {
	padding-left:840px
}
.container_16 .prefix_15 {
	padding-left:900px
}
.container_12 .suffix_3, .container_16 .suffix_4 {
	padding-right:240px
}
.container_12 .suffix_6, .container_16 .suffix_8 {
	padding-right:480px
}
.container_12 .suffix_9, .container_16 .suffix_12 {
	padding-right:720px
}
.container_12 .suffix_1 {
	padding-right:80px
}
.container_12 .suffix_2 {
	padding-right:160px
}
.container_12 .suffix_4 {
	padding-right:320px
}
.container_12 .suffix_5 {
	padding-right:400px
}
.container_12 .suffix_7 {
	padding-right:560px
}
.container_12 .suffix_8 {
	padding-right:640px
}
.container_12 .suffix_10 {
	padding-right:800px
}
.container_12 .suffix_11 {
	padding-right:880px
}
.container_16 .suffix_1 {
	padding-right:60px
}
.container_16 .suffix_2 {
	padding-right:120px
}
.container_16 .suffix_3 {
	padding-right:180px
}
.container_16 .suffix_5 {
	padding-right:300px
}
.container_16 .suffix_6 {
	padding-right:360px
}
.container_16 .suffix_7 {
	padding-right:420px
}
.container_16 .suffix_9 {
	padding-right:540px
}
.container_16 .suffix_10 {
	padding-right:600px
}
.container_16 .suffix_11 {
	padding-right:660px
}
.container_16 .suffix_13 {
	padding-right:780px
}
.container_16 .suffix_14 {
	padding-right:840px
}
.container_16 .suffix_15 {
	padding-right:900px
}
.container_12 .push_3, .container_16 .push_4 {
	left:240px
}
.container_12 .push_6, .container_16 .push_8 {
	left:480px
}
.container_12 .push_9, .container_16 .push_12 {
	left:720px
}
.container_12 .push_1 {
	left:80px
}
.container_12 .push_2 {
	left:160px
}
.container_12 .push_4 {
	left:320px
}
.container_12 .push_5 {
	left:400px
}
.container_12 .push_7 {
	left:560px
}
.container_12 .push_8 {
	left:640px
}
.container_12 .push_10 {
	left:800px
}
.container_12 .push_11 {
	left:880px
}
.container_16 .push_1 {
	left:60px
}
.container_16 .push_2 {
	left:120px
}
.container_16 .push_3 {
	left:180px
}
.container_16 .push_5 {
	left:300px
}
.container_16 .push_6 {
	left:360px
}
.container_16 .push_7 {
	left:420px
}
.container_16 .push_9 {
	left:540px
}
.container_16 .push_10 {
	left:600px
}
.container_16 .push_11 {
	left:660px
}
.container_16 .push_13 {
	left:780px
}
.container_16 .push_14 {
	left:840px
}
.container_16 .push_15 {
	left:900px
}
.container_12 .pull_3, .container_16 .pull_4 {
	left:-240px
}
.container_12 .pull_6, .container_16 .pull_8 {
	left:-480px
}
.container_12 .pull_9, .container_16 .pull_12 {
	left:-720px
}
.container_12 .pull_1 {
	left:-80px
}
.container_12 .pull_2 {
	left:-160px
}
.container_12 .pull_4 {
	left:-320px
}
.container_12 .pull_5 {
	left:-400px
}
.container_12 .pull_7 {
	left:-560px
}
.container_12 .pull_8 {
	left:-640px
}
.container_12 .pull_10 {
	left:-800px
}
.container_12 .pull_11 {
	left:-880px
}
.container_16 .pull_1 {
	left:-60px
}
.container_16 .pull_2 {
	left:-120px
}
.container_16 .pull_3 {
	left:-180px
}
.container_16 .pull_5 {
	left:-300px
}
.container_16 .pull_6 {
	left:-360px
}
.container_16 .pull_7 {
	left:-420px
}
.container_16 .pull_9 {
	left:-540px
}
.container_16 .pull_10 {
	left:-600px
}
.container_16 .pull_11 {
	left:-660px
}
.container_16 .pull_13 {
	left:-780px
}
.container_16 .pull_14 {
	left:-840px
}
.container_16 .pull_15 {
	left:-900px
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}

/***************** reset **********************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}

/***************** reset **********************/
body {
	font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
}
 
a:focus {
	outline:1px dotted invert
}
hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
h1 {
	font-size:24px
}
h2 {
	font-size:20px
}
h3 {
	font-size:18px
}
h4 {
	font-size:16px
}
h5 {
	font-size:14px
}
h6 {
	font-size:12px
}
ol {
	list-style:decimal
}
ul {
	list-style:disc
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:10px
}

