/* Please don't Steal my design, Learn from it */
   
   * { margin: 0; padding: 0; border: none;}
        
        

        body {
    font: 14px/1.4 Arial, Helvetica, sans-serif;
    background-image: url(img/bg.jpg);
    background-color: #FFF;
    background-attachment: scroll;
    background-position: top;
    background-repeat: repeat-x;
    }
        #page-wrap {
    width: 950px;
    position: relative;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    }
        p { margin: 0 0 15px 0; }

        #sidebar ul {font-size: 16px; color: #42c2fd; padding: 10px; }
        li { margin: 0 0 0 20px;list-style-type: none; }
        #main {
    width: 390px;
    float: left;
    }
    
      #top{    
    background-image: url(img/side-t.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width:300;
    height:219;
    padding-top: 65px;
    
}           
    #sidebar {
    width: 300px;
    position: fixed;
    left: 50%;
    top: 0px;
    background-color: #000;
    height: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 150px;
    background-image: url(img/side-b.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    }
    #sidebar h3 {
    color: #c4c7cb;
    padding-left: 30px;

    }
    #sidebar h4 {
    color:#c3c7cb;
    font-size: 1em;
    padding-left: 40px;
    }           
    #sidebar p {
    color: #c4c7cb;
    padding-right: 10px;
    padding-left: 10px;
    }
     #sidebar p a, #sidebar p a:visited, #sidebar h4, #sidebar h4 a{
    color: #c4c7cb;
    
    }


    #sidebar ul {
    margin: 0;
    list-style: none;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    }
    #sidebar ul li{
    margin: 0; padding:  0;
    display: inline;
    }
    #sidebar ul li{
    display: block;
    margin: 0;
    text-decoration: none;
    color: #42c2fd;
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 15px;
    }

    h1 {
    text-indent: -9999px;
    height: 180px;
    padding: 0;
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
    background-position: 30px top;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -20px;
    }
    #main h2, #main h3 {
    color: #009afb;
    margin: 10px 0;
    padding: 10px 0;
    font-size: 2em;
    font-weight: normal;
    }
    #main p {
    line-height: 1.8em;
    padding: 7px 0;
    margin: 7px 0;
    }
    #title-area {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(img/lights.png);
    }
     #main-front {
	width: 390px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    }        
        
 #main-front p {
	
	text-align: left;
   }        

    #address {
    top: 0px;
    left: 400px;
    display: block;
    width: 600px;
    margin-right: auto;
    margin-left: 0px;
    padding-left: 35px;
    font-size: 14px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 30px;
    letter-spacing: 0.2em;
    }
    #address a,  #address a:visited{
    color: #000;
    text-decoration: none;
    }
    #address a:hover{
    color: #ffffff;
    text-decoration: underline;
    }
    #page-wrap #links {
    clear: both;
    width: 300px;
    }

    #gallery {
    padding: 30px 30px 30px 0px ;

    }
#main-front h2 {padding: 20px 0 20px 0;font-size: 2em;}



#main-front h2 a {color: #009afb;font-size: 2em;} 
#main-front h2 a:visited {color: #009afb;font-size: 2em;}         
#main-front h2 a:hover {color: #333333;font-size: 2em;} 

        
#front {
	text-indent: -9999px;
	height: 180px;
	padding: 0;
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -20px;
}




/*-- global links--*/
#links {
	position:static;
	left:450px;
	top:560px;
	width:126px;
	height:18px;
	z-index:8;
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#links_wrap {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	overflow: auto;
}
div.scroll {
	height: 270px;
	width: 540px;
	overflow: auto;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.scroll_columns {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #F400A1;
	border: thin dotted #000000;
	padding-top: 10px;
	width: auto;
}
#link-holder {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-bottom: 30px;
}
.li {
	margin-right: auto;
	margin-left: auto;
}
a.global:link, .clear a {
	color: #009afb;
	font-size: 14px;
}     /* unvisited link */
a.global:visited, .clear a  {
	color: #009afb;
}  /* visited link */
a.global:hover, .clear a  {
	color: #333333;
	font-size: 16px;
}   /* mouse over link */

.clear {
	margin-top: 50px;
	margin-bottom: 20px;
	clear: both;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}