/*---------|      										    |--------
-----------| CSS STYLESHEET 								|--------
-----------| for Business Name (www.businessname.com) 	 	|--------
-----------| by Fresher Websites (www.fresherwebsites.com)  |--------
-----------| 												|--------*/


/*---------| Main Areas and Styles |--------*/

body, html {
    height:101%;
    padding:0px;
    margin:0px;
    font-size:90%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
    text-align:center;
    color:#575757;
	margin:0 auto;
}

p {
	margin:0px 0px 10px 0px;
	line-height:140%;
}


#blueRectangle {
	width:900px;
	background:#40e2ff;
	padding:6px;
	margin:0 auto;
	margin-top:100px;
}
	#logoArea {
		position:relative;
		height:120px;
		background:#575757;
	}
		#theLogo {
			float:left;
			height:120px;
			width:180px;
 		}
		
		#theTagline {
			position:absolute;
			right:0px;
			top:0px;
			padding:10px;
			width:500px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:150%;
			color:white;
			text-align:right;
		}
			
		#theLinks {
			position:absolute;
			right:0px;
			bottom:0px;
			padding:10px;
			font-family:Georgia, "Times New Roman", Times, serif;
			color:#40e2ff;
			font-size:0.9em;
		}
			#theLinks a {
				color:#40e2ff;
				text-decoration:none;
				margin:0px 10px;
			}
			
			#theLinks a:hover {
				color:white;
			}
	
	#mainArea {
		position:relative;
		margin-top:6px;
		font-family: Arial, Verdana, Helvetica, sans serif;
		height:auto !important; /* real browsers */
		height:200px; /* IE6: treaded as min-height*/
		min-height:200px; /* real browsers */
		background:white;
	}
	
		#pageTitle {
			position:absolute;
			bottom:0px;
			left:0px;
			padding:10px;
		}
		#pageTitle h1 {
			font-size:30px;
			font-family: Georgia, "Times New Roman", Times, serif;
			padding:0px;
			margin:0px;
			color:#40e2ff;
		}
	
		#leftColumn {
			/* styles set in styles.asp dependant on settings */
			float:left;
			text-align:left;
			font-size:0.9em;
		}
			#leftColumn a {
				display:block;
				margin-bottom:12px;
				text-decoration:none;
				color:#575757;
			}
			#leftColumn a:hover {
				color:#40e2ff;
			}					
		#rightColumn {
			/*styles set in styles.asp dependant on show picture or not*/
		}
		
		#middleColumn {
			/*margin set in styles.asp dependant on show picture or not*/
			position:relative;
			padding-top:20px;
			text-align:left;
			font-size:0.9em;
			padding-bottom:50px;
		}
		
			#middleColumn h1 {
				font-size:150%;
				font-family: Georgia, "Times New Roman", Times, serif;
			}
			#middleColumn h2 {
				font-size:120%;
				margin:30px 0px 10px 0px;
			}
			#middleColumn td,
			#middleColumn td p {
				font-size:75%;
			}
#footerText {
	text-align:center;
	font-size:0.9em;
	margin-top:5px;
}

.sectionPadding {
	padding:20px;
}

 



#adminBar,
#blogAdminBar {
    text-align:center;
	color:#40e2ff;
	font-size:0.9em;
}
#adminBar {
	background:#575757;
}
    
#blogAdminBar {
	background:#cccccc;
}
	#adminBar a,
    #blogAdminBar a
    {
    	color:#40e2ff;
        padding:5px;
    }
    
    #adminBar a:hover
    #blogAdminBar a:hover
    {
    	color:#40e2ff;
        background:#999999;
    }
    
#middle {
	padding:0px 0px 250px;
	position:relative;
    height:auto !important; /* real browsers */
	height:350px; /* IE6: treaded as min-height*/
	min-height:350px; /* real browsers */
    border-top:2px solid #000000;
    padding-top:1px; 
}
    
	#sidebar {
    	float:right;
        text-align:left;
        width:190px;
        display:inline;
    }
    	#sidebar h2 {
        	font-size:12px;
            font-weight:bold;
            margin-bottom:5px;
        }
        
        #sidebar a {
            display:block;
            color:#000000;
            padding:4px;
            font-size:12px;
            text-decoration:none;
            font-weight:normal;
    		font-family: arial, verdana, helvetica, sans-serif;
    	}
        
        #sidebar a:hover {
        	color:#cccccc;
            background:#333333;
        }
    

#mainContent {
	background:#cccccc;
    margin-right:200px;
    margin-top:0px;
}

#bottom {
	position:absolute;
	bottom:0; /* stick to bottom */
    margin:0 auto;
    width:100%;
}

	div#preFooter {
        padding:5px;
        background:#333333;
        color:#cccccc;
        text-align:left;
    	border-top:2px solid #000000;
        
    }
    	#preFooter ul {
        }
        
        #preFooter li {
        	padding:2px;
            font-size:12px;
        }
        
        #preFooter ul,
        #preFooter ol {
        color:#cccccc;
        margin:0px 0px 0px 10px;
        list-style: none;

        }
        
    	#preFooter h2 {
        	margin-bottom: 5px;
        }
        
        #preFooter h2 a {
        	font-size:16px;
            font-weight:bold;
            color:#999999;
        }
        
        #preFooter h2 a:hover {
        	background:transparent;
        }
        
        #preFooter a {
        	color:#cccccc;
            text-decoration:none; 
            padding:2px;   
            display:block;    
        }
        
        #preFooter a:hover {
        	color:#ffffff;
            background:#111111;
            
        }
    
div#footer {
	background:#000000;
    color:#999999;
    height:30px;
    line-height:30px;
    border-top:2px solid #ffffff;
}
	#footer a {
    	color:#999999;
        text-decoration:none;
        padding:5px;
    }
    
    #footer a:hover {
    	color:#cccccc;
        background:#777777;
    }
 
/*---------| Main Link Styles |--------*/

a {
    text-decoration:underline;
    color:#575757;
}
a:hover {
	text-decoration:underline;
    color:#40e2ff;
	
}

a.plain:link, a.plain:visited {
	text-decoration:none;
}

#leftColumn a.selectedLink, #leftColumn a.selectedLink:hover {
	font-weight:bold;
	margin-left:5px;
}
/*---------| Main Heading Styles |--------*/

h1 {
	padding:0px;
    margin:0px 0px 30px 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:36px;
    font-weight:normal;
}

#footerText h1 {
	color:#cccccc;
	font-size:11px;
}
h2 {
	padding:0px;
    margin:0px 0px 10px 0px;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size:24px;
    font-weight:normal;
    font-style:italic;
}

h3 {
	font-size:18px;
    margin:0px 0px 10px 0px;
}


/*---------| Multi use bits and divs |--------*/


div.sectionPadding {padding:20px;}

.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}
    
div.leftAlign {
	display:inline;
    float:left;
    text-align:left;
    padding-left:15px;
}

div.rightAlign {
	display:inline;
    float:right;
    text-align:right;
    padding-right:10px;
}

div.message {
	margin:0px 0px;
    padding:10px;
    border:2px outset #ffffff;
    font-weight:bold;
    color:#575757;
    text-align:justify;
}
	div.message a {color:#575757;}
	div.message a:hover {color:#40e2ff;}

div.pageTop {
	position:absolute;
    top:0;right:0px;
    display:inline;
	font-size:80%;
}
	div.pageTop a {color:#000022;background:#40e2ff;padding:5px;text-decoration:none;line-height:20px;}
    div.pageTop a:hover {background:#40e2ff;color:#000022;text-decoration:none;}


    
hr.bar, 
hr.barDot {
    height: 2px;
	border: 0;
}
hr.splitter {
	height:1px;
    margin:10px 0px;
    clear:left;   
}

.noMargin {
	margin:0px;
}

.smallText {
	font-size:90%;
    font-style:italic;
}

div.attention {
    background:#ffcccc;
    color:#000000;
    padding:10px;
    border:1px solid #ff0000;
}

.itemPreview {
	margin-left:30px;
}

.dotted {
	padding:10px;
    margin:5px;
    border:1px dashed #333333;
}
.inset {
	padding:10px;
    margin:3px;
    border:2px inset;
}

div.rightInline {
	display:inline;
    float:right;
    /*width set in div style */
    margin:0px 0px 20px 20px;
}

.opacity {
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
/*---------| Lists |--------*/

ul, ol {
	margin-bottom:0px;
}

ul.preFooter li {
	text-align:left;
    margin-left:30px;
}

/*---------| Forms |--------*/

form.pageForm {
	margin-top:30px;
}
form {padding:0;margin:0;}
textarea, 
input.textbox,
select {
    width:220px;
    font:14px bold Arial, Helvetica, sans-serif ;
    color:#222222;
    background:#dddddd;
}

textarea {
    height:80px;
}
input.button {
	color:#40e2ff;font-weight:bold;padding:2px;background:#575757;
}
.short {width:250px;}

.xShort {
	width:70px;
    font:14px bold Arial, Helvetica, sans-serif ;
    color:#222222;
    background:#dddddd;
}

.w150 {width:150px;}
.w120 {width:120px;}
.w100 {width:100px;}

.sidebar {width:150px;}

.searchBox {
    font-weight:bold;
    color:#222222;
    background:#dddddd;
    /*set height in page*/
}
td.formTitle {
	text-align: right;
    font-weight:bold;
    font-size:70%;
}


/*---------| Specific Pages |--------*/

/*link opacity*/

a.opacity img {
	border:1px solid #ffffff;

}

a.opacity:hover img {
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	border:1px solid #40e2ff;
}


/*projects*/

#projectTnContainer {
	overflow:auto;
	clear:left;
}

.projectTn {
	width:75px;
	background:#999999;
	display:inline;
	margin:3px;
}
div.projectTn img {
	background:black;
	width:75px;
}	
.pfContainer {	
	width:300px;
}

/*contact us section*/

div#preferredTime {
	padding:10px;
    border:1px solid #cccccc;

}
div#preferredTime td {

}

/*---------| USEFUL SNIPPITS |--------*/

/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;


*/