/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #fff;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 900px;
    background-color: #fff;
    margin: 50px auto 0px auto;
    border: 0px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #ffffff;
    width: 100%;
}

.header h1
{
    font-weight: 800;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 0px;
    margin: -25px 0px 0px 0px;
    min-height: 400px;
}

.leftCol
{
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 0px;
    min-height: 200px;
    border:1px solid red;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: red;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*------------- */


	/* SLIDER  */
	
	/* http://www.ceylanajans.com */

#sliderFrame {position:relative;width:900px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#ribbon {width:111px;height:111px;position:absolute;top:-4px;left:-4px;background:url(http://www.asdemyapi.com/Styles/themes/7/ribbon.png) no-repeat;z-index:7;}
     
#slider {
    width:900px;height:325px;/* Make it the same size as your images */
	background:#fff url(http://www.asdemyapi.com/Styles/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
    border:0px;
    
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Slider Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:200px;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:0px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:0px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(http://www.asdemyapi.com/Styles/themes/1/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

    /* Main Banner Start */
    #mainbanner
    {
    height:165px;
    width:900px;    
    margin-top:10px;
    }
    
    #banner1
    {
    height:165px;
    width:345px; 
    float:left;  
    }
    
    
    #banner2
    {
    height:165px;
    width:180px;   
    margin-left:5px; 
    float:left;  
    }  
        
    #banner3
    {
    height:165px;
    width:180px;
    margin-left:5px;  
    float:left; 
    } 
        
    #banner4
    {
    height:165px;
    width:180px;
    margin-left:5px;  
    float:left; 
    } 
    
    /* Main Banner End */
    
    /* Footer */
    
    .footer
    {
        
        background-color:#333;
        height:300px;
        width:auto;
        margin:auto;
        margin-top:20px;
        padding-top:0px;       
        
        min-width: 1030px;
        
    }
    
    
    
    #footermain
    {
    margin:auto;   
    background-color:#3D3D3D;
    height:210px;
    width:900px;    
    padding-top:0px;     
    }
    
    #footerblank
    {
      margin:auto;
      width:900px; 
      background-color:#ffffff;
      height:10px;
      
    }
    
    #footermain1
    {
      
      width:900px; 
      background-color:#3d3d3d;
      height:210px;
    }
    
    #footeradress
    {
      margin:auto;
      width:900px; 
      background-color:#999;
      height:30px;  
      
    }
    
    
#zone-header-wrapper{padding:0px 0 00px 0;}
#zone-content-wrapper{padding:0 10px;}
#zone-footer-wrapper{background:#3d3d3d;}
#zone-footer{padding:0px;min-height:180px;font-size:.75em;}
#zone-footer .region-footer-first,#zone-footer .region-footer-second,#zone-footer .region-footer-third,#zone-footer .region-footer-fourth{margin-bottom:4em;}
#zone-footer li.expanded,#zone-footer li.collapsed,#zone-footer li.leaf{padding:0;}
#zone-footer .block-menu h2.block-title{color:#b2e3ff;border-bottom:1px solid #689ebd;padding-bottom:3px;text-transform:uppercase;font-size:1em;text-align:left;}
#zone-footer .block-menu ul.menu li{margin:0;}
#zone-footer .block-menu ul.menu li a{display:block;border-bottom:1px solid #689ebd;line-height:1.2;padding:0.8em 2px 0.8em 10px;text-indent:-15px;}
#zone-footer .block-menu ul.menu li a:hover,#zone-footer .block-menu ul.menu li a:focus{background-color:#4281a6;}
#zone-footer .block-menu ul.menu li a:link,#zone-footer .block-menu ul.menu li a:visited{color:#fff;}
#zone-footer .block-menu ul.menu{margin-left:0;}#zone-footer .block-menu ul li.leaf{color:#fff;list-style-type:none;list-style-image:none;}

#zone-content{padding:25px 0;}
#zone-header-wrapper{background:#ccf7ff;min-height:75px;}#zone-branding-wrapper{border-bottom:#b7eaf7 1px solid;min-height:110px;}


body{font:14px/1.5 OpenSans,Helvetica,sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6
{font-family:OpenSans,Helvetica,sans-serif;font-weight:normal;color:#333;}
h1,h1.site-name,h2.site-name{font-size:2.25em;}h2,h2.node-title{font-size:1.75em;}
h2.block-title,h3,dt,.admin h3{font-size:1.3125em;}h4{font-size:1.1875em;}h5{font-size:1em;}h6{font-size:.88225em;}

#zone-header-wrapper{padding:20px 0 0px 0;}#zone-content-wrapper{padding:0 10px;}#zone-footer-wrapper{background:#3d3d3d;}
#zone-footer{padding:5px;min-height:200px;font-size:.75em;}#zone-footer .region-footer-first,#zone-footer .region-footer-second,#zone-footer .region-footer-third,#zone-footer .region-footer-fourth{margin-bottom:4em;}
#zone-footer li.expanded,#zone-footer li.collapsed,#zone-footer li.leaf{padding:0;}#zone-footer .block-menu h2.block-title{color:#ccc;border-bottom:1px solid #666;padding-bottom:3px;text-transform:uppercase;font-size:1em;}
#zone-footer .block-menu ul.menu li{margin:0;}
#zone-footer .block-menu ul.menu li a{display:block;border-bottom:1px solid #666;line-height:1.2;padding:0.8em 2px 0.8em 0px;text-indent:0px;text-align:left;}
#zone-footer .block-menu ul.menu li a:hover,#zone-footer .block-menu ul.menu li a:focus{background-color:#333;}
#zone-footer .block-menu ul.menu li a:link,#zone-footer .block-menu ul.menu li a:visited{color:#fff;}
#zone-footer .block-menu ul.menu{margin-left:0;}#zone-footer .block-menu ul li.leaf{color:#fff;list-style-type:none;list-style-image:none;}


    .icerikdis
    {
        width:895px;
        height:auto;
        min-height:450px;
        /*border:1px solid #999;*/
        background: #ffffff; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #b9b6af 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#b9b6af)); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#b9b6af 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#b9b6af 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#b9b6af 100%); /* IE10+ */
        background: radial-gradient(ellipse at center,  #ffffff 0%,#b9b6af 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b9b6af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        box-shadow: 0px 1px 5px #666666;
        margin-top:75px;
        
        border-top-right-radius:2em;
        border-bottom-left-radius:2em;
    }
    
    .icerikdis2
    {
        width:895px;
        height:auto;
        min-height:250px;
        /*border:1px solid #999;*/
        margin-top:65px;
    }
    .icerik
    {
        width:750px;
        margin-top:10px;
        height:250px;
        font-family:arial;
        font-size:0.9em;    
        color:#333;
        
        
        margin-top:10px;
        margin-left:75px;
    }
    
    .imgborder
    {
        box-shadow: 0px 1px 5px #666666;
        }
    .baslikimage
    {
    margin-top:-25px;
    margin-left:-35px;    
    }
    
    
    #iktable
    {
       width:600px; 
       border: 0px solid #496077;
        }
        
        
        .katalogyazi
        {
            font-family:Trebuchet MS;
            font-size:14px;
            line-height:20px;
            color:#A0956E;
            }
            
            .katalogyazi a
            {
                text-decoration:none;
                color:#A0956E;
            }
            
    .adress
    {
        width:820px;
        
        height:215px;
        margin-left:0px;
        }
        
        .adressleft
        {
            float:left;
            width:420px;
            
            height:215px;
            }
            
            .adressright
            {
                float:right;
                width:400px;
           
            height:215px;
                }
                
                
                
     .icerikproje
     {
     width:850px;
     height:200px;
     margin-top:35px;
     
     }
     
     
     .icerikprojeleft
     {
     width:600px;
     
     
     float:left;
     }
     
     .icerikprojeleft2
     {
     width:25px;
     background-color:#e8e8e8;
     height:auto;
     float:left;
     }
     
     
     .icerikprojeright
     {
     width:210px;
     
     float:right;
     height:350px;
     }
     
     .projeleft1
     {
         
         height:40px;
         width:600px;
         float:left;
     }
      .projeleft2
     {
        
         height:200px;
         width:600px;
         float:left;
     }              
    
    .projeleft3
     {
         
         height:20px;
         width:600px;
         float:left;
     } 
     
     .projeleft4
     {
         
         height:30px;
         width:600px;
         float:left;
     } 
     
     
     
     .projeleft5
     {
         
         height:60px;
         width:600px;
         float:left;
     }    
     
     .projebaslik
     {
         /*font-family:Trebuchet MS;*/
         font-family: 'Open Sans Condensed', sans-serif;
         font-size:16px;
         font-weight:normal;
         line-height:22px;
         color:#2d81b6;
         margin-top:5px;
         
     } 
     
     
     .projebaslik2
     {
         /*font-family:Trebuchet MS;*/
         font-family: 'Open Sans Condensed', sans-serif;
         font-size:13px;
         font-weight:normal;
         line-height:22px;
         color:#2d81b6;
         margin-top:5px;
         
     } 
     
      .projeicerik
     {
         /*font-family:Trebuchet MS;*/
         font-family: 'Open Sans Condensed', sans-serif;
         font-size:13px;
         font-weight:normal;
         line-height:22px;
         color:#797979;
         margin-top:10px;
         
     }  
     
     h1, h2, h3, h4, h5, h6  {
	font-family: Trebuchet MS;
	font-weight: normal;
	margin-bottom: 15px;
}

.h3 {
	color:#2d81b6;
	font-size: 16px;
	font-weight: normal;
	
	
}

#search-form
{
    
   
    }
       
     
 	
		
.textbox, #searchBox {
	color: #747474;
	width: 330px;
	margin-bottom: 10px;
	padding: 8px;
	background-color: #f7f7f7;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	font-family: inherit;
	font-size: inherit;
}

#searchBox {
	width: 145px;
	float: left;
	font-size: 12px;
	margin-bottom: 30px;
	height: 31px;
	padding: 0 8px;
	color: #b4b4b4;
}
#searchButton {
	background: url(../images/content/search.png) no-repeat center #2d81b6;
	width: 33px;
	height: 33px;
	border: none;
	text-indent: -9999px;
	margin-left: 4px;
	cursor: pointer;
	
}

#searchButton:hover {
	background-color: #565656;
}      



.sidebar-menu {
	list-style: none;
	margin-bottom: 30px;
}

.sidebar-menu li {
	padding-top: 8px;	
	padding-bottom: 8px;
	border-bottom: 1px solid #e7e7e7;
}

.sidebar-menu li:hover {
	border-bottom: 1px solid #2d81b6;
}

.sidebar-menu li a {
	color: #747474;
	font-family: 'Open Sans Condensed', sans-serif;
    font-size:13px;
}

.sidebar-menu li a:hover {
	color: #2d81b6;
	text-decoration: none;
}


.arrows-1 li {
	background: url(../images/content/arrow-light.png) no-repeat 0px 5px;
	padding-left: 17px;	background-position: 0px 13px;
}

.arrows-1 li a{
	
}



.projeleft4ayrinti
     {
         
         height:auto;
         padding-top:0px;
         padding-bottom:0px;
         width:600px;
         float:left;
     } 
     
     .projeleft3ayrinti
     {
         
         height:auto;
         padding-top:10px;
         padding-bottom:10px;
         width:600px;
         float:left;
     }
     
     
     .footerfont
     {
         /*font-family:Trebuchet MS;*/
         font-family: 'Open Sans Condensed', sans-serif;
         font-size:10px;
         font-weight:normal;
         line-height:22px;
         color:#000;
         margin-top:20px; 
         }
         
         
         
         
.copyright {
	float: left;
	margin-bottom: 0;
	color: #000;
	font-size: 11px;
	margin-top:10px;
	margin-left:15px;
}



.copyright a {
	color: #747474;
	font-size: 10px;
}

.copyright a:hover {
	text-decoration: none;
	color: #2D81B6;
}




#footer-content {
	width: 900px;
	margin: 0 auto;	
}

#footer h4 {
	color: #dedede;
	font-size: 18px;
	margin-bottom: 0;
	text-shadow: 1px 1px 1px #262626;
}

#footer-bottom 
{
	background-position: center top;
	margin-top: 0px;
	background-repeat: no-repeat;
}

#footer-bottom-content {
	margin: 0 auto;
	width: 900px;
}
#footer .one-fourth, #footer .three-fourth, #footer .one-fifth, 
#footer .two-fifth, #footer .three-fifth, #footer .four-fifth, 
#footer .one-third, #footer .two-third, #footer .one-half, 
#footer .one-sixth, #footer .five-sixth, #footer .full-width {
	margin-top: 5px;
}

#footer-nav {
	list-style: none;
	float: right;
	margin-top: 0px;
}

#footer-nav li {
	display: inline;
	margin-left: 8px;
}

#footer-nav li a {
	font-family: Arial, sans-serif;
	color: #747474;
	font-size: 10px;
	text-transform: uppercase;
}

#footer-nav li a:hover {
	color: #ddd;
	text-decoration: none;
} 

#footer-portfolio {
	list-style: none;
}

#footer-portfolio li {
	display: inline;
	float: left;
	
	list-style-type: none;
}

#footer-portfolio li a {
	line-height: 0px;
}

#footer-portfolio li a:hover {
	text-decoration: none;
}

#footer-portfolio li a img {
	border: 1px solid #474747;
	padding: 5px;
}

#footer-portfolio li a img:hover {
	border: 1px solid #585858;}
	
	
	
.social-links 
{
	list-style:none;
	margin-top:0px;
	float:right;
}

.social-links li {
	float: left;
	margin-right: 8px;
	height: 28px;
	width: 21px;
	cursor:pointer;
}

.social-linkss {
	list-style: none;
	margin-top:-10px;
	float:left;
}

.social-linkss li {
	float: left;
	margin-right: 8px;
	height: 28px;
	width: 21px;
	cursor:pointer;
}


.sc_facebook { background: url(http://www.zeynelabidinerdem.com/img/social/facebook.png) no-repeat 0px 7px; }	
.sc_pinterest { background: url(http://www.zeynelabidinerdem.com/img/social/pinterest.png) no-repeat 0px 7px; }	
.sc_sitemap { background: url(http://www.zeynelabidinerdem.com/img/social/sitemap.png) no-repeat 0px 7px; }	
.sc_google { background: url(http://www.zeynelabidinerdem.com/img/social/google.png) no-repeat 0px 7px; }
.sc_youtube { background: url(http://www.zeynelabidinerdem.com/img/social/youtube.png) no-repeat 0px 7px; }
.sc_friendfeed { background: url(http://www.zeynelabidinerdem.com/img/social/friendfeed.png) no-repeat 0px 7px; }
.sc_blogger { background: url(http://www.zeynelabidinerdem.com/img/social/blogger.png) no-repeat 0px 7px; }		
.sc_delicious { background: url(http://www.zeynelabidinerdem.com/img/social/delicious.png) no-repeat 0px 7px; }		
.sc_deviant { background: url(http://www.zeynelabidinerdem.com/img/social/deviant.png) no-repeat 0px 7px; }		
.sc_digg { background: url(http://www.zeynelabidinerdem.com/img/social/digg.png) no-repeat 0px 7px; }	
.sc_flickr { background: url(http://www.zeynelabidinerdem.com/img/social/flickr.png) no-repeat 0px 7px; }		
.sc_forrst { background: url(http://www.zeynelabidinerdem.com/img/social/forrst.png) no-repeat 0px 7px;}		
.sc_lastfm {	background: url(http://www.zeynelabidinerdem.com/img/social/lastfm.png) no-repeat 0px 7px; }		
.sc_linkedin { background: url(http://www.zeynelabidinerdem.com/img/social/linkedin.png) no-repeat 0px 7px; }		
.sc_myspace { background: url(http://www.zeynelabidinerdem.com/img/social/myspace.png) no-repeat 0px 7px; }	
.sc_reddit { background: url(http://www.zeynelabidinerdem.com/img/social/reddit.png) no-repeat 0px 7px; }	
.sc_rss { background: url(http://www.zeynelabidinerdem.com/img/social/rss.png) no-repeat 0px 7px; }		
.sc_share { background: url(http://www.zeynelabidinerdem.com/img/social/share.png) no-repeat 0px 7px; }	
.sc_skype { background: url(http://www.zeynelabidinerdem.com/img/social/skype.png) no-repeat 0px 7px; }	
.sc_stumble { background: url(http://www.zeynelabidinerdem.com/img/social/stumble.png) no-repeat 0px 7px; }		
.sc_technocrati { background: url(http://www.zeynelabidinerdem.com/img/social/technocrati.png) no-repeat 0px 7px; }	
.sc_tumblr { background: url(http://www.zeynelabidinerdem.com/img/social/tumblr.png) no-repeat 0px 7px; }		
.sc_twitter { background: url(http://www.zeynelabidinerdem.com/img/social/twitter.png) no-repeat 0px 7px; }		
.sc_vimeo { background: url(http://www.zeynelabidinerdem.com/img/social/vimeo.png) no-repeat 0px 7px; }		
.sc_yahoo { background: url(http://www.zeynelabidinerdem.com/img/social/yahoo.png) no-repeat 0px 7px; }	



.examples-section {
  text-align: center;
}

/* line 180, ../sass/screen.sass */
.image-row {
  
  margin-bottom: 20px;
  
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.image-row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 184, ../sass/screen.sass */
.example-image-link {
  display: inline-block;
  margin: 0 10px 20px 10px;
  line-height: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid #5e5e5e;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
/* line 191, ../sass/screen.sass */
.example-image-link:hover {
  border: 2px solid #0083D7;
}

/* line 194, ../sass/screen.sass */
.example-image {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}


.image a
{
    margin-top:25px;
    }