﻿/* CSS Document */

html>body{height:100%;}
/****************************** Interface ****************************************/
body
{
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 13px;
	color:#444;
	line-height:21px;
	height:100%;

}

.txtColor{color:#444;}

a
{
	color:#666;
	text-decoration:none;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}

a:hover
{
 text-decoration:underline;
}

img
{
    border:none;
}


#divCenter
{
	
	width:980px;
	float:left;
	height:inherit;
	padding-left:05px;
	
}


#divHeader
{
	height:105px;
}

#divSubTitle
{
    font-size:11px; color:#999999; margin-top:-40px; margin-left:110px; z-index:1000; width:500px;
}

#divNav
{
	height:50px;

}

#divNav a
{
	display:block;
	width:175px;
	float:left;
	height:38px;
	text-align:center;
	padding-top:13px;
	margin-top:-1px;
	background-image:url(../images/nav_separator.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:15px;
	font-family:Arial;
}


#divNav #lnkPortfolio, #divNav #lnkHome,#divNav #lnkHosting{ width:105px;}
#divNav #lnkGetaQuote { width:140px;}
#divNav #lnkHome {margin-left:-4px;}
#divNav #lnkCb { width:177px;}

#divNav a:hover
{
	background-image:url(../images/nav_hover.jpg);
	background-position:top left;
	text-decoration:none;
	color:#F7F7F7;
}

#divNav a:active
{
	background-image:url(../images/nav_hover.jpg);
	background-position:top left;
	text-decoration:none;
	color:#F7F7F7;
}



#divFooter
{
    height:353px; background-image:url(../images/bottom-bg-bar.png);
    background-repeat:repeat-x;
    clear:both;
    color:#333;
    font-size:10px;
    line-height:18px;
}

.footerbox
{
    padding-top:30px;
    width:170px;
    float:left;
    font-family:Arial;
    padding-left:20px;
}

.footerbox ul
{
    margin:0px;
   
}

.footerbox ul li
{
    margin-left:-40px;
    list-style:none;
    
}

#divSocial
{
    height:50px;
    padding-top:10px;
    padding-left:20px;
    
}

#divSocial #left
{
    float:left;
    width:500px;
}
#divSocial #right
{
    float:right;
    width:100px;
    text-align:right;
    padding-right:20px;
    padding-top:10px;
}

#divFooterContent
{
    margin:0px auto;
    width:990px;
   
    height:353px;
    
}

/************************************* Front Page *************************************/

#divMaincontainer
{
	height:600px;
	float:left;

}

#divMainpic
{
	width:684px;
	float:left;
		
}

#divQuote
{
	float:right;
	height:292px;
	width:270px;
	
	background-color:#0059d1;
	margin-right:-9px;
	background-image:url(../images/getaquote.png);
	background-position:top;
	background-repeat:no-repeat;
	
}


#divMainContent
{
    clear:both;
    padding:10px 0px 10px 10px;
	width:inherit;
	
}

#tbGetaQuote 
{
    margin-top:55px;
}

#tbGetaQuote td
{
    color:#FFF;
    padding:03px;
    
}

#tbGetaQuote td input, textarea 
{
    border:1px solid #666666;
    padding-top:03px;
    padding-bottom:03px;
    overflow:hidden;
    width:150px;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    
}



#divFrontTxt
{
    width:710px;
    float:left;
    padding-top:05px;
    
}

.divFrontBox
{
	background:url(../images/box.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding:05px;
	height:180px;
	width:220px;
	float:left;
	margin-right:05px;
	
	
}
.divFrontBoxtxt{ padding:10px; }
.divFrontBoxtxt a {color:Orange; color:#007ddd;}

.divFrontBox h1
{
	font-size:15px;
	margin-top:0px;
	margin-bottom:3px;
	color:#007ddd;
	text-align:center;
}

.divFrontBoxtxt img
{
    float:right;
    padding-right:03px;
    padding-top:04px;
    
}

#divFrontHighlight
{
    width:230px; margin-left:02px;
    margin-top:07px; 
	background-color:#d8e9f8;
	float:left;
    border:1px solid #CCC;
	padding:05px 13px 10px 13px;
	
}



/********************************** Text ***********************************************/

h1
{
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size: 18px;
	color:#007ddd;
	text-align:left;
	font-weight:normal;
	
}

h3{font-size:14px; font-weight:bold; color:#007ddd;}

.divPageContentTxt
{
    padding-left:25px;
    padding-right:25px;
}

.divPageContentTxt table
{
    font-size:15px;
    color:#007ddd;
}
    
#tbGetaQuoteDetails td input,#tbGetaQuoteDetails td textarea 
{
    border:1px solid #666666;
    padding-top:03px;
    padding-bottom:03px;
    overflow:hidden;
    width:489px;
    height: 20px;
    font-size:15px;
    padding-left:03px;
}
select
{
    height:30px;
    font-size:15px;
}

.btnBlueSubmit
{
    width:167;
    height:36px;
}

#tbGetaQuoteDetails td textarea
{
    height:65px;
    width:500px;
     font-size:15px;
     font-weight:normal;
}

.btnSubmitimg
{
    margin-left:85px;
}

.divPortfolio
{
    border:1px solid #cccccc;
    padding:05px;
    width:470px;
    float:left;
    margin-left:08px;
    margin-bottom:08px;
    background-color:#e6f2fd;
}

.divPortfolio img
{
    float:left;
    padding-right:05px;
    border:none;
}

