/*** SERVICES PAGE SPECIFIC	***/
#services_features {
	height: 465px;
	width: 1025px;
	background: url('../images/services_featbg.gif') top left no-repeat;
	clear: both;
}

#services_features ul {
	list-style-type: none;
	margin: 0 0 0 50px;
	padding: 3px 0 0 0;
}

#services_features ul li {
	float: left;
}

#services_features ul li a {
	display: block;
	margin: 10px 0;
	height: 32px;
	background: url('../images/main_sprite.gif');
	text-indent: -9999px;
}

#services_features ul li a:active, #services_features ul li a:focus {
	outline: none; /* hide dotted outline in Firefox */
	-moz-outline-style: none;
}

#services_features ul li a.next {
	background-position: -22px -178px;
	width: 80px;
}

#services_features ul li a.next:hover {
	background-position: -22px -223px;
	width: 80px;
}

#services_features ul li a.feat1 {
	background-position: -109px -178px;
	width: 184px;
}

#services_features ul li a.feat1:hover {
	background-position: -109px -269px;
}

#services_features ul li a.feat1_selected {
	background-position: -109px -223px !important;
}

#services_features ul li a.feat2 {
	background-position: -293px -178px;
	width: 194px;
}

#services_features ul li a.feat2:hover {
	background-position: -293px -269px;
}

#services_features ul li a.feat2_selected {
	background-position: -293px -223px !important;
}

#services_features ul li a.feat3 {
	background-position: -487px -178px;
	width: 193px;
}

#services_features ul li a.feat3:hover {
	background-position: -487px -269px;
}

#services_features ul li a.feat3_selected {
	background-position: -487px -223px !important;
}

#services_features ul li a.feat4 {
	background-position: -680px -178px;
	width: 192px;
}

#services_features ul li a.feat4:hover {
	background-position: -680px -269px;
}

#services_features ul li a.feat4_selected {
	background-position: -680px -223px !important;
}

#services_features #viewport {
	clear: left;
}

#services_features .feat_block {
	width: 920px;
	height: 359px;
	display: block;
	float: left;
	margin: 0 0 0 50px;
	padding: 50px 0 0 0;
}

..feat_block {
	height: 369px;
	padding: 40px 0 0 0 !important;
}

#services_features .feat_block h2 {
	font-family: 'Arial Narrow', Helvetica, sans-serif;
	color: #333;
	font-size: 1.8em;
	margin: 5px 0;
}

#services_features .feat_block p {
	display: block;
	width: 375px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	line-height: 1.5em;
	font-size: 0.9em;
	float: left;
	margin-bottom: 0;
}
#services_features .feat_block p.headline1 {font-size: 1em; line-height: 1.1em; color: #5C972B;}

#services_features .feat_block ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: left;
}

/*** SERVICES SLIDER SPECIFIC ***/
#services_features #widecontainer {
	width: 920px; /* min: 3680px */
}

a#email_syscal {
	margin-left: 50px !important;
}

ul.service_list li {
	margin: 5px 0 10px 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #666666;
	line-height: 1.3em;
}

span.orange {
	color: #ff6600;
}

p.service_intro {
	color: #515151;
	font-size: 1.0em !important;
}

/*** Service1 ***/
h2#introducing_sam {
	text-indent: -9999px;
	display: block;
	background: url('../images/service1_sprite.gif') top left no-repeat;
	width: 237px;
	height: 35px;
}

h3#syscal_assisted_management {
	text-indent: -9999px;
	display: block;
	background: url('../images/service1_sprite.gif') 0px -47px no-repeat;
	width: 205px;
	height: 15px;
	margin: 10px 0 0 0;
}

h3#sam_can_help_with {
	text-indent: -9999px;
	display: block;
	background: url('../images/service1_sprite.gif') 0px -75px no-repeat;
	width: 205px;
	height: 15px;
}

div.sam_can_help_with {
	width: 220px;
	height: 359px;
	display: block;
	float: left;
	margin-left: 20px;
	padding-left: 250px;
	background: url('../images/service1_mouse.gif') bottom left no-repeat;
}

..sam_can_help_with {
	padding-left: 220px !important;
	width: 450px !important;
	height: 369px !important;
}

div.sam_can_help_with ul {
	list-style-type: disc !important;
	font-family: Verdana, Arial, sans-serif;
	color: #666666;
	font-size: 0.8em;
	list-style-position: inside !important;
}

div.sam_can_help_with ul li {
	margin-bottom: 9px;
	display: list-item !important;
	float: none !important;
}

..sam_can_help_with ul li {
	margin-bottom: 7px !important;
}

a.learn_more_about_sams_process {
	background: url('../images/service1_sprite.gif') 0px -103px no-repeat !important;
	width: 208px !important;
	height: 12px !important;
	margin-top: 30px !important;
}

/*** Service2 ***/
h2#sams_process {
	text-indent: -9999px;
	display: block;
	background: url('../images/service2_sprite.gif') top left no-repeat;
	width: 204px;
	height: 37px;
}
	
h3#how_sam_works_for_your_business {
	text-indent: -9999px;
	display: block;
	background: url('../images/service2_sprite.gif') 0px -56px no-repeat;
	width: 235px;
	height: 15px;
}

a.what_to_expect_from_syscal {
	background: url('../images/service2_sprite.gif') 0px -82px no-repeat !important;
	width: 180px !important;
	height: 12px !important;
}

/*** Service3 ***/
h2#service_is_in_our_dna {
	text-indent: -9999px;
	display: block;
	background: url('../images/service3_sprite.gif') top left no-repeat;
	width: 291px;
	height: 35px;
}

h3#why_choose_syscal {
	text-indent: -9999px;
	display: block;
	background: url('../images/service3_sprite.gif') 0px -44px no-repeat;
	width: 141px;
	height: 18px;
	margin: 10px 0 0 0;
}

h3#what_can_you_expect_from_us {
	text-indent: -9999px;
	display: block;
	background: url('../images/service3_sprite.gif') 0px -72px no-repeat;
	width: 205px;
	height: 15px;
}

a.contact_syscal_and_learn_more {
	background: url('../images/service3_sprite.gif') 0px -98px no-repeat !important;
	width: 205px !important;
	height: 15px !important;
	margin-top: 40px !important;
}

.service3_list li {
	margin-bottom: 20px !important;
}

/*** Service4/Contact Form ***/
.contact_section {
	width: 400px;
	display: block;
	float: left;
}	

.contact_section p {
	margin: 15px 0;
	float: none !important;
}

.contact_part2 {
	margin-left: 110px;
}

..contact_part2 {
	margin-left: 70px;
	padding-top: 20px;
}

..contact_part2 form p {
	margin-top: 0;
}

..contact_part2 form {
	margin-left: 0px;
}

h2#see_sam_in_action {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') top left no-repeat;
	width: 240px;
	height: 34px;
}

.sam_in_action {
	float: none !important;
}

h2#sit_down_with_us_today {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') 0px -49px no-repeat;
	width: 260px;
	height: 30px;
	margin-top: 30px !important;
}

h3#call_back_request {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') 0px -104px no-repeat;
	width: 335px;
	height: 15px;
	margin-top: 40px;
}

p#call_4038159683 {
	margin-top: 30px !important;
	float: left !important;
}

a#email_syscal {
	margin-top: 30px !important;
}

label.full_name {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') 0px -140px no-repeat;
	width: 59px;
	height: 12px;
}

label.phone_no {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') 0px -204px no-repeat;
	width: 88px;
	height: 12px;
}

label.email {
	text-indent: -9999px;
	display: block;
	background: url('../images/service4_sprite.gif') 0px -265px no-repeat;
	width: 59px;
	height: 12px;
}


/*** FORM ELEMENTS ***/ 

.inputblock label {
	color: #616161;
	text-transform: uppercase;
	font-family: 'Arial Narrow', sans-serif;
	font-weight: bold;
}

..textinput {
	padding: 7px;
	height: 20px;
	margin-bottom: 15px;
}

.inputblock textarea {
	width: 426px;
	overflow: auto;
}

.inputblock input, .inputblock textarea {
	background-color: #e1e1e1;
	border: 1px solid #e1e1e1;
	padding: 5px;
}

.inputblock input {
	width: 285px;
}

.inputblock textarea {
	width: 438px;
}

.submit_btn {
	margin-left: 105px;
	margin-top: 30px;
}

..submit_btn {
	margin-top: 0;
}

#toURL {
	display:none;
}




/*** SERVICES Sidebar Inner Pages ***/

.sidebar ul li a {
	background: url('../images/services_sprite.gif');
	text-indent: -9999px;
}

.sidebar ul li a:active, .sidebar ul li a:focus {
	outline: none; /* hide dotted outline in Firefox */
	-moz-outline-style: none;
}

.sidebar li a.services_slink1 {
	background-position: 0px -2px;
}

.sidebar li a.services_slink1:hover, .sidebar li a.services_slink1_selected {
	background-position: -300px -2px !important;
}

.sidebar li a.services_slink2 {
	background-position: 0px -43px;
}

.sidebar li a.services_slink2:hover, .sidebar li a.services_slink2_selected {
	background-position: -300px -43px !important;
}

.sidebar li a.services_slink3 {
	background-position: 0px -84px;
}

.sidebar li a.services_slink3:hover, .sidebar li a.services_slink3_selected {
	background-position: -300px -84px;
}

.sidebar li a.services_slink4 {
	background-position: 0px -126px;
}

.sidebar li a.services_slink4:hover, .sidebar li a.services_slink4_selected {
	background-position: -300px -126px;
}

.sidebar li a.services_slink5 {
	background-position: 0px -168px;
}

.sidebar li a.services_slink5:hover, .sidebar li a.services_slink5_selected {
	background-position: -300px -168px;
}

.sidebar li a.services_slink6 {
	background-position: 0px -210px;
}

.sidebar li a.services_slink6:hover, .sidebar li a.services_slink6_selected {
	background-position: -300px -210px;
}
/*Text Replacements for interior serivces pages*/
/*Main services pages:*/
h1.break_fix { background:url(../images/services/break-fixes.gif)  no-repeat top left;
width: 337px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.computer_networks { background:url(../images/services/computer-networks.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.managed_services { background:url(../images/services/it-managed-services.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.online_backup { background:url(../images/services/online-data-backup.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

/*Secondary Services pages*/
h1.it_services_list { background:url(../images/services/calgary-it-services.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.it_consultation { background:url(../images/services/calgary-it-consulting.gif)  no-repeat top left;
width: 337px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.it_spec { background:url(../images/services/it-specialization.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.hardware_software { background:url(../images/services/computer-hardware-software.gif)  no-repeat top left;
width: 481px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.common_it { background:url(../images/services/common-it-services.gif)  no-repeat top left;
width: 314px; height: 42px; text-indent: -9999px; overflow: hidden;}

h1.mx_logic { background:url(../images/services/mx-logic.gif)  no-repeat top left;
width: 314px; height: 57px; text-indent: -9999px; overflow: hidden;}

/*Interior Services Page Styles*/
#services_alt {}

#services_alt p span {color: #5C972B; font-weight: bold;}

/*cta for services*/
.generic_content ul#cta {
	display: block;
	float: left;
	list-style-type: none;
	margin: 20px 0 0 0px;
	padding: 0;
}

.generic_content ul#cta li a.services-cta2 {
	display: block;
	width: 170px;
	height: 24px;
	background: url('../images/about_sprite.gif') -191px -359px no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 10px;
	clear: both;
}

/*Services List*/
#it_list_height { min-height: 400px;}
.generic_content dl {
color:#666666;
display:block;
font-family:Verdana,Arial,sans-serif;
font-size:0.8em;
border: 1px solid #666;
float: left; width: 45%; margin: 0 2em 1.5em 0;}
.generic_content dl dt { padding: .2em;}
.generic_content dl dt a { font-weight: bold;}
.generic_content dl dt a:hover {}

.generic_content dl dd { padding: .5em; margin: 0;}
.generic_content dl dd a {}
.generic_content dl dd a:hover {}