/* CSS Document */
html, body{
font-family:Arial, Helvetica, sans-serif;
margin-bottom: 0px;
font-weight: normal;
}

a:link, a:visited{
color:#546c8d;
}

a:hover, a:active{
color:#34445a;
}

/*background "shadow.png" attached to every wrapper div*/
#wrappernews, #wrappercontact, #wrapperforum, #wrapperhome, #wrapperaccessibility, #wrapperservices, #wrapperterms, #wrapperportfolio, #wrapperpackages {
background: #fff url(../images/opt-images/backgroundshadow3.png) 50% 0;
height:auto;
width: auto;
}
/*end*/

#skillsedu{ 
background:none;
}

	
#titlebar1{
width:700px;
margin:0 auto;
padding:0;
}
 
#maincontent{
	width:700px;
	margin:0 auto;
	padding:0;
	font-size:75%;
	color:#000;
	height:auto;
}

#maincontent p{
margin:0 15px 0px 25px;
padding: 10px 0 0 0;
line-height:1.9em;
color:#333;
}

/*--------------font-size floated left box on all pages*/
.fontsize{
font: 85% Verdana, Arial, Helvetica, sans-serif;
}
/*end*/

.para{
margin-left:10px;
}

#midcolumnwrapper h1{
font-size: 120%;
}

/*-------------------styling for h2 class (head)*/
.head{
text-indent:-9999px;
margin:0;
padding:0;
}
/*end*/

.faqheading, .privacyheading, .termsheading {
font-size:1.4em;
color:#FF0195;
height:85px;
width:304px;
text-indent:-9999px;
margin:20px 0 0 0;
padding:0;
}


#maincontent h2, #maincontent h3 {
font-size: 14px;
font-weight:300;
}

/*header styling for each h2 on the website-support page*/
#maincontent .support-header {
font-size: 1.4em;
font-weight:normal;
color:#36648C;
padding:0 0 0 51px;
margin:0;
display: inline;
}


.small{
color:#333;
}

/*end*/


#maincontent .porth2{
font-size:95%;
color:#009;
background-color:inherit;
margin:15px 0 20px 40px;
}



#heading1{
font-size:18px;
margin:30px 0 5px 40px;
font-family: verdana, arial, helvetica, sans-serif;
color: #6538a7;
}

#maincontent .heading2{
color:#E2007A;
width:auto;
margin:26px 0 0 0;
background-color:inherit;
font-size: 1.4em;
font-family: "Times New Roman", Times, serif;
letter-spacing: 3px;
}

#maincontent .head{
font-size:1.2em;
margin:0;
padding:0;
color:#C90976;
}

#maincontent .heading5{
font-size:100%;
}

#maincontent .heading5, #maincontent .heading7{
color:#34445a;
margin: 20px 20px 10px 25px;
padding: 5px 0 5px 3px;
}

#maincontent .heading7{
font-size:1.2em;
margin-left:40px;
text-decoration: underline;	
}

#maincontent .heading8{
font-size:1.6em;
margin: 20px 20px 10px 25px;
color:#474e6b;
font-weight:400;
}

/*new page heading h2*/
#maincontent #heading4, #maincontent .heading4{
font-size:14px;
color:#818699;
width:auto;
margin:15px 0;
padding:3px 0 10px 40px;
background: #fff url(../images/opt-images/leftcol-icon.png) no-repeat 16px 3px;
}
/*end*/

/*following are used to style "php date" for everypage*/
#home{
	clear:both;
	font-size:90%;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	position:relative;
	top:0px;
	left:28px;
	display:inline;
}

ul{
padding:0;
margin:0;
list-style-type: none;
}


.p1 {
margin-bottom:40px;
}

/*setting of textfield and textarea on blog_insert page*/
.widebox {
width: 400px;
  }
  
.textbox{
width:400px;
height:300px;
  }
  
 
/*ABBR AND ACRONYM tags*/
abbr{
speak:spell-out;
}

acronym{
speak:normal;
}

abbr, acronym {
border-bottom:1px dotted;
cursor:help;
}

 .gap2{
margin:20px 0 5px 0;
}

.button1{
margin-left:0;
color:#fff;
background-color:#49B1E8;
border:#fff thin solid;
}

#leftfloater li, #rightfloater li{
display: inline;
}

/*styling to services page panels*/
#leftcolumn4{
float:left;
width:280px;
padding:0;
}

#leftcolumn5{
float:right;
width:280px;
margin:0 0 0 30px;
padding:0;
}

#leftcolumn4{
background: url(../images/opt-images/btn6.png) no-repeat left top;
display: inline;
	}
	
#leftcolumn5{
background: url(../images/opt-images/btn7.png) no-repeat left top;
display: inline;
 }

/*end*/

.servicelist{
padding-left:35px;
list-style-type:none;
line-height:30px;
font-size:13px;
color:#fff;
font-weight:100;
margin: 0 0 10px 0;
}

.normal{
font-weight:normal;
}

.bot1{
padding-bottom:35px;
}

/*end*/

#leftcolumn2{
background:#fff url(../images/opt-images/notepad.gif) no-repeat 0 0;
height:84px;
width:76px;
float:left;
text-align:center;
}

/*News area of home page at the bottom*/
.leftcolumn4{
padding-left:0px;
width:360px;
float:left;
margin:0 0 17px 0;
}
/*end*/

.news2{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:2em;
display:block;
margin:10px 0 15px 0;
padding:0;
width:360px;
float:left;
}

#rss {
padding:0;
margin:0;
display: inline;
float: left;
}

#rss li{
padding:0;margin:0;list-style-type:none;
}

 #rss img{
border:none;
}

img {
border:none;
}

/*vertical aligning of images on the packages page*/
#valign{
vertical-align: middle;
}


.news3{
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
display:block;
margin:0;
padding:20px 10px 10px 15px;
clear:both;
}

.diag, .diag1{
background:#fff url(../images/opt-images/diag.gif) no-repeat 0 0;
margin-left:35px;
height:15px;
margin-bottom: 30px;
clear: both;
}

.diag1{
clear: none;
}
/*End*/


/*Link from services page to upate management plans*/
 p.servicescolor{
display:block;
background:url(../images/opt-images/updateplans.png) no-repeat 0 0;
color:#fff;
height:52px;
}

#leftcolumn p .servicescolor{
margin-top:25px;
}

#leftcolumn .servicescolor a:link, #leftcolumn .servicescolor a:visited{
color:#000066;
text-decoration:none;
}

#leftcolumn .servicescolor a:hover{
color:#14429d;
text-decoration:underline;
}

#leftcolumn .servicescolor a:active{
color:#14429d;
text-decoration:underline;
}

blockquote{
margin-left:0;
}
 
.packagefloat{
float:right;
}

/*margin bottom 20px on tabbedpanels on the affordable web packages */
#TabbedPanels1{
margin-bottom:20px;
margin-left: 40px;
}

/*left margin for back to top link on FAQ page*/
.margin{
margin-left:45px;
line-height:40px;
}

/*various styles*/
.style11 {
font-weight: bold

}

.style13 {
color: #01457a;
font-weight:normal;
}

.faqlist{
list-style:none;
line-height:2.1em;
margin-top: 0px;
}

/*removal of list stylings on each of the 3 btns*/
.btn2 li, .btn1 li, .btn3 li{
margin:0;
padding:0;
list-style-type:none;
}


.btn4{
padding:8px 0px 15px 25px;
margin:53px 0 15px 0;
color:#333;
font-family: Helvetica, Verdana, sans-serif;
font-weight:normal;
font-size:110%;
line-height:1.7em;
}

.fontsize{
font-size:12px;
font-weight:bold;
}


/*styling of buttons on index page*/
.btn1 a:link, .btn2 a:link, .btn3 a:link{
color:#fff;
text-decoration:none;
}

.btn1 a:visited, .btn2 a:visited, .btn3 a:visited{
color:#fff;
text-decoration:none;
}

.btn1 a:hover, .btn2 a:hover, .btn3 a:hover{
color:#fff;
text-decoration:underline;
}

.btn1 a:active, .btn2 a:active, .btn3 a:active{
color:#fff;
text-decoration:none;
}
/*end*/


/*contactpanel on index page*/
.contactpanel{
	padding: 10px 0 20px 10px;
	margin: 0 0 0 0;
	background: url(../images/opt-images/contactpanel2.png) no-repeat;
	color:#666;
	font-size: 11px;
}


/*styling of links*/
.contactpanel a:link, .contactpanel a:visited {
color:#666;
text-decoration:none;
}

.contactpanel a:hover, .contactpanel a:active {
color:#333;
text-decoration:underline;
}

/*end*/

.contactpanel h2{
padding:10px 0 0 0;
margin: 0;
color:#fff;
}

.contactpanel ul{
padding:0;
margin: 0;
color:#666;
list-style-type:none;
}

.contactpanel li{
line-height: 2em;
font-size: 13px;
background-image:url(../images/opt-images/0025_bullet.png);
background-repeat: no-repeat;
background-position:0 8px;
padding-left: 1.3em;
}

#latest-contact li{
line-height: 2em;
font-size: 13px;
background-image:url(../images/opt-images/0025_bullet.png);
background-repeat: no-repeat;
background-position:0 8px;
padding-left: 1.7em;
}



/*styling for links on service page*/
.servicelist li a:link, .servicelist li a:visited {
color:#fff;
text-decoration:none;
}

.servicelist li a:hover, .servicelist li a:active {
color:#fff;
text-decoration:underline;
font-weight: 500;
}
/*end*/

/*paragraph - bottom border added to faq page on "marketing services"*/
.faq_paragraphborder{
border-bottom:1px dotted #666;
padding-bottom:30px;
margin-right:25px;
}

/*index page borders top and bottom on news items*/
#leftcolumn3{
border-bottom:1px dotted #666;
border-top:1px dotted #666;
}

#navcontainer ul{
padding:0;
Margin:0;
}
/*end*/

/*end*/

/*accordian on the accessibility page for accesskeys and tabindex keys*/
#accord{
width:270px;
margin-left:25px;
margin-top:8px;
}


.ulaccord{
list-style-type:none;
margin:0;
padding:0;
color:#333;
}

.ulaccordli{
margin-left:26px;
padding-top:0.4em;
line-height:1.3em;
}

/*toggle links on faq page*/

#toggle1{
padding:0;
margin:15px 20px 15px 45px;
border-bottom: 1px dotted #333;
}

#toggle1 h3{
padding:0 0 5px 0;
margin:0;
font-size:120%;
}

#toggle1 img{
padding-right:10px;
}

#toggle1 a:link, #toggle1 a:visited {
color:#34445a;
font-style:normal;
text-decoration:none;
}

#toggle1 a:hover, #toggle1 a:active { 
color:#333;
font-style:normal;
text-decoration:none;
}

/*FAQs page-hidden div and links etc*/
#hiddenDiv1, #hiddenDiv2, #hiddenDiv3, #hiddenDiv4{
border:4px solid #0071bc;
margin: 0 20px 30px 45px;
padding: 8px 0 0 0;
}

#hiddenDiv1 li, #hiddenDiv2 li, #hiddenDiv3 li, #hiddenDiv4 li{
border-bottom:1px solid #9aaec9;
padding-left:25px;
}

#hiddenDiv1 .noborder, #hiddenDiv2 .noborder, #hiddenDiv3 .noborder, #hiddenDiv4 .noborder {
border-bottom:0;
}

#hiddenDiv1 a, #hiddenDiv2 a, #hiddenDiv3 a, #hiddenDiv4 a{
margin-left:0;
padding:0;
}

#hiddenDiv1 a:link, #hiddenDiv2 a:link, #hiddenDiv3 a:link, #hiddenDiv4 a:link{
text-decoration:none;
}

#hiddenDiv1 a:visited, #hiddenDiv2 a:visited, #hiddenDiv3 a:visited, #hiddenDiv4 a:visited{
text-decoration:none;
}

ul .faqlist{
line-height: 1em;
list-style-type: none;
}

ul .faqlist2{
line-height: 1em;
list-style-type: none;
margin-left:20px;
}

/*end*/

/*rss feed image*/

.forty{
font-size:35px;
color:#f60;
}

.payg{
color:#fff;
font-size:17px;
}

.color5{
color:#f06;
font-weight:bold;
}

.interestimage{
position:relative;
display:inline;
width:76px;
height:72px;
margin:0;
padding:0;
}

.color6 {
color:#333;
}

#bordercolor{
background-color:#d0dbe0;
display:block;
border-top:1px dotted #8ba6b9;
border-bottom:1px dotted #8ba6b9;
padding:10px 0 10px 19px;
margin:15px 24px 5px 10px;
line-height:1.5em;
}


#insidediv h1{
padding: 10px 0 15px 15px;
margin-left:10px;
}

.large{
font-size:1.7em;
font-weight:300;
color:#999;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
margin-left:10px;
}

.large2{
font-weight:600;
}

.color10{
	color:#000000;
	padding-left: 20px;
}


.style14 {
color: #FF9900;
font-weight: bold;
}
	
.style17 {
color: #FF6600;
}


.style18 {
color: #808080;
font-weight: bold;
}

/*color red on the word check out on page "affordable_web_packages.php"*/
.color-red {
color: #c60203;
}

#map{
width:665px;
height:400px;
padding:10px;
margin:5px;
border:1px solid #666;
}

#midcolumnwrapper .p-serv{
margin-left:43px;
}

#midcolumnwrapper .p-serv2{
border-top:1px dotted #01457a;
border-bottom:1px dotted #01457a;
padding:10px 0;
}

/*stlying for news-article page*/
#midcolumnwrapper .p-serv3{
margin-left:43px;
border-bottom:1px dotted #01457a;
padding:10px 0 20px;
margin-bottom:20px;
}

#midcolumnwrapper .header2{
font-weight:lighter;
font-size:1.8em;
margin-left:43px;
background: url(../images/opt-images/arrow.png) no-repeat top left;
padding: 5px 0 5px 40px;
}

#midcolumnwrapper .header3{
font-weight:lighter;
font-size:1.8em;
margin-left:43px;
}

/*styling for about page - link to prices/dotted underline*/
#midcolumnwrapper .header9{
font-weight:lighter;
font-size:1.8em;
margin-left:43px;
border-bottom:1px dotted #333;
padding:10px 0;
}

#midcolumnwrapper .header6{
font-weight:lighter;
font-size:1.5em;
margin:0;
padding: 20px 0 0 15px;
}

#midcolumnwrapper .header7{
font-weight:lighter;
font-size:1.5em;
margin:0;
padding: 20px 0 13px 0;
}

#midcolumnwrapper .header5{
font-weight:lighter;
font-size:1.7em;
margin:0;
padding: 5px 0 5px 0;
}

#midcolbackgroundimage{
	;
	height:auto;
	padding:0 0 30px 0;
	margin:0 0 5px 0;
	border: 1px solid #ccc;
}

/*Technical and creative services page*/
#leftrightcol{
	margin:0;
	padding: 0;
	width:630px;
	height:378px;
	background: url(../images/opt-images/contactpanel3.png) no-repeat 3% 2px;
}
 
#contactpanel{
	background-repeat: no-repeat;
	margin-left:35px;
	width:640px;
	height:378px;
 }
 
.heading1{
padding:10px 0 0 25px; 
margin:0
}

/*applying icons to links*/
.mailto{
background: transparent url(../images/opt-images/email_go.png) no-repeat center right;
padding-right:20px;
}

.dir{
background: transparent url(../images/opt-images/map_go.png) no-repeat center right;
padding-right:20px;
padding-bottom:2px;
}

.img-quote{
position:relative;
float:right;
top:24px;
right:20px;
clear:both;
}

.style20 {font-size: 9em
}

.packagesubhead3{
margin-left:25px;
color:#035696;
margin-top:20px;
}

.packagesubhead4{
margin-left:25px;
color:#035696;
margin-top:20px;
padding-bottom:0;
margin-bottom:0;
display:inline;
}

.clear-contact-news{
	clear:both;
	border-top: 1px dotted #666;
	padding-top: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#latest{
width:277px;
margin: 0 0 0 45px;
height: 240px;
background: transparent url(../images/opt-images/contactpanel2.png) no-repeat top right;
float: left;
}

#latest-contact{
float:right;
width:280px;
height:240px;
margin:0 10px 0 0;
background: transparent url(../images/opt-images/contactpanel2.png) no-repeat top left;
padding-left: 15px;
}

#btn1, #btn2{
margin-bottom:33px;
}

#btn1{
margin-top:13px;
}

.packagefont-size{
border-bottom:1px dotted #999;
margin-left:10px;
margin-right:10px;
}

.packagefont-size2{
margin-left:10px;
margin-right:10px;
}

.underline{
border-bottom:1px dotted #333;
}

.orange{
color:#CC3300;
}

/*positioning of sitemap link on index page*/
p.clear a{
display:inline;
position:relative;
left:400px;
top:0px;
}

.style22{
color: #E4E4E4
}

/*#cse-search-box .btn-image{
background: #fff url(../images/opt-images/submit-but.png) no-repeat center left;
border:none;
}*/