/* CSS Document */

body
{
margin:0;
line-height:1.4em;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
font-weight:normal;
text-align:left;
/*
background:#e9e9e9 url(../images/common/bodyBack.gif) top center repeat-y;
*/
background:#fff;
color:#333;
}




table th, table td
{
font-size:0.8em;
font-family:"Trebuchet MS", sans-serif !important;
}




#footerNavigation #socialIcons
{
display:none;
}


.alert
{
font-size:.7em;
color:red;
}

.clear
{
clear:both;
}

.clearLine
{
clear:both;
margin:20px 0;
border-top:solid 1px #ddd;
}


#wrapper
{
width:960px;
margin:0 auto;
padding:0;
}

#header
{
width:900px;
padding:0 30px;
margin:0;
}


.logo
{
width:29px;
margin-right:20px;
padding-top:23px;
float:left;
}

#navigation
{
margin:0;
padding:0;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
font-size:.7em;
line-height:1.6em;
width:900px;
color:#000;
}

#navigation ul
{
list-style-type:none;
padding:20px 17px 0 17px;
margin:0;
margin:0;
float:left;
border-left:solid 1px #ccc;
}

#navigation ul li
{
display:list-item;
}

#navigation ul li a:link,
#navigation ul li a:visited
{
color:#333;
text-decoration:none;
}

#navigation ul li a:hover
{
color:#fff;
background:#333;
}

#navigation ul li a:link span,
#navigation ul li a:visited span
{
color:#990000;
text-decoration:none;
font-weight:bold;
}


#navigation ul li a:hover span
{
color:#fff;
background:#333;
}


.content
{
width:900px;
margin:0;
padding:30px;
position:relative;
}


.leftColumn
{
width:590px;
float:left;
margin-bottom:30px;
}

.rightColumn
{
width:280px;
float:right;
margin-bottom:30px;
}


.thirdColumn,
.thirdColumnRight
{
width:280px;
margin-right:30px;
float:left;
}

.thirdColumnDouble
{
width:580px;
margin-right:30px;
float:left;
}


.thirdColumnRight
{
margin:0;
}



.halfColumn,
.halfColumnRight
{
width:435px;
float:left;
margin-right:30px;
}

.halfColumnRight
{
float:right;
margin:0;
}










#tagWrap
{
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
margin:0 0 25px 0;
}

#tagWrap a:link,
#tagWrap a:visited
{
color:#333;
text-decoration:none;
margin:0 10px 0 0;
}
#tagWrap a:hover
{
color:#900;
}



.rightColumn ul
{
margin-left:0 !important;
}









#projects
{
width:900px;
height:330px;
margin-top:30px;
margin-bottom:30px;
padding:0;
position:relative;
background:#000 url('/images/common/loading.gif') no-repeat center center;
/*
border-bottom:5px solid #000;
border-top:5px solid #000;
*/
}

#projectControl_left
{
cursor:pointer;
position:absolute;
left:0;
top:0;
width:30px;
height:330px;
background:url('/images/common/controllers/projectLeft1.png') no-repeat left top;
border-right:1px solid #fff;
}

#projectControl_right
{
cursor:pointer;
position:absolute;
right:-1px;
top:0;
width:30px;
height:330px;
background:url('/images/common/controllers/projectRight1.png') no-repeat left top;
border-left:1px solid #fff;
}






.portfolioWindow
{
width:900px;
height:400px;
margin-bottom:30px;
background:#000;
border-bottom:5px solid #000;
border-top:5px solid #000;
position:relative;
}





#portfolioImageWrap
{
width:900px;
height:400px;
margin-bottom:30px;
padding:0;
position:relative;
background:#000;
}

#portfolioImageWrap img
{
margin:0 0 0 30px;
}

#portfolioControl_left
{
cursor:pointer;
position:absolute;
left:0;
top:0;
width:29px;
height:400px;
background:url('/images/common/controllers/left1.png') no-repeat left top;
border-right:1px solid #fff;
}

#portfolioControl_right
{
cursor:pointer;
position:absolute;
right:-1px;
top:0;
width:30px;
height:400px;
background:url('/images/common/controllers/right1.png') no-repeat left top;
border-left:1px solid #fff;
}














.projectImage
{
float:left;
padding:0;
margin:-45px 0 0 31px;
position:relative;
}

.projectText
{
float:right;
width:210px;
padding-right:30px;
margin:30px;
}

.latestProjectPanel
{
display:none;
}











.thirdColumn,
.thirdColumnRight
{
width:280px;
margin-right:30px;
float:left;
}

.thirdColumnRight
{
margin:0;
}







/* happy */
#happyClients
{
width:900px;
height:130px;
overflow:hidden;
margin:0;
padding-top:15px;
border-top:solid 1px #ddd;
}

div#happyClients ul#happyClientsList
{
margin:0 !important;
padding:0 !important;
list-style-type:none !important;
}

div#happyClients ul#happyClientsList li
{
background:0 !important;
margin:0 !important;
padding:0 !important;
width:180px;
}









.projectflash
{
position:absolute;
z-index:20;
top:-17px;
left:-17px;
}

.projectflashRight
{
position:absolute;
z-index:20;
top:-25px;
right:30px;
}


.workBox,
.workBoxRight
{
width:260px;
padding:10px;
margin:0 30px 30px 0;
background:#000;
float:left;
position:relative;
}

.workBoxRight
{
margin:0 0 30px 0;
}


a:link .rollover,
a:visited .rollover 
{
border: 0;
padding: 1px;
background:#000 !important;
}

a:hover .rollover 
{
border: 1px solid #ddd !important;
padding: 0;
}









h1
{
font-size:2.2em;
line-height:1.2em;
font-weight:normal;
color:#333;
margin-top:0;
}

.large
{
font-size:3em;
line-height:0.4em;
line-height:0.9em;
color:#990000;
margin-top:0.5em !important;
}



h2
{
clear:left;
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
color:#900;
margin-top:0;
}



h3
{
clear:left;
font-size:1em;
line-height:1.2em;
font-weight:normal;
color:#666;
margin:5px 0;
}


h2 a:link,
h2 a:visited
{
color:#900;
text-decoration:none;
}

h2 a:hover
{
color:#fff;
text-decoration:none;
background:#333;
}



p
{
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
font-size:.9em;
line-height:1.4em;
}


p a:link,
p a:visited
{
color:#ccc;
font-size:.7em !important;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif !important;
text-transform:uppercase;
text-decoration:none;
background:#000 url(../images/common/buttonBacks.png) left bottom no-repeat;
padding:3px 5px 2px 5px;
margin-right:5px;
border:0;
cursor:pointer;
width:auto;
float:none;
}


input.nice
{
color:#fff;
font-size:1em !important;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif !important;
text-transform:uppercase;
text-decoration:none;
background:#900 url(../images/common/buttonBacks.png) left bottom no-repeat;
padding:3px 5px 2px 5px;
border:none;
width:auto !important;
}

input.chunk
{
color:#333;
background:#fff;
border:0;
text-transform:uppercase;
}









p a:hover, 
a.currentBun:link,
a.currentBun:visited,
a.currentBun:hover
{
color:#333;
text-decoration:none;
background:#ccc;
}

.hostingPackage p a:link,
.hostingPackage p a:visited,
.hostingPackageInfo p a:link,
.hostingPackageInfo p a:visited
{
color:#fff;
font-size:.7em !important;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif !important;
text-transform:uppercase;
text-decoration:none;
background:#900;
padding:3px 5px 2px 5px;
margin-right:5px;
border:1px solid #fff;
cursor:pointer;
width:auto;
float:none;
position:relative;
top:-6px;
}

.hostingPackageInfo p a:link,
.hostingPackageInfo p a:visited
{
background:#333;
top:0;
}

.hostingPackage form input
{
color:#333;
font-size:.7em !important;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif !important;
text-transform:uppercase;
text-decoration:none;
background:#fff;
padding:3px 5px 2px 5px;
margin-right:5px;
border:0;
cursor:pointer;
width:auto;
float:none;
position:relative;
top:-6px;
}


.price
{
font-size:1.6em;
}


.hostingPackage p a:hover
{
color:#333;
text-decoration:none;
background:#fff;
}


.content ul
{
font-size:.9em;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
line-height:1.6em;
padding:0;
position:relative;
margin:10px 0 30px 10px;
}

.content li
{
list-style:none;
color:#333;
font-weight:normal;
padding-left:15px;
background:url(../images/common/listBullet.png) 0 6px no-repeat;
line-height:1.6em;
margin-bottom:10px;
}


.content li a:link,
.content li a:visited
{
color:#333;
text-decoration:underline;
}

.content li a:hover
{
text-decoration:none;
}





#dialSteps
{
padding:10px;
margin:0;
color:#fff;
border-bottom:5px solid #900;
border-top:5px solid #900;
}


#dialSteps h2
{
color:#900;
font-style:italic;
}


#dialSteps ul
{
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
line-height:1.6em;
padding:0;
position:relative;
margin:0;
font-size:1em;
}


#dialSteps li
{
list-style:none;
color:#900;
font-weight:normal;
padding-left:30px;
background:url(../images/common/dialupSteps.png) 0 50% no-repeat;
line-height:2em;
}




.listBy_backButton
{
float:right;
padding:0;
margin-top:7px;
}





#map
{
border:solid 5px #000;
}


.red
{
color:#990000;
}



.underline
{
border-bottom:solid 1px #ddd;
padding-bottom:10px;
}


.offWhiteText
{
color:#fff;
}

.offWhiteText a:link,
.offWhiteText a:visited
{
color:#ccc;
text-decoration:none;
}

.offWhiteText a:hover
{
color:#fff;
text-decoration:none;
background:#333;
}


.media
{
color:#CCC;
font-style:italic;
}





.date
{
font-size:.7em;
}

.centerAlign
{
text-align:center;
}


.entry
{
margin-bottom:30px;
}


.rightImages
{
float:right;
margin:0 0 20px 20px;
}

.domainSteps
{
padding:0 30px 0 10px;
border-right:solid 1px #ddd;
}





.imageRight
{
border:solid 5px #000;
background:#ddd;
float:right;
margin:0 0 20px 20px;
position:relative;
}

.imageRight a img
{
border:0;
width:240px;
}




.bgBlock
{
background:#333;
color:#fff;
padding:15px 30px;
}



.hostingPackage
{
background:#990000 url(../images/common/packageBack.png) 0 50% no-repeat;
padding:30px 30px 30px 140px;
margin-bottom:20px;
}

.hostingPackageInfo
{
background:#333 url(../images/common/packageBack2.png) 30px 50% no-repeat;
padding:30px 30px 30px 140px;
margin-bottom:20px;
}


.hostingPackage p,
.hostingPackageInfo p
{
font-size:1.2em;
line-height:1.4em;
padding:0;
margin:0;
color:#fff;
}

.hostingPackageInfo p
{
color:#ccc;
}

.hostingPackageInfo p span
{
color:#fff;
}







table.table
{

color:#333;
font-size:1em;
margin:0;
width:100%;
}

table.table td,
table.table th
{

padding:5px 15px;
font-size:.9em;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
}



table.table tr.tops td, 
table.table tr.tops th
{
color:#333;
font-size:.7em;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
line-height:1.5em;
border-bottom:solid 5px #333;
font-weight:bold;

}

table.table td a:link,
table.table td a:visited
{
color:#ccc;
font-size:.9em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background:#000 url(../images/common/buttonBacks.png) left bottom no-repeat;
padding:2px 4px;
margin-right:5px;
}

table.table td a:hover
{
color:#333;
text-decoration:none;
background:#ccc;
}



table.table tr.section td
{
color:#fff;
padding:10px;
background:#666;
}


table.table tr.rowHover td
{
background:#333;
color:#fff;
}



.rowOdd
{
background:transparent;
}
.rowEven
{
background:#ddd;
}

.error
{
color:#900;
}

.success
{
color:#090;
}









p.bigRed a:link,
p.bigRed a:visited
{
color:#fff;
font-weight:bold;
font-family:"Trebuchet MS", sans-serif;
text-transform:uppercase;
text-decoration:none;
background:#900 url(../images/common/buttonBacks.png) left bottom no-repeat;
padding:3px 5px 2px 5px;
}


p.bigRed a:hover
{
color:#fff;
text-decoration:none;
background:#000 url(../images/common/buttonBacks.png) left bottom no-repeat;
}















form#form
{
width:260px;
margin-bottom:30px;
padding:10px 10px 0 10px;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
font-size:.9em;
text-align:left;
background:#333;
}

form#form label
{
display:block;
clear:left;
color:#ccc;
}





form#form input, 
form#form select,
form#form textarea
{
border:1px solid #666;
float:left;
clear:left;
width:250px !important;
margin:0 0 15px 0;
padding:3px;
color:#333;
font-size:.9em;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
background:#ccc;
}



form#form input#submit
{
margin-right:15px;
padding:5px;
width:auto;
height:auto;
border:0;
color:#333;
background:#ccc;
cursor:pointer;
}


form#form input.errorInput,
form#form select.errorInput,
form#form textarea.errorInput
{
border:1px solid #900;
}


span.requiredWarning
{
color:#fff;
font-size:1.2em;
}






ul#twitterFeed
{
margin:0;
padding:0;
list-style-type:none;
}
ul#twitterFeed li
{
background:none;
margin:0 0 10px 0;
padding:0;
clear:left;
border-bottom:1px solid #ddd;
}

ul#twitterFeed li img
{
float:left;
margin:5px 10px 0 0;
width:25px;
height:25px;
}



ul#twitterFeed li .tweet
{
width:240px;
float:left;
}


ul#twitterFeed li .mini
{
display:block;
font-size:0.75em;
color:#777;
font-style:italic;
}


















#footer
{
width:900px;
padding:30px 30px 0 30px;
margin-top:0px;
background:#000;
}




#footerNavigation
{
margin:0;
padding-top:10px;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
font-size:.7em;
line-height:1.6em;
width:900px;
color:#000;
}

#footerNavigation ul
{
list-style-type:none;
padding:0 19px 20px 20px;
margin:0;
float:left;
border-left:solid 1px #333;
}

#footerNavigation ul li
{
display:list-item;
color:#666;
}

#footerNavigation ul li a:link,
#footerNavigation ul li a:visited
{
color:#666;
text-decoration:none;
}

#footerNavigation ul li a:hover
{
color:#fff;
background:#333;
}




#lastLine
{
width:960px;
margin:0 auto;
padding:0;
font-size:.7em;
color:#333;
text-align:center;
font-family:Trebuchet MS, Helvetica, Arial, Sans Serif;
}





#lastLine p a:link, 
#lastLine p a:visited
{
color:#900;
font-size:.7em !important;
font-weight:normal;
font-family:"Trebuchet MS", sans-serif !important;
text-transform:none;
text-decoration:none;
background:none !important;
padding:0 !important;
border:0;
margin:0 !important;
width:auto;
float:none;
}























/* *** form layouts *** */

form.normalForm
{
margin:0 0 2em 0;
}
form.normalForm label
{
font-size:.9em;
width:120px;
float:left;
clear:left;
margin:0 0.5em 1em 0;
color:#333;
font-family:"Trebuchet MS", sans-serif;
}
form.normalForm label.required
{
background:url('/images/common/forms/required.gif') no-repeat right 2px;
}
form.normalForm label.fullwidth
{
width:auto !important;
}

input, 
select, 
textarea
{
float:left;
margin:0 0 1em 0;
border:1px solid #999;
font-family:inherit !important;
font-size:inherit !important;
padding:0.25em;
width:340px !important;
}
input, textarea
{
width:200px;
}
textarea
{
height:200px;
width:400px;
}
select
{
margin:0 1em 1em 0;
}
input.autowidth
{
width:auto;
margin:0 1em 1em 0;
}

.errorInput
{
border-color:#900 !important;
}

.noborder
{
border:none;
padding:0;
margin:0 !important;
}











/* */
#domainCheckForm, 
#lineCheckForm
{
background:#900;
color:#fff;
padding:20px 0;
margin:0 !important;
}
#domainCheckForm p, 
#lineCheckForm p
{
padding:0;
margin:0;
}

#domainCheckInput, 
#lineCheckInput, 
#usageCheckInput
{
font-size:1.7em !important;
width:305px;
border:5px solid #fff;
margin:0 20px 0 0;
background:#ddd;
}

#domainCheckSubmit, 
#lineCheckSubmit
{
font-size:2em !important;
margin:0 !important;
padding:7px;
}








/* */
body .cmsWrap a:link,
body .cmsWrap a:visited
{
background:none;
padding:0;
margin:0;
text-decoration:underline;
color:#000;
text-transform:none;
font-size:0.9em !important;
font-weight:normal;
}

body .cmsWrap a:hover
{
text-decoration:none;
}


a img,
a:hover img,
h2 a:hover img
{
border:0 !important;
background:#fff !important;
}