/*-------------------------------------------------------------------------
| Primary stylesheet
|--------------------------------------------------------------------------
|
|	@package				Xyzzy Web Framework
|	@author					  Arjun Dhillon (arjun@quxmedia.com)
|	@link					    	  http://www.quxmedia.com
|
*/


	/* General layout
	-------------------------------------------------------------- */
  html, body, #wrap { height: 100%; width:100%; }
  body > #wrap { height: auto; min-height:100%; }
  /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; }
  body { background:#f9f9f9 url("../images/layout/site_top.jpg") 0 0 repeat-x; }
  /*body#home { background:#f9f9f9 url("../images/layout/site_top2.png") 0 0 repeat-x; }*/
  
  
	/* Header
	-------------------------------------------------------------- */
  #top-container { width:960px; height:65px; margin:0 auto; }
  header { float:left; height:65px; }
  a#logo { float:left; height:30px; width:130px; margin-top:18px; text-decoration:none; background:url("../images/layout/logo.png") 0 0 no-repeat; }
  
    
  /* Navigation
	-------------------------------------------------------------- */
		nav { float:right; height:65px; }
  ul#menu { float:right; list-style:none; }	
		ul#menu li { float:left; display:inline; margin:0px 0px 0px 60px; height:65px; line-height:70px; }
  ul#menu a { font:normal 16px Helvetica, Arial, sans-serif; color:#6d6d6d; text-decoration:none; letter-spacing:0.1px; text-transform:capitalize; }
		ul#menu a:hover, ul#menu li.menu_current a { text-decoration:none; color:#c8c8c8; }
  .subnav { width:940px; padding:0 10px; margin:10px auto; font-size:1.4em; color:#3f3f3f; }
  #pagesubheader { width:100%; background:#eaeaea; border-top:2px solid #e2e2e2; border-bottom:1px solid #dedede; margin-bottom:15px; }
		 
   
	/* Footer
	-------------------------------------------------------------- */
		#footer-wrap { position:relative; width:100%; height:53px; margin-top:-56px; clear:both; background:url("../images/layout/site_bottom.jpg") 0 0 repeat-x; border-top:3px solid #e2e2e2; }
  #footer_content { width:940px; margin:0px auto; padding-top:2px; }
		#footer_nav { float:left; border-left:1px solid #444444; margin:15px 0px 10px 14px; padding-left:15px; }
		#footer_social { float:right; padding-top:11px; }
  a.footer_logo { float:left; height:28px; width:29px; margin:10px 0px; background:url("../images/layout/q.png") 0 0 no-repeat; }
		a.footer_logo:hover { background-position:0px -28px; }
		a.sitemap { font:bold 17px Helvetica, Arial, sans-serif; margin-right:20px; color:#444444; text-decoration:none; letter-spacing:0.1px; text-transform:uppercase; }
		a.sitemap:hover { color:#a9a9a9; }
		#footer_social a { margin-left:10px; }
    
		
	/* Main layout styling
	-------------------------------------------------------------- */
  #main { width:960px; margin:0px auto; overflow:auto; padding-bottom:100px; }
  .leftcolumn { padding-right:10px; }
  .content-block { margin:15px 0px 0px; width:auto; overflow:auto; }
  .content-block-top { margin:0px; width:auto; overflow:auto; }
  .sidebar { float:left; padding-left:30px; width:255px; background:url("../images/layout/sidebar.png") 0 0 repeat-y; }
  .sidebar_top { float:left; margin-top:10px; height:30px; width:285px; background:url("../images/layout/sidebar_top.png") 0 0 no-repeat; }
  .sidebar_bottom { float:left; height:30px; width:285px; background:url("../images/layout/sidebar_bottom.png") 0 0 no-repeat; }
  .subnav_left  { float:left; width:30%; }
  .subnav_right { float:right; width:60%; }
  .subnav_right ul { float:right; list-style:none; margin-top:4px; }
  .subnav_right ul li { display:inline; margin-left:20px; }
  ul.sidebar-list li { margin-top:10px; }
  ul.sidebar-list2 { float:left; margin:5px 0 7px 5px; }
  ul.sidebar-list2 li { margin-bottom:10px; padding:0 0 0 19px; background:url("../images/icons/check.gif") 0 4px no-repeat; }
  ul.sidebar-list-docs { margin:-5px 0 0 5px; overflow:auto; }
  ul.sidebar-list-docs li { margin-top:10px; padding:0 0 0 19px; background:url("../images/icons/small/doc.png") 0 0 no-repeat; font-size:13px; }
  .sidebar-colorbox { width:247px; background:#f9f9f9; border:1px solid #d6d6d6; padding:3px; margin-top:20px; }
  .sidebar-colorbox-content { background:#f0f0f0; padding:10px; overflow:auto; }
    
    
  /* content: HOME
	-------------------------------------------------------------- */
  .sitefeature { width:940px; position:relative; margin:23px auto 12px; overflow:hidden; }
  .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next { display:block; text-indent:-8000px; overflow:hidden; }
  #slider ul { list-style:none; }
  #slider li { width:940px; height:255px; overflow:hidden; list-style:none; }	
  #prevBtn, #nextBtn { width:28px; height:46px; position:absolute; right:33px; top:205px; z-index:1000; }	
  #nextBtn { right:5px; }														
  #prevBtn a, #nextBtn a { display:block; position:relative; width:13px; height:26px; padding:10px 5px 10px 10px; background:url(../images/buttons/btn_prev.png) no-repeat 10px 10px; }	
  #nextBtn a { padding:10px 10px 10px 5px; background:url(../images/buttons/btn_next.png) no-repeat 5px 10px; }	
  .home_services_text { padding:2px 0px 0px 2px; }
  .home_services_text2 { margin-top:15px; padding:2px 0px 0px 2px; }
  img.blogimg { float:left; margin-right:13px; background:transparent; padding:4px; border:1px solid #dcdcdc; }	       
    
    
  /* content: WORK
	-------------------------------------------------------------- */
  .portfolio-row { margin:15px 0 0; }
  .portfolio-item { float:left; width:330px; margin:15px 20px 0px 0; }
  img.portfolio-img { float:left; margin-right:15px; }	
  img.portfolio-img-current { margin:5px 0 10px; }	
  img.portfolio-img-current-bottom { margin:0 0 5px; }	
  .casefeature { width:940px; padding:0px 10px; position:relative; margin:20px auto; }
  ul.project-services-list { width:610px; margin:5px 0 0; overflow:auto; }
  ul.project-services-list li { float:left; width:46%; margin-bottom:10px; padding:0 0 0 19px; background:url("../images/icons/check.gif") 0 4px no-repeat; overflow:auto; }
  
  
  /* content: ABOUT
	-------------------------------------------------------------- */
  ul.toolslist { list-style:none; margin:13px 0px 0px 5px; }	
  ul.toolslist li { margin:5px 0px 0px; font-size:12px; line-height:1.3; }
  ul.toolslist li a { color:#3f3f3f; }
  img.team { float:left; margin-right:25px; border:3px solid #e3e3e3; }
  img.services { float:left; margin-right:15px; }

    
	/* content: CONTACT
	-------------------------------------------------------------- */
  .sidebar-map { margin-top:20px; }
  iframe.gmap { width:255px; height:200px; margin:0px; border:0px; outline:0px; } 
  #contact-alert { height:60px; background:#fbfbef; border:1px solid #e7e7e7; display:none; padding:17px 15px 15px; margin-bottom:25px; }
  .contact-message-error { height:60px; background:url("../images/notices/warning.png") 0 0 no-repeat; padding:0 0 0 95px; }
  .contact-message-success { height:60px; background:url("../images/notices/success.png") 0 0 no-repeat; padding:0 0 0 85px; }
  ul.form-notice-list { list-style-type:none; font-size:1.15em; line-height:1.2; margin:10px 0 0; padding:0; }
  ul.form-notice-list li { margin:5px 0 0; color:#3d3d3d; padding:0; }
    
    
	/* content: PROJECT PLANNER
	-------------------------------------------------------------- */
  .project-planner-section { float:left; padding:15px 12px 0px; margin-bottom:15px; background:#f4f4f4; border:1px solid #e6e6e6; }
    
    
  /* content: LOCAL
	-------------------------------------------------------------- */
  .local-feature { width:960px; height:280px; margin:25px 0 30px; background:url("../images/local/feature.png") 10px 0 no-repeat; }
  .local-pricing-basic { width:268px; padding:95px 15px 10px; background:url("../images/local/basic.png") 0 0 no-repeat; }
  .local-pricing-premium { width:268px; padding:95px 15px 10px; background:url("../images/local/premium.png") 0 0 no-repeat; }
  .local-pricing-advanced { width:268px; padding:95px 15px 10px; background:url("../images/local/advanced.png") 0 0 no-repeat; }
  ul.pricing-plan { margin:0 0 10px 5px; }
  ul.pricing-plan li { margin-bottom:10px; padding:0 0 0 19px; background:url("../images/icons/check.gif") 0 4px no-repeat; }
    
    
	/* Twitter feeds
	-------------------------------------------------------------- */
		.tweet { float:left; height:auto; width:282px; padding:4px 8px; margin-bottom:10px; background:#e8f6f9; border:1px solid #d0e7ed; }
		.tweet .tweet_list { -webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0; font-size:12px; line-height:1.3; }
		.tweet .tweet_list img { padding:0px; margin-right:5px; margin-bottom:5px; border:1px solid #dcdcdc; }
		.tweet ul { text-indent: 0px; }
		.tweet .tweet_list li { overflow: auto; padding-bottom:7px; padding-top:7px; }
		.tweet .tweet_list li a { font-size:12px; }
		.tweet .tweet_list .tweet_even { }
		.tweet .tweet_list .tweet_avatar { padding-right: .5em; float: left; }
		.tweet .tweet_list .tweet_avatar img { vertical-align: middle; }
  
	
	/* Headings
	-------------------------------------------------------------- */
  h2.portfolio_title { font:1.35em 'BitstreamVeraSansRoman', Helvetica, Arial, sans-serif; line-height:1.3; padding:11px 0px 10px; margin:0px; }
  h2.portfolio_title_current { font:1.25em 'BitstreamVeraSansRoman', Helvetica, Arial, sans-serif; line-height:2.4; padding-left:5px; margin:0px; }
		h3.portfolio_link { font-size:15px; margin:0px 0px 10px; }
		h1.content_header4 { font-size:1.2em; color:#54798c; text-transform:uppercase; margin:20px 0px 5px; }
		h1.content_header4_mid { font-size:1.2em; color:#54798c; text-transform:uppercase; margin:20px 0px 5px; }
		h1.content_header5 { font-weight:bold; font-size:1.2em; color:#494949; text-transform:uppercase; margin:0px 0px 7px; }
		h1.content_header5_mid { font-size:1.2em; color:#353535; text-transform:uppercase; margin:25px 0px 10px; }
		h1.subheader { display:inline; font-size:1.4em; font-weight:normal; color:#3f3f3f; /*text-transform:uppercase;*/ margin:0px; }
		h1.subheader span { color:#838383; }
		h1.team_title { font-size:1.2em; color:#353535; text-transform:uppercase; line-height:1.8; margin:0px 0px 5px; }
		h2.home_services { font-weight:bold; font-size:1.37em; color:#424242; margin:8px 0px 13px; }
  h2.home_services2 { font-weight:bold; font-size:1.37em; color:#466c8f; margin:8px 0px 13px; }
		h2.current_project { padding:2px 0px 0px 3px; font-size:1.4em; color:#313131; line-height:1.4; margin-bottom:7px; }
		h1.sectionhead { font-size:1.5em; color:#6b6b6b; text-transform:uppercase; padding:0px 0px 12px; margin:25px 0px 0px; }
		h1.sectionhead2 { font-size:1.5em; color:#6b6b6b; text-transform:uppercase; padding:0px 0px 12px; margin:55px 0px 0px; }
  h1.sectionhead3 { font-size:1.5em; color:#6b6b6b; text-transform:uppercase; padding:0px 0px 12px; margin:45px 0px 0px; }
		h2.sidebar-header-dark { font-weight:bold; font-size:1.3em; color:#5c676f; margin:25px 0px 12px; }
		h2.sidebar-header-dark-top { font-weight:bold; font-size:1.3em; color:#5c676f; margin:0px 0px 12px; }
		h2.sidebar-header-blue { font-size:1.2em; color:#54798c; text-transform:uppercase; margin:35px 0px 10px; }
  h2.sidebar-colorbox-header { font-weight:bold; font-size:1.2em; color:#6f6f6f; margin:0 0 10px; }
		h2.form-notice-header { font:bold 24px Tahoma, Arial, sans-serif; margin:0; color:#3d3d3d; }
  .project-planner-section h2 { font-weight:bold; font-size:1.1em; color:#747474; padding:0px 0px 12px; margin:0px; }
  h2.services-header1 { font-weight:bold; font-size:1.2em; color:#494949; text-transform:uppercase; margin:0 0 5px; }
    
 
	/* Links
	-------------------------------------------------------------- */
		a.sectionhead_link { float:right; font:normal 13px Helvetica, Arial, sans-serif; text-transform:none; padding:3px 0px 0px; }
  h2.portfolio_title a { color:#1b5177; }
  h2.portfolio_title a:hover { text-decoration:none; border-bottom:1px dotted #0B699F; }
  h2.services-header1 a { color:#494949; }
  h2.services-header1 a:hover { border-bottom:1px dotted #494949; text-decoration:none; }
  a.services-more { color:#0b699f; }
  .sidebar-list-docs a { color:#494949; font-style:italic; }
  .sidebar-list-recent-projects a { color:#494949; font-style:italic; }
  a.sidebar-list-more { float:right; font-size:13px; color:#0b699f; border-bottom:none; overflow:auto; font-style:normal; }
  a.subheader { display:inline; font-weight:normal; color:#3f3f3f; margin:0; text-decoration:none; }
		a.subheader span { color:#838383; }
  a.subheader:hover, a.subheader span:hover { color:#0b699f; text-decoration:none; }
		@media screen and (-webkit-min-device-pixel-ratio:0) { nav a, a.sitemap { font-weight:normal; } }
	
		
	/* Body text
	-------------------------------------------------------------- */
		p.list_item1 { margin:25px 10px 5px 0px; line-height:1.4; }
		p.list_item2 { height:70px; margin:20px 5px 0px 0px; line-height:1.4; }
		p.list_item1 span, p.list_item2 span { font:15px Helvetica, Arial, sans-serif; color:#252525; line-height:1.8; }
		p.sidecolumn1 { font-size:1.1em; line-height:1.4; }
		p.alignright1 { text-align:right; padding-right:15px; }
  p.sidebar-button { float:left; margin:5px 0 20px; }
  p.intro_paragraph { margin-bottom:20px; }
  p.intro_paragraph2 { margin-bottom:30px; }
  p.portfolio-text  { font-size:1.1em; color:#747474; }
  p.portfolio-text_current  { font-size:1.1em; color:#747474; padding:0 0 0 5px; }
  .sidebar-colorbox-content p { font-size:13px; margin:0px; }
  
  
	/* Form section boxes
	-------------------------------------------------------------- */
  li.form-element-honeypot { display:none; margin:0 -2000px 0 0; }
  li.form-element-block { margin-bottom:15px; list-style:none; }
  li.form-left { float:left; width:47%; }
  li.form-right { float:right; width:48%; padding-right:5px; }
  li.form-wide { float:left; width:100%; }
  li.form-element-block-submit { margin-bottom:0px; list-style:none; }
  li.form-element-block label { float:left; margin-bottom:7px; }
  li.form-element-block input { width:98%; color:#404040; padding:4px; border:1px solid #d0d0d0; border-top-color:#a9a9a9; }
  li.form-element-block select { width:100%; color:#404040; padding:3px 4px 2px; border:1px solid #d0d0d0; border-top-color:#a9a9a9; }
  li.form-element-block select option { padding:1px 5px 1px; margin:4px 0; }
  li.form-element-block textarea { width:98%; height: 150px; color:#404040; padding:4px; border:1px solid #d0d0d0; border-top-color:#a9a9a9; font-family:Helvetica, Arial, sans-serif; }
  li.form-wide textarea { width:98.5%; height:100px; color:#404040; padding:4px; border:1px solid #d0d0d0; border-top-color:#a9a9a9; font-family:Helvetica, Arial, sans-serif; }
  li.form-wide textarea.short { width:98.5%; height: 70px; color:#404040; padding:4px; border:1px solid #d0d0d0; border-top-color:#a9a9a9; font-family:Helvetica, Arial, sans-serif; }
  li.form-element-block-submit button { font:normal 15px Helvetica, Arial, sans-serif; color:#fff; border:0px; outline:0px; padding:6px 22px; background:#2e2e2e; cursor:pointer; }
  li.form-element-block-submit button:hover { background:#222222; }
  li.form-element-block input:focus, li.form-element-block textarea:focus { outline:#bad9f3 solid 1px; }
  
  
 
 /* Local page styles
	-------------------------------------------------------------- */
  a.logo_local { float:left; height:30px; width:180px; text-decoration:none; background:url("../images/layout/logo_local.png") 0 0 no-repeat; }
  nav ul.local li a { color:#b5b5b5; }	
  nav ul.local li a:hover { color:#e5e5e5; }	
		nav ul li.menu_current a { color:#c9c9c9; }