body {
	margin: 0 auto;
	padding: 2px;
	font-family: Arial, Serif;
	font-size: 12px;
	width: 800px;
}

#wrapper {
	width: 800px;
}

div, p, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
}

p {	font-size: 100%; }

h1 { font-size: 130% }
h2 { font-size: 120% }
h3 { font-size: 110% }

/*############ HEADER ##############*/
div#header {
    clear: both;
    padding: 0;
    background: url(images/header.jpg);
    height: 92px;
    cursor: pointer;
}

div#header ul{
	position: relative;
	top: 72px;
	left: 560px;
    padding: 0;
    width: 225px;
    padding: 0;
    margin: 0;
    list-style: none;
}

div#header ul li{
    padding: 0;
    margin: 0;
	float:right;
	color: #023B94;
	font-weight: bold;
}
div#header ul li a {
	text-decoration: none;
	color: #023B94;
}
div#header ul li#tel{
	width: 140px;
}

div#header ul li#tel span{
	color: #fff;
	margin-right: 10px; 
}
div#header ul li#email{
	width: 40px;
	padding-left: 20px;
	background: url(images/email.gif) no-repeat -2px -1px;
}



/*############ MAIN NAV ##############*/

div#top_menu {
	width: 100%;
	height: 25px;
	background: #FCA41C;
}

div#top_menu ul {
	float: right;
    padding: 0;
    margin: 0;
	list-style: none;
}

#top_menu li {
	display: inline;
    padding: 0;
    margin: 0 20px;
}

#main_nav_empty {
	width: 40px;
}

/*
#main_nav_oneit:hover { background: #C6DDEB; color: #666; }
#main_nav_casestudies:hover { background: #C6DDEB; color: #666; }
#main_nav_onedesk:hover { background: #C6DDEB; color: #666; }

#main_nav_home:hover { background: #C6DDEB; color: #666; }
#main_nav_about:hover { background: #C6DDEB; color: #666; }
#main_nav_contact:hover { background: #C6DDEB; color: #666; }
*/

#top_menu li a {
	margin: 0px 10px;
	padding: 5px;
	display: block;
	float: right;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}

#top_menu li a:hover {
	background: #FFBA4F;
}
/*############ MAIN ##############*/
div#main {
    padding: 0;
    margin: 0;
    float: left;
    width: 798px; 
   	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
   	
}

div#main div#content{
    padding: 0;
    margin: 0;
    width: 100%; 
}

div#other_content_wrapper {
	padding: 0 20px 0 10px;
	float: right;
	width: 595px;
}

/*############# HOME PAGE ##############*/
div#other_content_wrapper #home_logo { 
	padding: 0;
	margin: 0 20px 0 0 ;
	float: right;
}

div#promo {
	width: 200px;
	float: right;
	margin: -10px 0 0 0;
}

div#promo dl {}

div#promo dl dt#od img { }

div#promo dl dt{
	position: relative;
	left: -15px;
}

div#promo dl dd{
	padding: 0 0 0 15px;
	margin: 0;
	text-align: left;	
	color: #2E6BBB;
	font-weight: bold;
	font-size: 90%;
}

div#promo dl dd img{
	margin: 0 2px;
}

#main_info {
	float: left;
	width: 370px;
	margin: 0 0 0 10px;
}

div#middle_blob {
	float: right;
	width: 350px;
	margin-right: 20px;
}

div#middle_blob p{
	text-align: left;
	padding: 10px 0;
	font-weight: bold;
	color: #999;
	font-size: 120%;
	line-height: 1.2em;
}

div#quick_links {
	width: 150px;
	margin: 15px 0 0 10px;
}

div#blockL {
	float: left;
	}

div#address {
	width: 150px;
	margin: 15px 0 0 10px;
}


div#quick_links p {
	clear: both;
	text-align: center;
	text-transform: uppercase;
	color: #1b368d;
	font-size: 120%;
	font-weight: bold;
	background: url(images/ql.jpg) no-repeat;
}

div#quick_links ul{
	list-style: none;
	padding: 0;
	margin:0;
}

div#quick_links ul li{
	padding: 10px 5px;
	border-bottom: 1px dashed #999;
	margin:0;
}

div#quick_links ul li a{
	font-weight: bold;
	color: #999;
	text-decoration: none;
	padding: 10px 10px 10px 30px;
	margin:0;
	height: 40px;
	letter-spacing: 1px;
	width: 150px;
}

div#quick_links ul li a span.ql_one{
	color: #ffaa29;
}

div#quick_links ul li a span.ql_description{
	color: #1b368d;
}

div#quick_links ul li a:hover{
	color: #039;
	text-decoration: underline;
}

div#quick_links ul li a#home { background: url(images/ql_home.gif) no-repeat }
div#quick_links ul li a#home:hover { background: url(images/ql_home_over.gif) no-repeat; }

div#quick_links ul li a#about { background: url(images/ql_about.gif) no-repeat }
div#quick_links ul li a#about:hover { background: url(images/ql_about_over.gif) no-repeat; }

div#quick_links ul li a#onedesk { background: url(images/ql_1desk.gif) no-repeat; }
div#quick_links ul li a#onedesk:hover { background: url(images/ql_1desk_over.gif) no-repeat }

div#quick_links ul li a#oneit { background: url(images/ql_1it.gif) no-repeat; }
div#quick_links ul li a#oneit:hover { background: url(images/ql_1it_over.gif) no-repeat }

div#quick_links ul li a#cs { background: url(images/ql_cs.gif) no-repeat }
div#quick_links ul li a#cs:hover { background: url(images/ql_cs_over.gif) no-repeat }

div#quick_links ul li a#contact { background: url(images/ql_contact.gif) no-repeat }
div#quick_links ul li a#contact:hover { background: url(images/ql_contact_over.gif) no-repeat }


div#news {
	float: right;
	width: 356px;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
	background: url(images/news_bottom.gif) no-repeat bottom left;
}

div#news h3#news_header {
	padding: 4px 0 10px 20px;
	margin: 0;
	background: url(images/news_top.gif) no-repeat top left;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffaa29;
}

div#news h3#news_header span#archive {
	position: relative;
	top: -2px;
}

div#news h3#news_header span#archive a {
	color: #fff;
	text-transform: none;
	text-decoration: none;
	padding: 0 0 0 37px;
	background: url(images/news_link_arrow.gif) no-repeat 23px 5px;
}

div#news h3#news_header span#archive a:hover {
	background: url(images/news_link_arrow_over.gif) no-repeat 23px 5px;
	color: #039;
}

div#news ul {
	list-style: none;
	padding: 0 0 15px 20px;
	font-weight: bold;
	margin: 0;
	color: #90a8ca;
}

div#news ul li {
	padding: 3px 0;
	float: left;
}

div#news ul li span{
	display: block;
	width: 280px;
	float: left;
}

div#news ul li a {
	color: #90a8ca;
	padding: 0 15px 0 0;
	background: url(images/news_link_arrow.gif) no-repeat right;
	float: left;
	text-decoration: none;
}
div#news ul li a:hover{
	color: #039;
	background: url(images/news_link_arrow_over.gif) no-repeat right;
	
}
/*################ OTHER PAGES ####################*/
div#other_content_wrapper {
	padding: 0 20px 0 10px;
	float: right;
	width: 595px;
}

h1.section_other_logo {
	margin: 10px 0 10px 10px;
	font-size: 250%;
	font-weight: bold;
}
h1#oneit_other_logo span#first { 
	color: #FFAA29;
}
h1#oneit_other_logo span#second { color: #083789; } 

h1#onedesk_other_logo span#first { 
	color: #FFAA29;
}
h1#onedesk_other_logo span#second { color: #083789; } 

div#other_content_wrapper img#onedesk_section{
	float: right;
	margin: 10px 0 10px 10px;
}


/*#######*/
div#other_content_wrapper #overview{
	width: 560px;
	float: left;
	padding: 0 0 0 10px;
	margin: 0 10px 10px 0;
}

div#other_content_wrapper #overview hr {
	margin: 10px 0 10px 5px;
	height: 3px;
	background: #eee;
}

div#other_content_wrapper #overview h2 {
	padding: 10px 3px 3px 3px;
	font-size: 130%;
	color: #3B799F;
}
div#other_content_wrapper #overview p {
	padding: 5px;
	font-size: 110%;
	line-height: 1.4em;
	color: #333;
}

div#other_content_wrapper #overview ul {
	font-size: 110%;
	color: #333;
	padding: 0; margin: 0; list-style: disc;
}

div#other_content_wrapper #overview ul li {
	padding: 5px 0; margin-left: 20px;
}

h1#section_title {
	padding: 5px;
}

/*############### CASESTUDIES ############*/
ul#case_studies_nav {
	border-left: 2px solid #C6DDED;
	border-bottom: 2px solid #C6DDED;
	float: right;
	list-style: none;
	padding: 0;
	margin: 0 0 10px 10px;
}

ul#case_studies_nav li{
	padding: 0;
	margin: 0;
}

ul#case_studies_nav li a {
	display: block;
	width: 150px;
	text-decoration: none;
	padding: 3px 10px;
	margin: 0;
	font-weight: bold;
	color: #666;
}
ul#case_studies_nav li a:hover {
	background: #C6DDED;
}

h2.cs_header {
	color: #3B799F; 
	font-size: 130%;
	margin: 0 0 0 10px;
}

p.cs_desc {
	padding: 0;
	margin: 5px 0 5px 10px;
	font-size: 120%;
	color: #666;
}

p.cs_read_more {
	margin: 0 0 20px 10px;
}


/*############ ABOUT US ############*/
#aboutus {
	margin: 0 0 0 10px; 
}

#aboutus h2{
	margin: 15px 0 5px 0;
	color: #3B799F; 
	font-size: 140%;
}

#aboutus p{
	font-size: 110%;
	margin: 5px 0; 
	line-height: 1.4em;
	color: #666;
}

/*#################################*/


/*#################################*/
h1.section_main_logo {
	margin: 10px 0 0 10px;
	font-size: 250%;
	font-weight: bold;
}
h1#oneit_main_logo span#first { 
	color: #FFAA29;
}
h1#oneit_main_logo span#second { color: #083789; } 

h1#onedesk_main_logo span#first { 
	color: #FFAA29;
}
h1#onedesk_main_logo span#second { color: #083789; } 

div#other_content_wrapper #section_quick_text {
	margin: 10px 0 10px 10px;
	color: #646464;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
}

#onedesk_logo { 
	float: right; 
	margin: 20px 30px 0 30px;	
}

#oneit_logo { 
	float: right; 
	margin: 20px 30px 0 30px;	
}

div#other_content_wrapper .how_works { 
	margin: 20px 0 0 10px;
}

div#other_content_wrapper .how_works h2 {
	padding: 0;
	margin: 0;
	font-size: 130%;
	padding-bottom: 5px;
}
div#other_content_wrapper #oneit_how_works h2 { 	
	color: #FFAA29; 
}
div#other_content_wrapper #onedesk_how_works h2 { 	
	color: #FFAA29; 
}

div#other_content_wrapper .how_works p { 
	padding: 0; 
	margin: 0;
	color: #646464;
	font-weight: normal;
}

div#other_content_wrapper .how_works ul { 
	padding: 0; 
	margin: 0;
	list-style: none;	
}

div#other_content_wrapper .how_works li { 
	padding: 4px 0 4px 0; 
	margin: 0;
	color: #666;
}

div#other_content_wrapper .how_works li a{ 
	background: url(images/oneit_bottom_menu_arrow.jpg) no-repeat 0 0; 
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	padding-left: 20px;
}
div#other_content_wrapper .how_works li a:hover{ 
	background: url(images/oneit_bottom_menu_arrow_over.gif) no-repeat 0 0; 
}

div#other_content_wrapper .how_works li a span.oneit_word { color: #929292; }
div#other_content_wrapper .how_works li a span.other_word { color: #3B799F; }

div#other_content_wrapper .what_means { 
	margin: 10px 0;
}

div#other_content_wrapper .what_means h2 { 	
	padding: 0;
	margin: 20px 0 0 10px;
	font-size: 130%;
	padding-bottom: 5px;
}
div#other_content_wrapper #oneit_what_means h2 { 	
	color: #FFAA29; 
}
div#other_content_wrapper #onedesk_what_means h2 { 	
	color: #FFAA29; 
}

div#other_content_wrapper .what_means ul { 
	padding: 0; 
	margin: 0 0 0 10px; 
	list-style: none;
	width: 500px;
}

div#other_content_wrapper #oneit_what_means ul { 	
	color: #666;
	font-weight: bold;
}

div#other_content_wrapper .what_means ul li { 
	padding: 3px 0 3px 22px; 
	margin: 0; 
	color: #666;
	font-weight: bold;
	background: url(images/oneit_bullet.gif) no-repeat 0 6px;
}

div.leftblob {
	position: relative;
	top: -120px;
	left: -170px;
	font-weight: bold;
	font-size: 100%;
	color: #3B799F;
	width: 165px;
}

div#oneit_leftblob {
	top: -250px;
	left: -170px;
}

div.leftblob #oneit_leftblob_top {

}

div.leftblob #oneit_leftblob_bottom {

}

/*########## SECTION NAVIGATION ###############*/
div.section_nav {
	height: 32px;
	background: url(images/section_nav_bg.jpg) repeat-x;
	padding: 0; 
	margin: 0;
}

ul.section_nav {
	list-style: none;
	padding: 0; 
	margin: 0;
	font-size: 90%;
}

ul.section_nav li{
	float: right;
	padding: 0; 
	margin: 0;
}

ul.section_nav li a {
	display: block;
	width: 127px;
	padding: 5px 3px 5px 3px; 
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 120%;
	text-align: center;
	background: url(images/tab_down.gif ) no-repeat;
	color: #fff;
}

ul.section_nav li a:hover {
	background: url(images/tab_over.gif ) no-repeat;
	padding: 3px 3px 7px 3px; 
	color: #083789;
}

ul.section_nav li a#_selected {
	background: url(images/tab_over.gif ) no-repeat;
	padding: 3px 3px 7px 3px; 
	color: #083789;
}

/*############## ERROR ##############*/
div#error {
	height: 300px;
	font-size: 120%;
	color: #666;
}

div#error h1 {
	color: #083789;
	font-size: 150%;
}

div#error p {
	padding: 10px 0;
}

div#error ul {
	margin: 0;
}

div#error ul li {
	margin: 5px 0;
}

/*############## ####################*/
div#left {
    float: left;
    width: 150px;
    border: 1px solid red;
}

div#right {
    float: right;
    width: 150px;
    border: 1px solid green;
}

/*############# FOOTER ##################*/

div#footer {
    clear: both;
    margin: 0 0 0 0;
    background: url(images/footer_bg.jpg) no-repeat;
	font-weight: bold;
	color: #999;
	padding: 5px 0 5px 10px;
	height: 18px;
	border-right: 1px solid #aaa;
}

div#footer p {
	float: left;
}

div#footer a {
	color: #999;
	text-decoration: none;
}

div#footer #coublis {
	color: #2E6BBB;
	font-weight: bold;
}

div#footer #year {}

div#footer #flexible {
	width: 270px;
	padding: 0;
	margin: 0;
	font-size: 110%;
	float: right;
	position: relative;
	top: -3px;
	color: #1b368d;	
}

div#footer #flexible #section_indicator {
	color: #FFAA29;
	text-transform: uppercase;
}

/*######### CONTACT FORM ###########*/


#contact_form {
	margin: 0;
	width: 500px;
}

#contact_form td{
	padding: 5px;
}

#contact_form .header {
	font-size: 120%;
	color: #2E6BBB;
}

.required {
	color: #f00;
}

select, input, textarea {
	font-size: 90%;
}

div#thanks {
	margin: 10px;
}

div#thanks p {
	font-size: 120%;
	color: #2E6BBB;
}

div#output {
	margin: 10px 0;
	border: 1px solid #2E6BBB;
	padding: 10px;
}

div#output dl {
	font-size: 110%;
	clear: both;
	margin: 0 0 10px 0;
}

div#output dl dt {
	font-weight: bold;
	float: left;
}

div#output dl dd {
	margin-left: 100px;
}


/*###########  MISC ####################*/

.break {
	clear: both;
}