/*Theme Name: web101dev*/

/*****************************************************************
                          Global Text Styles
******************************************************************/
a:link{color: #2D68AC; outline:none; font-family:Helvetica, Arial, sans-serif;}
a:visited{color: #6329AF;text-decoration: underline;}
a:hover{color: #B1275B;text-decoration: underline;}
a:focus{text-decoration: underline;outline: none;}
p {font-family:Helvetica, Arial, sans-serif;}






/*****************************************************************
                          Container
******************************************************************/
body,html{
       background:#fff;
       font-family:Helvetica, Arial, sans-serif;
       height:100%;
       _text-align:center;
       }
* {padding:0;margin:0;}









/*****************************************************************
                          Header
******************************************************************/
#slideshow{padding:44px 0 0 2px;


}
#header-wrap{
       height:332px;
       width:100%;
       background:url(images/aaa_headerBG.jpg) repeat-x;
       }
#header-container1{
       height:100px;
       width:960px;
       margin:0 auto 0 auto;
       }
#header-block {width:273px; height:96px; float:left;}
#header-block2 {float:right; margin:7px 0 0 0;}



#header2-wrap{
	margin:0 0 0 0;
       height:125px;
       width:100%;
       background:url(images/aaa_header2BG.jpg) repeat-x;
       }
#header2-container1{
       height:125px;
       width:960px;
       margin:0 auto 0 auto;
       }
#tagline{font-family: Georgia, Times, serif; color: #FFFFFF; font-style:italic; font-weight:normal;font-size:20px;margin:15px 10px 0 0; float:right;}
#header2-block {width:273px; height:96px; float:left;}
#header2-block2 {float:right; margin:7px 0 0 0;}



/*** Main Navigation Menu ***/
#mainNav {float:right;
        height:50px;
       padding-top:3px;
       padding-left:36px;
       margin-top:-1px;
	   overflow:visible;
       }
#mainNav ul {list-style:none;}
#mainNav ul li {float:left;}
#mainNav h2 {display:none;}
#mainNav a, #mainNav a:link{
       display: block;
       padding: 11px 15px;
       font-weight:900;
       font-size:14px;
       color:#000;
       text-decoration:none;
       outline:none;
       font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Tahoma", "Helvetica Lt Std", Verdana, Helvetica, Corbel, Arial, sans-serif;}
#mainNav a:visited{color: #000;text-decoration: none;}
#mainNav a:hover{color: #336199;text-decoration: none;}
#mainNav a:focus{text-decoration:none;outline:none;}


#header-container2{
       width:960px;
       margin:0 auto 0 auto;
       _margin:-20px auto 0 auto;
       }
#intro{
       width:490px;
       height:120px;
       float:left;
       font-size:19px;
       font-weight:bold;
       font-family:Helvetica, Arial, sans-serif; 
       color:#fff; 
       text-align:left;
       padding:10px 0 0 7px;
       _padding:35px 0 0 7px;


       }
#laptop {
       width:461px;
       height:252px;
       float:right;
       margin:-20px 0 0 0;
       _margin:0;
       overflow:hidden;
       background:url(images/aaa_laptop2.jpg) no-repeat #000;
       }

.intro-subtext{font-size:22px; color:#5896b9;_line-height:.7em;}
.getStartedText{font-size:12px; color:#000;}
.getStartedText a, getStartedText a:link, getStartedText a:visited, getStartedText a:focus{font-size:12px; color:#1E5F9F;}
.getStartedText a:hover{font-size:12px; color:#3E75B8;}

#getStarted{
       width:462px;
       height:140px;
       float:left;
       background:url(images/get-started-grad.png) no-repeat;
       margin:10px 0 0 0;
       padding:10px 0 0 22px;
       _padding-top:18px;
       }



/*****************************************************************
                          Forms
******************************************************************/
 form {
 padding:5px 0 5px 0;

}
input {
width:172px;
border: 1px solid #1e5f9f;
padding:3px;

}
.btn {
color:#fff;
background-color:#1e5f9f;
width:150px;
border: 1px solid #1e5f9f;
padding:2px;
_padding:0px;
}



/*****************************************************************
                          Body Container
******************************************************************/
#wrap{width:960px;margin:0 auto 0 auto;}
#body-wrap{
       width:100%;
       overflow:hidden;
       margin:0 auto 0 auto;
       text-align:left;
       }

#body-container {margin-top:0;}
#body-container h2 {font-family: Georgia, Times, serif; color:#333333; font-style:italic; font-weight:normal;font-size:20px;}
#content {
       margin:0 auto 0 auto;
       width:610px;
       height:auto;
       float:left;
       }








/*****************************************************************
                           Sidebar
******************************************************************/
#sidebar{
       background:url(images/aaa_sidebarHeader.jpg) no-repeat;
       margin:0 auto 0 auto;
       width:297px;
       height:315px;
       font-size:24px;
       float:right;
       }
	   
.sidebar-header{
       font-family:Helvetica, Arial, sans-serif; 
       font-weight:600; 
       word-spacing:1pt;
       color:#333;
       padding:15px 0 0 25px;
       margin:0 0 -15px 0;
       width:295px;
       height:45px;
       font-size:18px;
        _padding-bottom:23px;
       }
	   
.sidebar-contents{
       border-bottom:1px solid #aeadad;
       border-left:1px solid #aeadad;
       border-right:1px solid #aeadad;
       width:295px;
       height:45px;
       font-size:18px;
       font-family:Helvetica, Arial, sans-serif; font-weight:600; word-spacing:1pt;
       text-decoration:none;
       _width:297px;
       }
.sidebar-contents a{color:#2d68ac;text-decoration:none;}
.sidebar-contents a:link{color:#2d68ac;text-decoration:none;}
.sidebar-contents a:hover{color:#4c7fc0;text-decoration:none;}
.sidebar-contents-box-left{margin:8px 0 0 20px;float:left;}
.sidebar-contents-box-right{margin:15px 0 0 10px;float:left;}








/*****************************************************************
                          Home Page
******************************************************************/
.homebody-left-header {
       font-family:Helvetica, Arial, sans-serif; 
       font-weight:600; 
       word-spacing:1pt;
       color:#2d68ac;
       width:610px;
       height:auto;
       font-size:18px;
       float:left;
       margin:10px 0 5px 0;
       }
.homebody-left-copy{
       font-family:Helvetica, Arial, sans-serif;
       color: #666666;
       margin:0 auto 0 auto;
       width:580px;
       height:auto;
       font-size:12px;
       float:left;
       }



#homebody-bottom {
       border:1px solid #aeadad;
       top:auto;
       float:left;
       margin:15px 0 0 0;
       width:948px;
       height:auto;
       padding:0 0 0 0;
       }
.homebody-bottom-img{
       float:left;
       margin:15px 0 15px 13px;
       overflow:hidden;
       width:300px;
       }
.homebody-bottom-img img {border:1px solid #ccc;}
.homebody-bottom-caption{
       float:left;
       margin:10px 0 0 0;
       font-family:Helvetica, Arial, sans-serif; 
       font-weight:600; 
       word-spacing:1pt;
       color:#333333;
       font-size:14px;
       }
.homebody-bottom-more{
       float:right;
       margin:7px 0 0 0;
       }







/*****************************************************************
                          Generic Pages
******************************************************************/
.entry{

       font-family:Helvetica, Arial, sans-serif;
       color:#000;
       padding:10px;
       margin:-16px auto 0 auto;
       font-size:0.85em;
       line-height:2em;
       width:610px;
       overflow:hidden;

       }
.entry p{margin:10px;font-size:14px;line-height:2em;}

.page-title {width:100%;margin-bottom:14px;}









/*****************************************************************
                  Services & Website Plans
******************************************************************/
.button-wrap {margin-bottom:15px;}
.button-wrap h2 a:link, .button-wrap h2 a:hover, .button-wrap h2 a, .button-wrap h2 a:visited {text-decoration:none;color:#000;}
.button-wrap a:link, .button-wrap a:hover, .button-wrap a, .button-wrap a:visited {text-decoration:none;color:#000;}

.service-image {float:left;width:168px;height:132px;margin:10px 15px 1px 0px;}
.service-text {float:right; width:380px;color:#545454;text-align:justify;margin-right:10px;}
.stupid-extra-class {padding:1px;overflow:hidden;color:#545454;text-align:left;margin-right:10px;line-height:1.5em;}
.more-button {width:auto;
	padding:2px 1em;
	margin: 10px 0 0 0;
	font-size:0.8em;
	background:url(images/button-bg.gif) repeat-x;
	border:1px solid #adadad!important;
	border-left-color:#aaa!important;
	border-top-color:#aaa!important;
	float:right;
	display:block;}
 .more-button a, .more-button a:link, .more-button a:visited {color:#545454;text-decoration:none;}
 .more-button a:hover {color:#432BCE;text-decoration:none;}







.design-button {width:610px; height:50px;}
.design-button h2 {  margin:-45px 0 0 74px;}
#design-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.host-button {width:610px; height:50px;}
.host-button h2 {margin:-45px 0 0 74px;}
#host-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.market-button {width:610px; height:50px;}
.market-button h2 {margin:-45px 0 0 74px;}
#market-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.app-button {width:610px; height:50px;}
.app-button h2 {margin:-45px 0 0 74px;}
#app-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.commerce-button {width:610px; height:50px;}
.commerce-button h2 {margin:-45px 0 0 74px;}
#commerce-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }
	   
/*Website Plans*/ 
.plans-image {float:left;width:168px;height:132px;margin:10px 15px 1px 0px;}
.plans-text {float:right; width:380px;color:#545454;text-align:justify;margin-right:10px;}  
	   
.billboard-button {width:610px; height:50px;}
.billboard-button h2 {  margin:-45px 0 0 83px;}
#billboard-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.brochure-button {width:610px; height:50px;}
.brochure-button h2 {margin:-45px 0 0 83px;}
#brochure-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.office-button {width:610px; height:50px;}
.office-button h2 {margin:-45px 0 0 83px;}
#office-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.rep-button {width:610px; height:50px;}
.rep-button h2 {margin:-45px 0 0 83px;}
#rep-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }

.maintenance-button {width:610px; height:50px;}
.maintenance-button h2 {margin:-45px 0 0 83px;}
#maintenance-text {
       display:none;
       border:1px solid #ccc;
       background:url(images/serve-bg.gif) repeat-x bottom #fff;
       padding:10px;
       }



/*****************************************************************
                          Portfolio
******************************************************************/


#gallery-wrap {}
/* #mygalone img {border:1px solid #ccc; padding:7px;} */
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 

/*core classes*/ 
.stripViewer {  
position: relative;
overflow: hidden;  
border: 0px solid #ff0000;
margin: 0 0 1px 0; 
}
.stripViewer ul { /* this is your UL of images */
margin: 0; 
_padding: 10px 0 0 0; 
position: relative;
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0;
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial;
text-align: center; 
line-height: 22px; 
background: url('images/image-gallery-btm-nav-num.jpg');
color: #000;
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff;
color: #6889D5;
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede;
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;
border: 0; 
}




/*****************************************************************
                          Contact
******************************************************************/
#contact-info {width:277px;_width:297px;background:#FAFAFA;border:1px solid #aeadad;float:right;height:220px;color:#545454;font-size: 12px;padding:10px;}
#contact-info h2 {border-bottom:1px solid #e2e2e2; font-family:Helvetica, Arial, sans-serif;
       font-weight:600; 
       word-spacing:1pt;
       color:#333;}
#contact-info h3{font-size:14px;margin-top:10px;}






/*****************************************************************
                          Footer
******************************************************************/
#footer{
       width: 100%;
       height:137px;
       margin: 0 auto 300px auto;
       padding: 1px;
       overflow:hidden;
       }
	   
#footer a:link{color:#2d68ac;}	   
#footer p{font-size:11px;text-align:center; color:#2d68ac; margin-top:10px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
#footer a, #footer a:visited{color:#2d68ac; text-decoration:none;}
#footer a:hover{color:#4c7fc0;}