/* CSS Document */

body {margin: 0 ;
	background: #96005D url(../images/bg.jpg) repeat-x;
	}
	
#container {margin: 0 auto;
	width: 960px;
	overflow: hidden;
	}
	
.masthead {float: left;
	width: 100%;
	height: 216px;
	}
	
.logo {float: left;
	width: 227px;
	height: 209px;
	margin: -30px 0 0 0;
	z-index: 2000;
	position: absolute;
	}	
	
.logo h1 {text-indent: -9999px;
	height: 1px;}	
	
.full_copy_block {float: left;
	width: 520px;
	margin: 10px 60px 0 0;
	}
	
.det {width: 429px;
	height: 170px;
	background: url(../images/speech_bubble.png) no-repeat;
	float: right;
	}
	
.det_copy {float: left;
	margin: 20px 0 0 60px;
	width: 325px;
	}
	
	
.det_copy h2 {font: 20px Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0 0 5px 0;
	}
	
	
	
p {font: 15px Helvetica, Arial, sans-serif;
	line-height: 130%;
	color: #fff;
	margin: 0 0 8px 0;
	}	
	
p span {font-weight: bold;
	color: #00B1B0;
	}
	
p a {text-decoration: none;
	color: #fff;
	font-weight: bold;
	}
	
p a:hover {color: #00B1B0;}
		
	
	
.side_box {float: left;
	width: 350px;
	height: 300px;
	background: url(../images/box_bg.jpg) repeat-x;
	padding: 10px;
	margin: 0;
	}
	
.side_box_list {float: left;
	width: 350px;
	margin: 10px 0 5px -20px;
	}
	
.side_box_list li {display:block;
	width: 336px;
	height: auto;
	margin: 0 0 6px -20px;
	padding: 4px;
	font: 15px Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
.side_box_list li#L1 {background: #00B1B0;}
.side_box_list li#L2 {background: #10A2A9;}
.side_box_list li#L3 {background: #2091A2;}
.side_box_list li#L4 {background: #2E809A;}
.side_box_list li#L5 {background: #3E6E91;}
.side_box_list li#L6 {background: #4B5A88;}


.serv_list {float: left;
	width: 100%;
	height: auto;
	margin: 0 0 40px 0 ;
	}
	
.serv_list li { 
	margin: 0 0 10px 0;
	font: 15px Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
.full_copy_block h3 {float: left;
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	font: 15px Helvetica, Arial, sans-serif;
	color: #fff;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	padding: 5px 0 5px 0;
	}
	
.side_box_serve {float: left;
	width: 350px;
	height: 300px;
	background: url(../images/box_bg.jpg) repeat-x;
	padding: 10px;
	margin: 0;
	}	
	
.side_box_serve p {padding: 20px 8px 8px 8px;
	float: left;
	}	
	
.charge_tab {float: left;
	width: 100%;
	height: auto;
	font: 15px Helvetica, Arial, sans-serif;
	color: #fff;
 	text-align: left;
  	margin: 0 0 30px 0;
	}
	
.charge_tab th {font-size: 20px;
	background: url(../images/box_bg.jpg) repeat-x;
  	padding: 10px;
	}	
	
.charge_tab td {width: 50%;
  	padding: 10px;
  	background: #6E0043;
	}	
	
.skype_button {float: left;
	text-indent: -9999px;
	border: 0;
	cursor: pointer;
	clear: both;
	margin: 0 0 0 -14px;
	}	
	
.skype_button a {float: left;
	background:  url(../images/skype_button.png) no-repeat;
	background-position: 0 0;
	width: 198px; 
	height: 29px;
	margin: 0;	
	}

.skype_button a:hover {background-position: 0 -28px;}	
	
.anna_img {float: right;
	width: 259px;
	287px;
	margin: -60px 0 0 0;
	}
	
/* ---------------------------------------------		
all site title styles
---------------------------------------------- */ 
	
.home_title {float: left;
	width: 520px;
	height: 38px;
	background:  url(../images/local-admin-assistant.png) no-repeat;
	margin: 56px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}

.sb_title {float: left;
	width: 318px;
	height: 60px;
	background:  url(../images/titles/side_box_title.png) no-repeat;
	margin: 5px 0 10px 5px;
	text-indent: -9999px;
	}
	
.sb_title_serve {float: left;
	width: 318px;
	height: 60px;
	background:   url(../images/titles/anything-else-title.png) no-repeat;
	margin: 5px 0 10px 5px;
	text-indent: -9999px;
	}	
	
.serv_title1 {float: left;
	width: 520px;
	height: 38px;
	background:  url(../images/titles/accounts-admin-title.png) no-repeat; 
	margin: 56px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}
	
.serv_title2 {float: left;
	width: 520px;
	height: 38px;
	background:   url(../images/titles/database-creation-management_title.png) no-repeat; 
	margin: 0 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.serv_title3 {float: left;
	width: 520px;
	height: 38px;
	background:   url(../images/titles/mail_merge_title.png) no-repeat; 
	margin: 0 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}		
	
.serv_title4 {float: left;
	width: 520px;
	height: 38px;
	background:  url(../images/titles/email_marketing_title.png) no-repeat; 
	margin: 0 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.serv_title5 {float: left;
	width: 520px;
	height: 38px;
	background:   url(../images/titles/computer_training_title.png) no-repeat; 
	margin: 0 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.charges_title {float: left;
	width: 520px;
	height: 38px;
	background:   url(../images/titles/charges-title.png) no-repeat; 
	margin: 56px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.fixed_title {float: left;
	width: 520px;
	height: 38px;
	background: url(../images/titles/fixed-prices-title.png) no-repeat; 
	margin: 0 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.charities_title {float: left;
	width: 527px;
	height: 38px;
	background: url(../images/titles/charities-title.png) no-repeat; 
	margin: 30px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.travel_title {float: left;
	width: 520px;
	height: 38px;
	background: url(../images/titles/travel-title.png) no-repeat; 
	margin: 30px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.tc_title {float: left;
	width: 520px;
	height: 38px;
	background: url(../images/titles/tc-title.png) no-repeat; 
	margin: 30px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
	
.contact_title {float: left;
	width: 520px;
	height: 38px;
	background:   url(../images/titles/contact-title.png) no-repeat; 
	margin: 56px 0 10px 0;
	text-indent: -9999px;
	clear: both;
	}	
							
		
	
/* ---------------------------------------------		
footer styles
---------------------------------------------- */ 

.footer {float: left;
	width: 100%;
	height: auto;
	margin: 30px 0 0 0;
	}
	
.footer_line {float: left;
	width: 100%;
	height: 0;
	border-top: solid 1px #6E0043;
	border-bottom: solid 1px #AB337D;
	margin: 5px 0 10px 0;
	}
	
.reg {float: left;
	width: 400px;
	height: auto;
	}
	
.reg p, .wd_link p {font: 13px Helvetica, Arial, sans-serif;
	color: #fff;
	}
	
.wd_link {float: right;
	width: 200px;
	height: auto;
	text-align: right;
	}
	
.wd_link a,
.det_copy a {color: #fff; text-decoration: none;}

.wd_link a:hover {color: #00B1B0;}	
.det_copy a:hover {color: #00B1B0;}	


/* ---------------------------------------------		
social links styles
---------------------------------------------- */

.soclinks_holder {
    height: auto;
    margin: 220px 0 10px 860px;
    width: 100px;
	position: absolute;
	}
	
.FB  {
    margin: 0 10px 0 0;
	}
	
.FB a,
.TW a {
    display: block;
    height: 32px;
    width: 32px;
	}

.FB h3,
.TW h3
	{
    margin: 0;
    text-indent: -9999px;
	}
	
.FB a {
    background-image: url("../images/social_links.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: right;
    height: 32px;
    width: 32px;
	margin: 0 10px 0 0;
	}

.FB a:hover {
    background-position: 0 -32px;
	}

	


.TW a {
    background-image: url("../images/social_links.png");
    background-position: -33px 0;
    background-repeat: no-repeat;
    float: right;
    height: 32px;
    width: 32px;
	}
	
.TW a:hover {
    background-position: -33px -32px;
	}


/* ---------------------------------------------		
tab styles	
---------------------------------------------- */

 * jQuery UI Tabs 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 2px 0 0 0; padding: 0;}
.ui-tabs .ui-tabs-nav li { text-align: center;list-style: none; float: left; position: relative; top: 2px; margin: 0 5px 0 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; width: 104px;height: 37px; background: url(../images/nav-tabs.gif) no-repeat; background-position: 0 -38px;}


.ui-tabs .ui-tabs-nav li a { float: left; padding: 10px 0 0 0; text-decoration: none; color: #fff;font: 21px Georgia, "Times New Roman", Times, serif; display: block; width: 104px; height: 37px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background-position: 0 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #fff;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 0 0 10px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }