body 
{
    background-image: url(img/bg.gif);
	background-repeat:repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:12px;
	font-family:Arial;
	color:#333333;
}

a
{
    color:#000000;
    text-decoration:none;
    font-weight:normal;
}

a:hover
{
    text-decoration:underline;
    font-weight:bold;
}

#header
{
    height:260px;
    width:1000px;
    margin:0 auto;
    background-image:url(img/header.jpg);
    background-position:left center;
    background-repeat:no-repeat;
}

#header h1
{
    display:none;
}

#main
{
    width:1000px;
    margin:0 auto;
    margin-bottom:20px;
    overflow:auto;
    background-color:#FFFFFF;
}

#breadcrumb
{
    height:18px;
    width:1000px;
    border-bottom:solid 1px #333333;
    clear:both;
    padding-top:2px;
    
}

#breadcrumb ul, #breadcrumb ul li
{
    margin:0px;
    padding:0px;
    display:inline;
}

#breadcrumb ul
{
    margin-left:10px;
}

#breadcrumb ul li
{
    padding-top:10px;
}

#breadcrumb ul li a
{
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}

#breadcrumb ul li a:hover
{
    text-decoration:underline;
}
    

#col_left
{
    width:200px;
    min-height:500px;
    float:left;
    
    border-right:solid 1px #CCCCCC;  
    
}

#facebook
{
	color:#999999;
	margin:20px;
}

#col_main
{
    width:540px;
    float:left;
    margin:0px 25px 0px 25px;    
}

.main-image
{
	width:400px;
	margin-left:70px;
}

#col_main h1
{
    font-size:14px;
    font-weight:bold;
}

#col_right
{
    width:200px;
    min-height:500px;
    float:right;
    
    border-left:solid 1px #CCCCCC;    
}

#col_right h1,#col_left h1
{
    width:190px;
    font-size:14px;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#000000;
    height:18px;
    padding-left:10px;
    padding-top:2px;
    margin-top:0px;
}

#col_right h2,#col_left h2
{
    font-size:12px;
    font-weight:bold;
    margin:0px;
    margin-left:10px;
    margin:10px 0px 0px 10px;
}

#col_right ul, #col_right ul li,#col_left ul, #col_left ul li
{
    list-style:none;
    margin:0px;
    padding:0px;
}

#col_right ul li a,#col_left ul li a
{
    color:#000000;
    text-decoration:none;
    height:16px;
    margin-left:10px;
}
#col_right ul li a:hover,#col_left ul li a:hover
    {
        text-decoration:underline;
    }


#footer
{
    width:1000px;
    height:75px;
    clear:both;
    background-image:url(img/footer.jpg);
}

/*################ Thumbnail gallery ##############*/
    
#thumbs
{
    padding-left:15px;
}

.thumbnail
{
    width:75px;
    float:left;
    margin-left:10px;
    margin-bottom:10px;
}

.thumbnail img
{
    border:none;
}

.clear
{
    clear:both;
    height:10px;
    width:190px;
    background-color:Green;
}

#flickr
{
	margin-left:50px;
}

/*################ Image page ##############*/
#gallery_image
{
    margin-left:70px;
    margin-top:20px;
}

#gallery_info, .code_info
{
    border:solid 1px #CCCCCC;
    width:380px;
    margin-left:70px;
    margin-top:20px;
    padding:5px 10px 10px 10px;
}

#gallery_info h1,.code_info h1
{
    margin:0px;
}

#gallery_info h2,.code_info h2
{
    margin:0px;
    font-size:12px;
}

/*#####################################################*/

.code
{
    border:solid 1px #CCCCCC;
    width:380px;
    margin-left:70px;
    margin-top:20px;
    padding:5px 10px 10px 10px;
    font-family:Courier;
    font-size:9px;
    background-color:#FFFFEF;
    color:Green;
	overflow:auto;
}

/*################################################*/
#twitter
{
	margin-bottom:10px;
	width:200px;
}