/* CSS Document */

/* the height spawns a vertical scrollbar on all pages
 * to prevent short pages jumping to the left on Firefox
 * add a color and tiled image background to the page */ 
html, body {
height:101%;
padding:0;
margin:0;
}

/*Following styles are for the thumnail teaser links on portfolio page*/
.thumnails {
margin:0 40px 30px 40px;
padding:0;
color:#006;
background-color:inherit;
}

.h3imagetext img{
float:left;
margin-right:10px;
padding:0;
border-width:0;
}

.h3imagetext{
margin-bottom:0px;
font-size:14px;
background-image:none !important;
}

.textteaser p{
padding:0;
margin-bottom:0;
}
/*end*/


.list{
margin:15px 40px 0 0;
line-height:1.6em;
list-style-type:square;
}
	
	  
/* this next rule prevents Firefox adding a space beneath the
* title image when displayed as application/xhtml+xml */
#titlebar img{
display:block;
}

/*------------------------------styling of unordered list*/

/*------------------------------styling of unordered list*/

#navcontainer ul{
margin:0;
padding:0;
list-style:none;
width:700px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#fff url(../images/opt-images/highlight.png) repeat-x;
float:right;
}

/*---------------------------  each list item floated*/
#navcontainer ul li{
float:left;
}

/*---------------------------creating dividers for each btn*/
#navcontainer ul a{
display:block;
padding:0.50em 1em;
line-height:2.1em;
background: url(../images/opt-images/divider2.gif) repeat-y left top;
text-decoration:none;
color:#fff;
font-weight:400;

}


/*-------------------------removing unwanted divider from index link*/
#navcontainer ul .home a{
background:none;
}

/*----------------------------Higlighting of the current page */
body.highlightedfaq #navcontainer a.c-faq, body.highlightedhome #navcontainer a.c-home, body.highlightedcontact #navcontainer a.c-contact, body.highlightednews #navcontainer a.c-news,body.highlightedpackages #navcontainer a.c-packages, body.highlightedportfolio #navcontainer a.c-portfolio, body.highlightedservices #navcontainer a.c-services, body.highlightedaccess #navcontainer a.c-access, body.highlightedabout #navcontainer a.c-about {
background:#fff url(../images/opt-images/highlight6.png) repeat-x;
cursor:default;
}

body.highlightedhome #navcontainer .home a:hover,  body.highlightedservices #navcontainer .skills a:hover, body.highlightedpackages #navcontainer .packages a:hover, body.highlightedportfolio #navcontainer .portfolio a:hover, body.highlightedcontact #navcontainer .contact a:hover, body.highlightedaccess #navcontainer .accessibility a:hover, body.highlightednews #navcontainer .news a:hover, body.highlightedfaq #navcontainer .faq a:hover, body.highlightedabout#navcontainer .about a:hover{
background:#fff url(../images/opt-images/highlight6.png) repeat-x;
cursor:default;

}


#navcontainer a:hover.c-home, #navcontainer a:hover.c-faq, #navcontainer a:hover.c-access,  #navcontainer a:hover.c-contact,  #navcontainer a:hover.c-news,  #navcontainer a:hover.c-packages, #navcontainer a:hover.c-portfolio,  #navcontainer a:hover.c-services, #navcontainer a:hover.c-about{
color:#fff;
background: url(../images/opt-images/hover.png) repeat-x;
}

/*END*/

/*---------------------------END---------------------------------------*/



#color{
background-color:inherit;
color:#f6f;
}

/*following rules relate to new layout*/
/*below are styles for each page's background images starting with index page*/
#navcontainerb{
width:700px;
height:200px;
}

#navcontainerb h1{
width:300px;
}

#navcontainerb p{
text-align:left;
color:#fff;
background-color:inherit;
}

.color2{
color:#003;
background-color:inherit;
font-size:80%;
}

.color5 a{
color:#006;
background-color:inherit;

}

/*paragraph styling for horizontal rule on portfolio page*/
#backgroundindex .horrule {
color:#009;
background-color:inherit;
width:600px;
border-top: #ccc 1px solid;
margin-bottom:25px;
padding-top:10px;
}

/*middle floated columns for index, skills, acc etc*/

#leftcolumn .txtsize, #leftcolumn .txtsizeindex{
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:400;
color:#006;
background-color:inherit;
}

/*adding a margin to first papragraph in the left side column*/
#leftcolumn .txtsizeindex{
margin-top:15px;
}
/*end*/

/*adds margin to top paragraph of right column*/
#rightcolumn .topmargin1{
margin: 5px 0 0 0;
}

/*adds bottom margin to small paragraph of right column above domain checker*/
#rightcolumn .topmargin4{
margin: 0 0 0 5px;
}

/*end*/

.strong1{
color:#CC0099;
background-color:#fff;
}

#leftcolumn .textsize2, #leftcolumn .textsizeskills {
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:300;
color:#006;
background-color:inherit;
}

#leftcolumn .textsizeaccess{
font-family: Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:300;
color:#006;
background-color:inherit;
border-top:thin dotted #999;
}

/*determines the distance between >txtsize2, txtsizeskills, and txtsizeaccess paragraphs and above paragraph in left column*/

#leftcolumn .textsizeskills{
padding:35px 0 30px 0;
}

#leftcolumn .textsizeaccess{
padding:40px 0 60px 0;
}

#leftcolumn .textsize2{
padding:20px 0 30px 0;
}

/*end*/


/*padding for  bold /italic paragraph*/
.pad{
padding:10px 0;
}

/*mid column div on all pages,holding nested left and right columns*/
#midcolumnwrapper{
	width:680px;
	height:auto;
	padding:0 10px 0 10px;
	margin: 5px 0 15px 0;
}

/*end*/


/*left and right column styling*/


#rightcolumn a:link, #rightcolumn a:active,  #rightcolumn a:hover,  #rightcolumn a:visited{
color:#000;
}

.thumnails a:link, .thumnails a:active, .thumnails a:hover, .thumnails a:visited{
color:#000;
}

/*-------------------------styling for left column and right column*/
#leftcolumn{
width:360px;
float:left;
text-align:left;
padding:0;
background-color:#fff;
margin: 0 0 40px 0;
}


/*-----------------------background for contact*/
 .leftcolumn2{
padding:0;
background:url(../images/opt-images/free-consultation.gif) no-repeat 0 0;
height:170px;
width:280px;
margin-left: 14px;
}


#rightcolumn{
width:333px;
float:right;
text-align:left;
background-color: #fff;
}

#rightcolumnindex{
width:280px;
float:right;
text-align:left;
margin: 0 20px 0 10px;
}

/*-------------------------paragraph divider background image on left-handcolumn of access page*/
.para11{
background:url(../images/opt-images/para9.png) no-repeat 0 164px;
height:174px;
display: block;
}
/*-------------------------paragraph divider background image on left-handcolumn of services page*/
.para12{
background:url(../images/opt-images/para9.png) no-repeat 0 155px;
height:170px;
display:block;
}

/*End*/

/*styling for left column links*/
#leftcolumn a:link, #leftcolumn a:visited,  #leftcolumn a:active{
color:#006;
text-decoration:underline;
background-color:inherit;
}

#leftcolumn a:hover{
color:#006;
text-decoration:underline;
}

.clear{
clear:both;
}
/*End*/

/*styles for positioning bullit images and unordered lists*/

.listimage, .listimage4{
line-height:1.7em;
margin-right:40px;
padding:0;
list-style-type:none;
}
  
.listimage{
margin-left:40px;
}

.listimage4{
margin:15px 0 0 11px;
padding-bottom:0;
}

/*styling of the ul tag */  
.listimage5{
color:#000;
line-height:1.7em;
margin-left:10px;
padding:0;
list-style-type:none;
}

/*styling of the ul tag left hand column */  
.listimages5{
color:#000;
line-height:1.7em;
margin-left:40px;
padding:0;
list-style-type:none;
}
/*end*/

/*styling of the li tag */  
 .listimage2{
background-image:url(../images/opt-images/icon-list.png);
background-repeat: no-repeat;
background-position:0.2em;
padding:0.3em 0 0.3em 1.8em;
list-style-type:none;
}
/*end*/


/*styling of list in the left hand column on services page*/
 .listimages2{
background-image:url(../images/opt-images/icon-list.png);
background-repeat: no-repeat;
background-position:0.2em;
padding:0.3em 0 0.3em 1.7em;
list-style-type:none;
}
/*end*/


/*setting of list image*/
.listimage3{
background:url(../images/opt-images/icon-list.png) no-repeat 0 5px;
padding:0 0 0.8em 2em;
color:#000;
background-color:inherit;
}
/*end*/

/*Styles for text styling*/
.style1{
color:#006;
font-weight:bold;
background-color:inherit;
}

.style2{
margin-left:40px;
color:#003;
background-color:inherit;
}

/*styling for group of txt with image of myself*/
.textteas{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}


/*styling for table and table cells on news page*/
tdone,  tdthree, tdfour{
width:40px;
padding-left:0;
}

tdtwo{
width:40px;
padding-left:0;
}

table{
width:250px;
margin-left:40px;
padding-top:20px;
padding-bottom:20px;
}

/*background color to statement on bottom of index page*/
.colorsize3{
color:#006;
margin:20px 0 20px 0;
font-size:14px;
}
/*end*/

/*styling of servicesparagraph*/
p #servicesparagraph {
color:#5725D6;
}
/*end*/

/*------------------------request a quote text*/
.packageheading5{
background-color:#fff;	
margin-left:5px;
color:#000095;
margin-top:10px;
padding:5px;
width:auto;
font-family: Arial, Helvetica, sans-serif;
}


/*heading 1 right*/
.packageheadingright{
margin-left:10px;
color:#006;
padding:140px 0 0 0;
width:auto;
font-family: Arial, Helvetica, sans-serif;
}

/*styling ul li of package page*/
.packageul{
padding:0 0 0 25px;
font-weight:300;
margin-bottom: 10px;
}

.packageul4{
padding:0 0 0 45px;
font-weight:300;
margin: 0 0 10px 0;
}

/*class for styling ul on maintenance page*/
.packageul2{
padding:0;
font-weight:300;
margin-left:60px;
margin-top: 10px;
}
/*class for styling ul on faq page*/
.packageul3 li{
padding:0;
font-weight:300;
margin-left:25px;
margin-top: 10px;
color:#333;
list-style-type:none;
}

.packagelist{
line-height:1.5em;
list-style-type: none;
color: #333;
}

.packagelist3{
line-height:2.5em;
list-style-type:none;
color: #333;
background:url(../images/opt-images/0030_arr.png) no-repeat 0 8px;
padding-left:20px;
}


/*website services page-main list styling*/
.packagelist4{
line-height:3em;
list-style-type: none;
color:#333;
}

.packagelist5{
padding-top:15px;
line-height:3em;
list-style-type:none;
color:#333;
}

/*package page main text area*/
#packagedeals {
padding-top:0px;
}
/*end*/

#packagedeals .packageh2{
font-size:100%;
font-weight:400;
color:#fff;
background-color:#99c;
width:600px;
padding:5px;
}


.style5{
color:#c60203;
background-color:inherit;
font-weight:600;
}


.border{
border-bottom:#6538a7 1px dotted;
}

/*end*/

#formwhois{
margin-left:0;
margin-top: 0;
margin-bottom:5px;
}

/*box surrounding whois search form*/
#whois{
padding:15px 0 0 25px;
margin:0 0 0 7px;
}

.faqcolor{
color:#4294c1;
}

.listimage6{
margin:0;
padding:10px 0 0 0;
}

/*rounded corners on the services page*/

/*end*/