/*   
Theme Name:Vtech
Description:Vtech Theme
Author:Alexander Savage
Version:0.1
*/

/*       ###############################
         BASIC TAGS  overflow-x:hidden;
         ############################### */

* {margin:0; padding:0;}
body {font:normal 10px Arial, Helvetica, sans-serif; color:#05174a; background:url(img/background_top.png) top center repeat-x #ffffff;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0 0;}
p {margin:0px 0px 20px 0px;}
a {outline:none; text-decoration:none; color:#8398c9;}
a:hover {color:#fc7c00;}
a img {border:none;}

.highlightbox{
 -moz-border-radius:5px;
	background-color: #abc3d7;
	color: #000033;
	width: 700px;
	padding: 10px;
}

.highlightfooter{
background: url(img/commentarrow.png) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #8398c9;
}

div#steps {border:1px solid #011249; padding:5px 3px !important; margin:2px 0; -moz-border-radius:5px; background-color:#153190; height:1px;}
div#twitter_site { position:relative; bottom:-207px; width:100%; }
.twitter {
	display:block;
	width:160px;
	height:49px;
	background-image:url(img/twitter_logo.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
	left: 112px;
	top: -142px;
}
.twitter:hover {
	display:block;
	width:160;
	height:49px;
	background-image:url(img/twitter_logo.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
}
div#portfolio_site { position:relative; bottom:-207px; width:100%; }
div#visit_site { position:relative; bottom:-207px; width:100%; }
.visitsite {
	display:block;
	width:111px;
	height:25px;
	background-image:url(img/view_live.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
	left: 340px;
	top: -238px;
}
.visitsite:hover {
	display:block;
	width:111;
	height:25px;
	background-image:url(img/view_live.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
}
div#learn_more_host { position:relative; bottom:-207px; width:100%; }
.learnmore_host {
	display:block;
	width:89px;
	height:20px;
	background-image:url(img/learn_more.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
	left: 165px;
	top: 1px;
}
.learnmore_host:hover {display:block; width:89; height:20px; background-image:url(img/learn_more.png); background-position:bottom right; background-repeat:no-repeat; text-decoration:none; position:absolute; border:0px; }
div#learn_more { position:relative; bottom:-170px; width:100%; }
.learnmore {
	display:block;
	width:89px;
	height:20px;
	background-image:url(img/learn_more.png);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	position:absolute;
	border:0px;
	left: 165px;
	top: 1px;
}
.learnmore:hover {display:block; width:89; height:20px; background-image:url(img/learn_more.png); background-position:bottom right; background-repeat:no-repeat; text-decoration:none; position:absolute; border:0px; }
.org_hightlight {color:#CC6600; font-weight:bold; font-size:14px;}

#sidebar_updates { 
	  padding:0; 
	  margin:0; 
	  } 
	#sidebar_updates li { 
	  list-style-type:none; padding-bottom:4px; padding-top:2px; font-size:12px;
	  } 
.portfolio {display:block; width:450px; height:200px; background-repeat:no-repeat; background-position:top center; background-image:url(img/portfolio/clear.png); margin:0px; padding:0px;}
.portfolio:hover {display:block; width:450px; height:200px; background-repeat:no-repeat; background-position:top center; background-image:url(img/portfolio/cover.png); margin:0px; padding:0px; cursor:pointer;}

/*       ###############################
         BASIC LAYOUT
         ############################### */
		 
div#feature {background-image:url(img/feature.png); background-position:top left; background-repeat:no-repeat; width:597px; height:225px; margin-top:2px; position:relative; margin-left:15px;}
div#feature_inner { padding-top:10px; padding-left:13px;}
div#feature_title {
	background-image:url(img/featured-website-title.png);
	position:absolute;
	background-repeat:no-repeat;
	width:198px;
	height:104px;
	left: 1px;
	top:-1px;
}
div#vert_header_sidebar {
	font-size:18px;
	font-weight:bold;
	text-align:left;
	background-position:center top;
	background-repeat:no-repeat;
	height:28px;
	background-image: url(img/vert_bar_sidebar.png);
	width: 270px;
	display: block;
	padding-left: 20px;
	line-height: 29px;
	padding-top: 13px;
}
div#vert_box1_sidebar {
	width:290px;
	float: right;
	display: block;
	clear: right;
}	
div#vert_box2_sidebar {
	background-image:url(img/vert_bar_sidebar.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	display: block;
	width: 273px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 2px;
}	 
div#feed_sidebar {
	background-image:url(img/vert_bar_sidebar.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	display: block;
	width: 273px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 2px;
}	 
		 
div#vert_box1_host {background-image:url(img/hostingl.png); background-position:top center; background-repeat:no-repeat; height:303px; width:290px; float: left;}	
div#vert_box3_host {background-image:url(img/hostingl.png); background-position:top center; background-repeat:no-repeat; height:303px; width:330px; float: left;}
div#vert_box2_host {padding-left:17px; padding-right:17px; padding-top:15px;}
div#vert_box4_host {padding-left:37px; padding-right:37px; padding-top:15px;}

div#vert_box1 {background-image:url(img/vert_box.png); background-position:top center; background-repeat:no-repeat; height:266px; width:290px; float: left;}	
div#vert_box3 {background-image:url(img/vert_box_m.png); background-position:top center; background-repeat:no-repeat; height:266px; width:330px; float: left;}
div#vert_box5 {background-image:url(img/vert_box_r.png); background-position:top center; background-repeat:no-repeat; height:266px; width:290px; float: left;}	
div#vert_box2 {padding-left:17px; padding-right:17px; padding-top:15px;}
div#vert_box4 {padding-left:37px; padding-right:37px; padding-top:15px;}
div#vert_header {font-size:18px; font-weight:bold; text-align:left; padding-bottom:5px;}

blockquote {
margin:0px 20px;
upadding:3px;
padding: 0 20px;
}

.price_crossout {
	font-style: italic;
	color: #CC6600;
	text-decoration: line-through;
	font-size: 10px;
	text-align: right;
}
.price_mont {
	font-size: 10px;
}
.prices {
	font-size: 16px;
	font-weight: bold;
	color: #CC6600;
	text-align: right;
}
.col_header {
	font-size: 16px;
	font-weight: bold;
}
.disclosure {
	font-size: 10px;
	color: #ffffff;
}
.more_info {
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
	text-align: right;
}
.hosting_subheader {
	font-size: 14px;
	font-weight: bolder;
}
.hosting_subtitles {
	font-size: 12px;
	padding-left: 15px;
	background-image: url(../image/dots.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	font-style: italic;
}		 
.portfolio_text { color: #0a1f66; border:1px solid #0a1f66; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px; }
div#portfolio_text { color: #0a1f66; border:1px solid #0a1f66; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px; }
		 
div#lower_bg {background-image:url(img/lower_bg.png) top center repeat-x; background-color:#000099;}

div#outline {width:100%; margin:0 auto;}
div#outline2 {width:960px; margin:0 auto;}
div#maincontent {
	background-image:url(img/content_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	clear: both;
	display:block;
}


div#content {clear:both; z-index:1; width:880px; padding:10px 40px 0 40px; margin-top:10px; background-image:url(img/vert_background.png); background-repeat:repeat-y; background-position:top left;}
div#content_two {clear:both; z-index:1; width:910px; padding:10px 40px 0 40px; margin-top:10px; background-repeat:repeat-y; background-position:top left;}

div#left {width:590px; margin:0; line-height:1.5; float:left; padding:0 20px 10px 0; }
div#full_page {width:100%; margin:0; line-height:1.5; float:left; padding:0 20px 10px 0; min-height:900px;}
div#right {width:240px; margin:0; float:right; }

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

div.headline {margin:40px 0 0 20px;}
div.excerpt {padding:0 0 5px 0; border-bottom:dotted 1px #3c56af; margin:0 0 0 20px;}
div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview2.png) no-repeat; margin:15px 0 0 0;}
div.preview2 {float:right; background:url(img/preview2.png) no-repeat 0px -20px; margin:15px 0 0 0;}
div.preview a {display:block; width:20px; height:20px; color:#9eb8d3 !important; font:normal 14px VArial, Helvetica, sans-serif;}

div.date {position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -80px; background:#3d608d; -moz-border-radius:5px;}

div.single_content {clear:both; margin:0 0 50px 20px;}
div.bookmarks {text-align:right; float:right;}

div#appendix {width:100%; padding:10px 0; background:url(img/lower_bg.png) top repeat-x; }
div.app_widget {float:left; width:280px; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}




/*       ###############################
         WIDGETS
         ############################### */

.widget {border:1px solid #9eb8d3; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px; color:#FFFFFF;}
div.widget h4 {border-bottom:1px dotted #9eb8d3; font:bold 12px Arial, Helvetica, sans-serif;}

div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0; color:#ffffff;}
div.widget a {display:block; padding:5px 0px; font:normal 110% Arial, Helvetica, sans-serif; color:#ffffff;}
div.widget a:hover {color:#fc7c00; text-decoration:underline;}
div.widget li {padding:0 0 0 10px; margin:0; border-bottom:1px dotted #9eb8d3;}
div.widget li li {padding:0 0 0 25px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Arial, Helvetica, sans-serif;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Arial, Helvetica, sans-serif;}
table#wp-calendar th, {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */

div#blog-line h1 a {font:normal 60px Arial, Helvetica, sans-serif; color:#0a1f66;}
div#blog-line h1 {font:40px Arial, Helvetica, sans-serif; padding:10px 0; margin:0; color:#0a1f66; letter-spacing:-2px;}

div#left {font-size:12px;}
div#left a {color:#203b98;}
div#left a:hover {color:#fc7c00; text-decoration:none;}
div#left h1 {float:left; font:bold 22px Arial, Helvetica, sans-serif; letter-spacing:1px; margin-top:5px; margin-bottom:5px;}
div#left h1 a {color:#061440; display:block;}
div#left h1 a:hover {color:#fc7c00; text-decoration:none;}
div#left h2 {font:bold 140% Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
div#left h2.archive-title {margin:10px 0px 10px 30px; font:bold 200% Arial, Helvetica, sans-serif; color:#0a1f66;}
div#left h3 {font:bold 120% Arial, Helvetica, sans-serif; margin:0 0 0 0;letter-spacing:-1px; color:#ee9341;}
div#left ul, ol {margin:0 0 20px 20px;}

div#full_page {font-size:12px;}
div#full_page a {color:#203b98;}
div#full_page a:hover {color:#fc7c00; text-decoration:none;}
div#full_page h1 {float:left; font:bold 22px Arial, Helvetica, sans-serif; letter-spacing:1px; margin-top:5px; margin-bottom:5px;}
div#full_page h1 a {color:#061440; display:block;}
div#full_page h1 a:hover {color:#fc7c00; text-decoration:none;}
div#full_page h2 {font:bold 140% Arial, Helvetica, sans-serif; margin:0 0 10px 0;}
div#full_page h2.archive-title {margin:10px 0px 10px 30px; font:bold 200% Arial, Helvetica, sans-serif; color:#0a1f66;}
div#full_page h3 {font:bold 120% Arial, Helvetica, sans-serif; margin:0 0 0 0;letter-spacing:-1px; color:#ee9341;}
div#full_page ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:120%;}
div.single_content {font-size:120%;}

p#font-resize a {display:inline; font:18px bold Arial, Helvetica, sans-serif; padding:0px 5px; color:#050f30;}
p#font-resize a:hover {color:#3c56af; display:inline; font:18px bold Arial, Helvetica, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Arial, Helvetica, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

p.previous-posts {float:left; font:normal 100% Arial, Helvetica, sans-serif;}
p.next-posts {float:right; font:normal 100% Arial, Helvetica, sans-serif;}
div.date {font:normal 14px Arial, Helvetica, sans-serif; text-align:center; color:#fc7c00;}
p.date-month {margin:2px 0 15px 0; color:#fc7c00; font:normal 32px Arial, Helvetica, sans-serif;}

p.post_info {font-size:100%;}
p.tag_info {margin:0; font-size:100%;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #9eb8d3; -moz-border-radius:10px; font:120% normal Arial, Helvetica, sans-serif;}
a#totop {
	font:bold 120% Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	padding-right: 6px;
}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat;}
.tag-link {background:url(img/tag-blue.png) no-repeat;}
.hide-link {float:right; padding:5px 0 0 0;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0 0 0 0px; background-position:0px 4px;}
 
.clear {clear:both;}

code {font:normal 120% Arial, Helvetica, sans-serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {margin:10px 0; padding:10px 0; border-bottom:1px dotted #3c56af;}
p.comment-details {font:bold 130% Arial, Helvetica, sans-serif;}
.avatar {float:left; margin:0 20px 0 0; border:3px solid #9eb8d3;}
div.comment-text {margin:40px 0 0 0;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #3c56af; padding:0 0 5px 0;}
h2#respond {margin:40px 0 10px 0 !important;}
h3#no-comments {font:bold 120% Verdana !important; color:#0a1f66 !important; margin:0 !important;}

/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #9eb8d3;}
textarea {width:590px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #9eb8d3; -moz-border-radius:5px;}
.submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff; background:#071d6b; border:1px solid #333; -moz-border-radius:5px;}
.submit:hover {width:auto; padding:5px 20px; margin:5px 0; color:#000000; background:#7e91b2; border:1px solid #333; -moz-border-radius:5px;}
input {-moz-border-radius:5px; margin:0 5px 0 0;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:2px solid #04195c;}
#search-submit {width:30px; padding:5px; color:#fff; background:#071d6b; border:none;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}



/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}
.header_menu {
	font-size: 12px;
	color: #0a1f66;
	font-weight: bold;
	text-decoration: none;
}

/*       ###############################
         portfolio page
         ############################### */


.portfolio-website {
	padding: 0px;
	margin-bottom: 10px;
}
.website-thumbnail {
	float: left;
	margin: 10px 20px 50px 0;
}
.website-thumbnail img {
	border: 1px solid #050f30;
	margin: 0;
	padding: 0;
}
.website-name {
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 0px;
}
.website-name a,.website-url a {
	text-decoration: none;  color:#8398c9;
}
.website-name a:hover,.website-url a:hover {
	text-decoration: none; color:#fc7c00;
}
.website-url {
	font-size: 9pt;
	font-weight: bold;
}
.website-url a {
	 color:#8398c9;
}
.website-description {
	margin-top: 10px;
}
.website-clear {
	clear: both;
}
#bullet_items {
	height:70px;
	vertical-align:top;
	margin:opx;
	padding:opx;
	position:relative;
	display: block;
	left:-10px;
}
#bullet_items_inner { display:block; position:relative; width:515px; float:left; height:auto; line-height:110%; vertical-align:top; margin:opx; padding:opx; text-align:justify;letter-spacing: .8px;
}
#bullet_items_inner_left { display:block; position:relative; width:auto; float:left; vertical-align:top; padding:opx; margin:opx;
}
.stay_connected_but {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=95);
	display: block;
	float: left;
}
.stay_connected_but:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
.stay_connected_but_space {
	height: 64px;
	width: 268px;
	margin-left: 12px;
	padding-bottom: 15px;
	padding-top:1px;
}#left #bullet_items h3 {
	display:block;
}
#left #bullet_items #bullet_items_inner {
	display:block;
}
#maincontent #outline2 #content_two #full_page #vert_box1_sidebar #vert_box1_sidebar #vert_box2_sidebar .ul-listing {
	font-weight: bold;
	color: #0F2D7F;
	text-decoration: none;
	list-style-type: none;
	font-size: 16px;
}
#info_box li {
	padding-bottom: 10px;
	list-style-type: none;
	margin-left:-20px;
}

#info2_box li {
	padding-bottom: 10px;
	list-style-type: none;
	margin-left:-20px;
}
#footer_accent {
	background-image: url(img/footer_accent.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
	top: -73px;
	padding-top: 73px;
	display: block;
	min-height:96px;
	right: 20px;
}
#footer_right {
	padding-left: 82px;
	width:200px;
	float:left;
}
#footer_left {
	float:left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:60px;
	padding-top: 2px;
	text-align: left;
}
#appendix #outline2 #footer_accent #footer_left a {
	color: #FFFFFF;
}
#appendix #outline2 #footer_accent #footer_left a:hover {
	color: #95B2D6;
}

#appendix #outline2 #footer_accent #footer_left .disclosure a {
	color: #FFFFFF;
}

#appendix #outline2 #footer_accent #footer_left .disclosure a:hover {
	color: #95B2D6;
}

#left #bullet_items #bullet_items_inner a {
	color: #05174a;
	text-decoration: none;
}
#left #bullet_items h3 a {
	color: #ee9341;
	text-decoration: none;
}
.home_page_it_menu a {
	float: left;
	height: 236px;
	display:block;
	background-image: url(img/top_menu.png);
	width: 231px;
	border:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
.home_page_it_menu a:hover {
	display:block; 
	background-position: 0px -236px;
}
.home_page_web_menu a {
	float: left;
	height: 236px;
	display:block;
	background-image: url(img/top_menu.png);
	width: 256px;
	border:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: -231px 0px;
}
.home_page_web_menu a:hover {
		display:block; 
	background-position: -231px -236px;
}
.home_page_seo_menu a {
	float: left;
	height: 236px;
	display:block;
	background-image: url(img/top_menu.png);
	width: 233px;
	border:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: -487px 0px;
}
.home_page_seo_menu a:hover {
		display:block; 
	background-position: -487px -236px;
}
.home_page_host_menu a {
	float: left;
	height: 236px;
	display:block;
	background-image: url(img/top_menu.png);
	width: 231px;
	border:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position: -720px 0px;
}
.home_page_host_menu a:hover {
		display:block; 
	background-position: -720px -236px;
}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		1000;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** CUSTOM STYLES ***/

.sf-menu li ul {
 	background:#b7c0dd;
	border:1px solid #000;
	border-top:none;
	opacity:0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
.sf-menu li li ul, .sf-menu li li li ul {
 	background:#b7c0dd;
	border:1px solid #000;
	border-top:none;
	opacity:1.0;
	-moz-opacity:1.0;
	filter:alpha(opacity=100);
}

/*       ###############################
         NAVIGATION
         ############################### */
div#navigation {position:relative; z-index:2; width:673px; height:38px; background:url(img/nav.png);}


div#navigation ul {float:left; list-style:none;}


ul#mail_rss a {text-decoration:underline !important;}

/*Menu for Home*/
#navigation ul li.page-item-1 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-1 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#mainPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for IT*/
#navigation ul li.page-item-293 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-293 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#aboutPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for Portfolio*/
#navigation ul li.page-item-3 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-3 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#contactPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for web*/
#navigation ul li.page-item-6 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-6 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#contactPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for seo*/
#navigation ul li.page-item-11 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-11 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#contactPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for host*/
#navigation ul li.page-item-9 a{
	display:block; margin:0; padding:10px 5.5px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-9 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#contactPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}

/*Menu for contact*/
#navigation ul li.page-item-415 a{
	display:block; margin:0; padding:10px 6px; color:#050f30; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif; border-left:1px solid #787a84;;
}
#navigation ul li.page-item-415 a:hover{
	background:url(img/nav_hov.png); color:#ffffff;
}
body#contactPage ul li.current_page_item a{
	background:url(img/nav_hov.png); color:#ffffff;
}#info_box #info_box_lower {
	background-image: url(img/lower_span.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
	display: block;
	height: 17px;
}
#info2_box #info_box_lower {
	background-image: url(img/lower_span.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 0px;
	display: block;
	height: 17px;
	width: 910px;
	margin-left: -16px;
}
#info_box {
	background-image: url(img/top_span.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: justify;
	display: block;
	padding-bottom: 0px;
	padding-top: 18px;
	padding-left: 18px;
}
#info2_box {
	background-image: url(img/top2_span.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: justify;
	display: block;
	padding-bottom: 0px;
	padding-top: 18px;
	padding-left: 16px;
}


#info2_box td {
	background-repeat: no-repeat;
	background-position: center center;
}
#info_box td {
	background-repeat: no-repeat;
	background-position: center center;
}
#info_box #list li {
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: -5px;
}
#vert_box1 #vert_box2 #vert_header a {
	text-decoration: none;
	color: #05174a;
}

#vert_box3 #vert_box4 #vert_header a {
	text-decoration: none;
	color: #05174a;
}
#vert_box5 #vert_box2 #vert_header a {
	text-decoration: none;
	color: #05174a;
}
#bullet_items_inner a {
	color: #05174A;
	text-decoration: none;
}
#left #bullet_items #bullet_items_inner {
	color: #05174A;
	text-decoration: none;
}
div#vert_box_portfolio {
	background-image: url(img/lower_port.png);
	background-repeat: no-repeat;
	height: 186px;
	width: 290px;
	float:right;
}

div#vert_box_portfolio a{
	height: 186px;
	width: 290px;
    display:block;
}
div#dots
{
height:10px;
background:url(img/dots.png);
background-position:bottom;
margin-bottom:5px;
}
.website_header {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#website_d_header {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	height: 133px;
	width: 880px;
	margin: 0 auto 19px -10px;
	padding: 20px 10px 20px 32px;
}
#network_s_header {
	background-image: url(img/vtech_css_sprite_network.png);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	height: 133px;
	width: 880px;
	margin: 0 auto 19px -10px;
	padding: 20px 10px 20px 32px;
}
#online_m_header {
	background-image: url(img/vtech_css_sprite_seo.png);
	background-repeat: no-repeat;
	background-position: 0px -9px;
	height: 133px;
	width: 880px;
	margin: 0 auto 19px -10px;
	padding: 20px 10px 20px 32px;
}
#website_header_text p {
	font-size: 14px;
	width: 580px;
	padding-top: 10px;
	display: block;
	line-height: 16px;
}
#website_header_text {
	padding-top: 7px;
	padding-bottom: 10px;
}
#website_points {
	display: block;
	float: left;
	width: 590px;
	margin-bottom: 20px;
	font-size: 12px;
	clear: left;
}
#website_points #flexible {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -378px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #content_box p {
	font-size: 12px;
	margin:0 0 0 0;
}
#website_header_text h1 {
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	line-height: 24px;
	clear: both;
}

#website_points #creation {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -257px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #seo {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -878px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #chart {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -578px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #cart {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -678px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #cms {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -778px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #social {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: 0px -478px;
	float: left;
	height: 100px;
	width: 199px;
}
#website_points #content_box h1 {
	font-size: 14px;
	width: 383px;
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	color: #ee9341;
}
#vert_box1_sidebar #clickhere a {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: -230px -267px;
	display: block;
	height: 224px;
	width: 307px;
}

#vert_box1_sidebar #clickhere a:hover {
	background-image: url(img/vtech_css_sprite.png);
	background-repeat: no-repeat;
	background-position: -230px -555px;
	display: block;
	height: 224px;
	width: 307px;
}

#vert_box1_sidebar #clickhere {
	margin-left: -10px;
}
#left #bullet_items h3 {
	padding-top: 5px;
}
#website_points #software_icon {
	background-image: url(img/vtech_css_sprite_network.png);
	background-repeat: no-repeat;
	background-position: 0px -228px;
	float: left;
	height: 177px;
	width: 189px;
	display: block;
	margin-top: 65px;
	margin-bottom: 65px;
	margin-right: 10px;
}
#website_points #hardware_icon {
	background-image: url(img/vtech_css_sprite_network.png);
	background-repeat: no-repeat;
	background-position: 0px -405px;
	float: left;
	height: 177px;
	width: 189px;
	display: inline;
	margin-top: 55px;
	margin-bottom: 55px;
	margin-right: 10px;
}
#website_points #online_m_icon {
	background-image: url(img/vtech_css_sprite_seo.png);
	background-repeat: no-repeat;
	background-position: 0px -228px;
	float: left;
	height: 177px;
	width: 189px;
	display: block;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: 10px;
}
#website_points #seo_icon {
	background-image: url(img/vtech_css_sprite_seo.png);
	background-repeat: no-repeat;
	background-position: 0px -407px;
	float: left;
	height: 177px;
	width: 189px;
	display: inline;
	margin-top: 80px;
	margin-bottom: 80px;
	margin-right: 10px;
}
#website_points li {
	margin-top: 5px;
	text-align: justify;
}
#divider {
	background-image: url(img/vtech_css_sprite_network.png);
	background-repeat: no-repeat;
	background-position: -571px -228px;
	display: block;
	height: 25px;
	width: 349px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
#network_s_header #website_header_text h1 {
	clear: right;
	display: block;
	width: 580px;
}
#sidebar_container {
	display: block;
	float: right;
	width: 290px;
}
#website_points u {
	font-weight: bold;
	color: #ee9341;
	text-decoration: none;
}
#website_points #online_marketing_list {
	margin-left: 20px;
}
#website_design_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
	margin-left: -10px;
}
#cms_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -68px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#social_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -136px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#search_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -204px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#email_mark_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -272px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#host_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -340px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#network_support_logo {
	background-image: url(img/home_page_icons.png);
	background-repeat: no-repeat;
	background-position: 0px -408px;
	display: block;
	float: left;
	height: 68px;
	width: 68px;
}
#facebook_sc a {
	background-image: url(img/stay_connected.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: left;
	height: 64px;
	width: 62px;
	margin-right: 3px;
	margin-left: 2px;
	border:0;
	overflow:hidden;
}
#twitter_sc a {
	background-image: url(img/stay_connected.png);
	background-repeat: no-repeat;
	background-position: -62px 0px;
	display: block;
	float: left;
	height: 64px;
	width: 62px;
	margin-right: 3px;
	border:0;
	overflow:hidden;
}
#linkedin_sc a {
	background-image: url(img/stay_connected.png);
	background-repeat: no-repeat;
	background-position: -124px 0px;
	display: block;
	float: left;
	height: 64px;
	width: 62px;
	margin-right: 3px;
	border:0;
	overflow:hidden;
}
#rss_sc a {
	background-image: url(img/stay_connected.png);
	background-repeat: no-repeat;
	background-position: -186px 0px;
	display: block;
	float: left;
	height: 64px;
	width: 62px;
	border:0;
	overflow:hidden;
}

#curve {width:590px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #9eb8d3; -moz-border-radius:5px;}
#questionnaire br {
	line-height: 2px;
}
