@charset "UTF-8";
/* CSS Document */



/* STYLE SHEET FOR www.lightbulb-moment.com
Created by ***/



.clear {
clear:both;
}

ul {
padding:0px;
margin:0px;
}

img {
margin:0px;
padding:0px;
}

a {
outline:none;
}

a:link {text-decoration: none; color: #333333;}
a:visited {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: #6f8ec5;}
a:active {text-decoration: none; color: #333333;}


.required {
        color:#6f8ec5;
}

.style5 {color: #6f8ec5;}

p	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#999999;
        padding-right: 40px;
	line-height:2em;

}

.p1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#999999;
	padding:0px;
	margin:0px;
	
}

.contact {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;
	color:#999999;
	padding:0px;
	margin:5px 0px 0px 0px;
	text-indent:5px;
	
}

.one {
	color:#999999;
	font-size: 0.7em;
	
	}

.one a:link  { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	text-transform: none; 
	outline:none;
	border:none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	color: #999999;
line-height:2em;
	}
	
.one a:visited { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration:none;
line-height:2em;
	
	}
.one a:hover { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#6f8ec5;
line-height:2em;
	}
.one a:active { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	outline:none;
line-height:2em;
	}

.two {
	color:#666666;

	}

.two a:link { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none; 
	text-transform: none;

}
	
.two a:visited { 
	color: #666666;
	text-decoration:none;
	background-color: #c2dc28;
	
	}
.two a:hover { 
	color:#333333;

	}
.two a:active { 
	outline:none;
	}


.six {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 0.8em;
	}

.six a:link { 
	color: #666666;
	text-decoration: none; 
	text-transform: none;
        }
	
.six a:visited { 
	color: #666666;
	text-decoration:none;
	}
.six a:hover { 
	color:#cccccc;
	}
.six a:active { 
	outline:none;
	}



h2	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#6f8ec5;
	font-weight: normal;
	margin: 0px;
        text-transform:uppercase;
	}

/* ############################################### LIST STYLES #####################################################*/




.mainnav	{
	font-size: 0.7em;
	text-decoration:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}

.mainnav a:link { 
	color: #666666;
	text-decoration: none;
	
	}
.mainnav a:visited { 
	color: #666666;
	text-decoration:none;
	}
.mainnav a:hover { 
	color: #6f8ec5;
	text-decoration: none;
	}
.mainnav a:active { 
	color: #666666;
	text-decoration:none;
	}

.return	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-decoration:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}

.return a:link { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #baae3f;
	text-decoration: none;
	
	}
.return a:visited { 
	color: #baae3f;
	text-decoration:none;
	}
.return a:hover { 
	color: #CC3300;
	text-decoration: none;
	}
.return a:active { 
	color: #baae3f;
	text-decoration:none;
	}

	
.footerlist	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color:#999999;
	text-decoration:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
}


.footnav	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-decoration:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

.footnav a:link { 
	color: #666666;
	text-decoration: none;
	
	}
.footnav a:visited { 
	color: #666666;
	text-decoration:none;
	}
.footnav a:hover { 
	color: #baae3f;
	text-decoration: none;
	}
.footnav a:active { 
	color: #666666;
	text-decoration:none;
	}



/* ############################################### STYLES #####################################################*/


body {
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color: #666666;
}

body#aboutbody .aboutnav a,
body#workbody .worknav a,
body#hostbody .hostnav a,
body#followbody .follownav a,
body#subscribebody .subscribenav a,
body#clientloginbody .clientloginnav a,
body#webdesigndevelopmentbody .webdesigndevelopmentnav a,
body#designandimagebody .designandimagenav a,
body#visualmediabody .visualmedianav a,
body#consultancybody .consultancynav a,
body#contactbody .contactnav a,
body#newsbody .newsnav a
 {
color:#6f8ec5;
}

#wrapper {
	position: absolute;
	left:50%;
	width: 986px;
	margin-left:-493px;
	margin-top:10px;

	}

#topBG {
	line-height:0.1em;
	 width: 986px;
	 padding: 0px;
	 height: 10px;
	 margin: 0px 0px 0px 0px;
	background: url(http://www.lightbulb-moment.com/images/siteimgs/topDropBG.jpg) no-repeat;
}
#bottomBG {
	
	 width: 986px;
	 padding: 0px;
	 height: 15px;
	 float: left;
	 display: inline;
	 margin: 0px 0px 0px 0px;
	background: url(http://www.lightbulb-moment.com/images/siteimgs/bottomDropBG.jpg) no-repeat;
}


#header {
	float:left;
	display:inline;
	width:986px;
	height:187px;
	background: url(http://www.lightbulb-moment.com/images/siteimgs/middleDropBG.jpg) repeat-y;
}

#logobox	{
	float:right;
	display:inline;
	width:199px;
	height:64px;
	margin:9px 45px 0px 0px;
	/*background-color: #99FF00; /*limegreen*/
	background-image:url(http://www.lightbulb-moment.com/images/siteimgs/logo.jpg);
}

#headerinner	{
	float:left;
	width:925px;
	height:85px;
	display:inline;
	margin: 20px 0px 0px 25px;
	border-bottom:#CCCCCC 4px solid;
	border-top:#CCCCCC 4px solid;
	/*background-color: #ffffff; /*purple*/
	background-image:url(http://www.lightbulb-moment.com/images/siteimgs/index_13.jpg);
	background-repeat:repeat-x;
}

.greyline {
	width: 925px;
	margin: 0px 0px 0px 25px;
	float: left;
        height:4px;
	display: inline;
        font-size:1px;
line-height:1px;
	border-top:#CCCCCC 4px solid;
}

.greyline2 {
	width: 420px;
	margin: 5px 0px 0px 20px;
	float: left;
	display: inline;
        font-size:1px;
line-height:1px;
	border-top:#CCCCCC 4px solid;
}

.greyline3 {
	width: 438px;
	float: left;
	display: inline;
        font-size:1px;
line-height:1px;
	border-top:#CCCCCC 4px solid;
}




#navbox1	{
	float:left;
	display:inline;
	height:65px;
	width:400px;
	margin: 10px 0px 0px 0px;
	/*background-color: #990099; /*purple*/
}

.navboxcontainer	{
	float:left;
	width:125px;

	display:inline;
	height:50px;
}


#navbox2	{
	float:left;
	height:65px;
	display:inline;
	width:200px;
	margin: 10px 0px 0px 110px;
	/*background-color: #990099; /*purple*/
}

#contentcontainer {
	float:left;
	display:inline;
	width:986px;
	background: url(http://www.lightbulb-moment.com/images/siteimgs/middleDropBG.jpg) repeat-y;
}

.contentleft {
	float:left;
	display:inline;
	width:470px;
	margin: 15px 0px 15px 27px;
	/*background-color: #FFFF00; /*yellow*/
}

.contentright {
	float:left;
	display:inline;
	width:440px;
	margin: 15px 0px 10px 16px;	
 	/*background-color: #FFFF00; /*yellow*/
}
.contentright_comments {
	float:left;
	display:inline;
	width:430px;
	margin: 15px 0px 10px 5px;	
 	/*background-color: #FFFF00; /*yellow*/
}

#contentrightinner	{
	float:left;
	display:inline;
	width: 415px;
	margin: 0px 0px 0px 20px;	/*background-color: #CCCCCC; /*ltgrey*/
}

.imageLeft {
        float:left;
       display:inline;
	padding-bottom: 18px;
}
.imageMiddle {
        float:left;
       display:inl
	padding-bottom: 18px;
	padding-left: 20px;
}
.imageNudge {
	padding-left: 20px;
}


/* ############################################### CASE STUDY STYLES #####################################################*/

.casestudytitle	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color:#ffffff;
	text-decoration:none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


/* ############################################### CASE STUDY JQUERY STYLES #####################################################*/



#slidenav {
   position: relative;
   top: 29px;
   width:53px; 
   height: 29px; 
   margin-left:358px;  
    z-index:999;
 
}
#slidenav a:hover {
  background-color: #222;
}

#slidenav a {
  float:left;
  background-image: url("http://www.lightbulb-moment.com/images/siteimgs/case_arrow.jpg");
  width:53px;
  height:29px;
  background-repeat:no-repeat;
}




/* ############################################### THUMB CONTAINER #####################################################*/

.newsthumbcontainer {
	float: left;
	display: inline;
	width: 440px;
	height: 100px;
}
.newsthumbcontainer img {
border: solid 1px #cccccc;
}


.thumbcontainer {
	float: left;
	display: inline;
	width: 88px;
	height: 88px;
	padding: 5px;
}

.thumbcontainer img {
border: solid 1px #cccccc;
}


 /* ############################################### FOOTER #####################################################*/


#footer {
	float:left;
	display:inline;
	width:986px;
	height:140px;
	background: url(http://www.lightbulb-moment.com/images/siteimgs/middleDropBG.jpg) repeat-y;
}


#footerinner {
	float:left;
	display:inline;
	width:900px;
	height:110px;
	margin: 10px 0px 0px 25px;
	/*background-color: #FF33CC; /*pink*/
}

#footerform	{
	float:left;
	display:inline;
	width:470px;
	height:95px;
	/*background-color: #CCCCCC; /*ltgrey*/
	
}

#footerinfo1	{
	float:left;
	display:inline;
	width:175px;
	height:95px;
	margin-top:15px;
	margin-left:40px;
	/*background-color: #CCCCCC; /*ltgrey*/
}

#footerinfo2	{
	float:right;
	display:inline;
	width:180px;
	margin-top:60px;
	height:40px;
	text-align:right;
	/*background-color: #CCCCCC; /*ltgrey*/
}
.FlashBorder {
	border: 1px solid #CCCCCC;
}


 /* ############################################### FEATURED ENTRY #####################################################*/

#contentrightinnerfeatured	{
	float:left;
	display:inline;
	width: 412px;
	margin: 18px 0px 0px 17px;	/*background-color: #CCCCCC; /*ltgrey*/
}
.entry_image_featured {
        float:left;
        display:inline;
        width:470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        }
.entry_title_container_featured {
        float:left;
        display:inline;
        width:320px;
	margin: 15px 0px 4px 0px;
	padding: 0px 70px 0px 0px;
        }
.featuredcasethumb {
float:left;
display:inline;
width:100px;
height:100px;
margin: 3px 3px 0px 0px;
}

 /* ############################################### FEATURED SLIDER #####################################################*/
#featuredContainer {
	position:relative;
	width:411px;
	height:305px;
	background-color:#ffffff;
	margin-top:18px;
}

#slider {
	position:absolute;
	width:411px;
	height:305px;
       z-index:10px;
margin:0px;
padding:0px;
}

.f_sliderTitle {
		display:block;
		width:171px;
		height:23px;
		position:relative;
		left: 0px;
		top: 0px;
                padding: 0px 0px 0px 9px;
		z-index:999;
               background-color: #6f8ec5;
	       font-family:Verdana, Arial, Helvetica, sans-serif;
	       color:#ffffff;
	       text-transform:uppercase;
	       font-size:.8em;
}



	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:411px;
		height:276px;
		
		}	
	#f_caseTitleBar { 
		width:171px;
		height:29px;
                position:absolute;
		left: 0px;
		top: 0px;
                z-index:999;
                padding: 0px 0px 0px 0px;
                background-color: #6f8ec5;
              }



	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:53px;
		height:29px;
		position:absolute;
		left:15px;
		top:0px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:358px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:53px;
		height:29px;
		background:url(http://www.lightbulb-moment.com/images/siteimg/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(http://www.lightbulb-moment.com/images/siteimgs/f_next_btn.jpg) no-repeat 0 0;	
		}	
	#nextBtn a:hover,#prevBtn a:hover {
		background-position: 0px -29px;
		}
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

.f_title {
float:left;
       margin: 0px 0px 0px 190px; 
       padding: 0px 0px 0px 0px;
	width:200px;
height:29px;
} 

.f_img {
float:left;
width:411px;
height:182px;
top:30px;
z-index:99;
}


.f_summary {
	margin: 220px 0px 0px 0px;
       padding: 0px 10px 0px 5px;
	width:380px;
	} 
.f_summary p{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.6em;
	color:#999999;
	} 



#prevBtn {
display:none;
 
}
 /* ############################################### NEWS #####################################################*/
.paginate {
float:left;
display:inline;
width:438px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-left:0px;
margin-bottom:10px;
	color:#666666;
}

.pagecount {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 0.7em;
       padding: 5px;
      }

.pagecount a:link { 
	color: #666666;
	text-decoration: none; 
	text-transform: uppercase;
padding: 5px;
	}
	
.pagecount a:visited { 
	color: #666666;
	text-decoration:none;	
text-transform: uppercase;
	}
.pagecount a:hover { 
	color:#565656;
text-transform: uppercase;
	}
.pagecount a:active { 
	outline:none;
text-transform: uppercase;
	}

.entry_title_container {
        float:left;
        display:inline;
        width:320px;
	margin: 15px 0px 4px 0px;
	padding: 0px 70px 0px 15px;
        }

.entry_title_full {
	color:#6f8ec5;
	font-size: 1em;
        font-weight:normal;
        padding: 0px;
	text-transform: uppercase;
	}

.entry_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 0.9em;
        padding: 0px;
	text-transform: uppercase;
	}
.entry_title a:link { 
	color: #666666;
	text-decoration: none; 
	text-transform: uppercase;
padding: 0px;
	}
	
.entry_title a:visited { 
	color: #666666;
	text-decoration:none;	
text-transform: uppercase;
	}
.entry_title a:hover { 
	color:#c2dc28;
text-transform: uppercase;
	}
.entry_title a:active { 
	outline:none;
text-transform: uppercase;
	}
.posted {
        float:left;
        display:inline;
        font-size:0.7em;
        color: #999999;
        width:370px;
	padding: 0px 0px 0px 15px;
	}


.entry_image {
        float:left;
        display:inline;
        width:420px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        }

.entry {
        float:left;
         display:inline;
       width:380px;
	margin: 10px 0px 20px 0px;
	padding: 0px 20px 20px 15px;
        }

.entry p {
	margin: 0px;
	padding: 0px;
        }
.center {
        float:left;
        display:inline;
        width:380px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 15px;
        }

.goback {
        float:left;
         display:inline;
        font-size:0.7em;
	margin:  0px 0px 0px 0px;
	padding: 0px 20px 0px 15px;
 
   }

/*########################## COMMENTS ############################ */

.comment {
        float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:inline;
 	width:420px;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 0px;
        background-color:#f9f9f9;
         }
.comment_entry {
  
        padding: 0px 0px 0px 0px;
        }

.comment_entry p {
 	color:#666666;
        font-size:.7em;
        padding: 10px 20px 0px 15px;
        }
         
.comment_form_container {
        float:left;
        display:inline;
        width:410px;
        margin-left: 0px;
	padding: 0px 0px 20px 10px;
        background-color:#6f8ec5;
        }	
textarea {
 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

 /* ############################################### NEWS ARCHIVES #####################################################*/

#archivesColumn {
float:left;
display:inline;
width:460px;
margin-top:15px;

}

.archivesBlockOne {
float:left;
display:inline;
width:459px;

}


 /* ############################################### NEWS CATEGORIES #####################################################*/

#news_category_container {
       float:left;
       margin: 15px 0px 10px 36px;
font-size:0.9em;
       display:inline;
       width: 420px;
      /*background-color: #777777;*/
}

.nav_categories {
padding:0px;
margin:0px;
}

 /* ############################################### TWITTER #####################################################*/
#twitter_div{
    width:360px;
    float: left;
   display:inline;
    padding: 0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    overflow: inherit;
  background-color:#ffffff;
}
#twitter_icons {
     float:left;
display:inline;
width:46px;
}

#twitter_div h2 {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #ff9900; 
}
#twitter_div a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #5e6c0a;
    text-decoration: none;
}
#twitter_div a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #990000;
    text-decoration: none;
}
#twitter_div ul {
    list-style: none;
    padding: 0px;
margin:0px;
}
#twitter_div ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
    padding: 5px 5px 5px 15px;
 
    margin-bottom: 7px;
}
#twitter_div ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #c1a574;
}
#twitter_div ul li a:hover {
    font-size: 11px;
    text-decoration: underline;
    color: black;
}