/*
Theme Name: One Point WP Theme
Theme URI: http://one.consultinglimited.com/
Description: The wordpress theme to match with One Point's website
Version: 0.1
Author: One Point
Author URI: http://one.consultinglimited.com/
Tags: one point
*/

/* style.css - contains color / typography and other style stuff */

/* COLORS 

pink: #EC008C
orange: #FF701A
blue: #2A64B6

*/

/*--------------------- General Stuff ---------------------------*/

body{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:16px;
background-color:#f3f3f3;
}

#sectionpage, #blog{
font-size:12px;
color:#414141;
}

p{
line-height:1.5em;
}

h2{
font-size:22px;
color:#000000;
font-weight:normal;
}

h3{
font-size:17px;
color:#7f7f7f;
font-weight:normal;
}

h4{
font-size:12px;
color:#286db7;
}

a{
text-decoration:none;
color:#2a64b6;
}

a:hover{
color:#FF701A;
}

#sectionpage a{
text-decoration:underline;
color:#ff701a;
}

#blog a{
color:#FF701A;
}

#blog a:hover{
color:#286DB7;
}

#sectionpage a:hover{
color:#286db7;
}

#sectionpage h1, #blog h1{
font-size:18px;
color:#1f519a;
padding:0 0 10px 0;
border-bottom:1px solid #7ea7d4;
}

#sectionpage h2{
font-size:16px;
font-weight:normal;
color:#286db7;
padding:0 0 10px 0;
border-bottom:1px solid #d4e2f1;
margin:1.5em 0 1em 0;
}

#blog h2{
font-size:16px;
font-weight:normal;
color:#286db7;
margin:1.5em 0 1em 0;
}

.grey_line{
height:1px;
width:274px;
border-bottom:1px solid #e5e5e5;
margin:8px 0;
}

.lightblue_line{
height:1px;
border-bottom:1px solid #d4e2f1;
}

* html .grey_line{
margin:0;
}



#body{
background-color:#FFFFFF;
}

#header{
background:transparent url(images/tagline.gif) 460px 80px no-repeat;
}

/* navigation */

#nav_bar{
background:transparent url(images/nav_bg.jpg) left top no-repeat;
}

#nav_bar a{
text-align:center;
color:#777777;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

#nav_bar a:hover, #nav_bar li, #nav_bar li.active a{
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#286db7;
text-align:center;
}

#nav_bar li ul a{
text-align:left;
background-image:none;
}

#nav_bar a:hover, #nav_bar li.active a{
background-image:none !important;
}

#nav_home{
background:transparent url(images/nav_home_ov.jpg) left top no-repeat;
}

#read_about{
background:transparent url(images/our_vision_bg2.jpg) left top no-repeat;
}

#nav_home a{
background:transparent url(images/nav_home.jpg) left top no-repeat;
}

#nav_home a:hover{
background-image:none;
}

#nav_about{
background:transparent url(images/nav_about_ov.jpg) left top no-repeat;
}

#nav_about a{
background:transparent url(images/nav_about.jpg) left top no-repeat;
}

#nav_about a:hover{
background-image:none;
}

#nav_solutions{
background:transparent url(images/nav_solutions_ov.jpg) left top no-repeat;
}

#nav_solutions a{
background:transparent url(images/nav_solutions.jpg) left top no-repeat;
}

#nav_solutions a:hover{
background-image:none;
}

#nav_services{
background:transparent url(images/nav_services_ov.jpg) left top no-repeat;
}

#nav_services a{
background:transparent url(images/nav_services.jpg) left top no-repeat;
}

#nav_services a:hover{
background-image:none;
}

#nav_contact{
background:transparent url(images/nav_contact_ov.jpg) left top no-repeat;
}

#nav_contact a{
background:transparent url(images/nav_contact.jpg) left top no-repeat;
}

#nav_contact a:hover{
background-image:none;
}

.dropdown{
background:#183e82 url(images/dropdown_bg.gif) left top no-repeat;
border-top:2px solid #2b65b6;
border-bottom:2px solid #183e82;
}

.dropdown li a{
font-weight:bold;
color:#FFFFFF !important;
font-size:11px;
}

.dropdown li a:hover{
background-color:#FFFFFF !important;
color:#2A64B6 !important;
text-align:left !important;
}

#footer{
background:transparent url(images/footer_bg.gif) left top repeat-x;
}

#contact_us a{
font-size:11px;
color:#999999;
text-decoration:none;
line-height:normal;
}

/*------------------------ Homepage -------------------------------*/

#header_img{
color:#FFFFFF;
font-size:12px;
background:transparent url(images/homepage_main_header_bg.jpg) right top no-repeat;
}

#header_img li{
font-size:14px;
border-bottom:1px solid #305594;
}

#header_img div a{
color:#FFFFFF;
}

#header_img div a:hover{
color:#FF701A;
}

#next_arrow{
background:transparent url(images/right_button.png) right top no-repeat;
}

#previous_arrow{
background:transparent url(images/left_button.png) left top no-repeat;
}

#homepage_info_list{
font-size:12px;
color:#2a64b6;
}

#homepage_info_list li{
background:transparent url(images/tick.gif) left center no-repeat;
}

.homepage_info_box{
font-size:12px;
}

.homepage_news_item p{
font-size:11px;
color:#666666;
}

.homepage_info_box a{
color:#FF701A;
}

.homepage_info_box a:hover{
color:#2A64B6;
}

.homepage_news_item .date{
font-size:10px;
color:#cccccc;
}

.homepage_news_item .title a{
font-size:12px;
color:#2a64b6;
font-weight:bold;
}

.homepage_news_item .title a:hover{
color:#FF701A;
}

#footer_links a, #footer{
font-size:10px;
color:#666666;
font-weight:bold;
text-decoration:none;
}

#contact_us a:hover{
color:#999999;
text-decoration:underline;
}

#footer_links a:hover{
color:#666666;
text-decoration:underline;
}

#homepage_values_box{
background:transparent url(images/news_box_bg.jpg) left top no-repeat;
}

#homepage_case_studies_box{
background:transparent url(images/news_box_bg.jpg) left top no-repeat;
}

#homepage_news_box{
background:transparent url(images/news_box_bg.jpg) left top no-repeat;
}

#homepage_values_box a, #homepage_case_studies_box a{
background:transparent url(images/orange_arrow.gif) left center no-repeat;
}

/*------------------------ SECTION PAGE ------------------------------------*/

#blog #submenu_top{
background:#dedede url(images/submenu_bg_top.gif) left top no-repeat;
}

#submenu{
background:#e0e6ee url(images/submenu_bg.gif) left top no-repeat;
}

#blog #submenu{
background:#dedede url(images/submenu_bg_bottom.gif) left bottom no-repeat;
}

#submenu li a:hover{
color:#ff701a;
}

#submenu li.active{
color:#ff701a;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #FFFFFF;
}

#blog #submenu li a:hover{

}

#blog #submenu li.active{
border-bottom:1px solid #ff701a;
}

#submenu li a{
color:#286db7;
font-size:13px;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #FFFFFF;
}

#blog #submenu li a{
border-bottom:0;
}

#section_quote{
background:transparent url(images/quote_bg.jpg) left top no-repeat;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-align:left;
}

#section_quote a{
color:#FFFFFF;
}

#section_quote a:hover{
color:#FF701A;
}

.related_pages li a{
font-size:12px;
color:#999999 !important;
text-decoration:none;
}

.related_pages li a:hover{
color:#286DB7 !important;
}

.breadcrumb{
font-size:10px;
color:#666666;
}

.breadcrumb a{
color:#999999 !important;
text-decoration:none !important;
}

.breadcrumb a:hover{
text-decoration:underline !important;
}

#bottom_links li a{
text-decoration:none;
padding:0 0 0 12px;
background:transparent url(images/orange_arrow.gif) left center no-repeat;
}

/*----------------- CONTACT FORM -------------------------------------*/

#contact_form span{
color:#FF701A;
font-weight:bold;
font-size:18px;
}

#form_toggle_button{
width:143px !important;
height:38px !important;
background:transparent url(images/show_fields_button_bg.jpg) left top no-repeat;
border:0 !important;
}

#form_clear input{
width:110px !important;
height:37px !important;
border:0 !important;
background:transparent url(images/clear_form_button_bg.jpg) -2px top no-repeat;
}

#form_submit input{
width:80px !important;
height:35px !important;
border:0 !important;
background:transparent url(images/send_button_bg.jpg) left top no-repeat;
}

.field_with_errors{
border:1px solid red;
background-color:#ff9898;
position:relative;
}

#contact_form .field_with_errors label{
color:#FF0000;
}

#contact_form .field_with_errors p{
width:180px;
float:right;
border:1px solid red;
background-color:#FFFFFF;
padding:5px;
}

.form_error{
width:200px;
height:162px;
background:transparent url(images/BubblePlate.png) left top no-repeat;
position:absolute;
right:30px;
top:0px;
}

.form_error p{
height:80px;
width:100px;
padding:30px 0 0 50px;
}

#envelope{
background:transparent url(images/Envelope-Icon.png) left top no-repeat;
width:150px;
height:99px;
}

/* Blog Messages */

#message{
background-color:#333333;
color:orange;
padding:1px 8px 1px 8px;
}

#message a:hover{
color:#ff701a;
}

#message a{
color:#286db7;
font-size:13px;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #FFFFFF;
}